https://friesfilm-audioarchief.nl/assets/projectenbericht.e7817cd4.js

1import{Q as A,a as x}from"./QBreadcrumbs.61cbb561.js";import{Q as I}from"./QImg.d00f0606.js";import{_ as S,ah as N,N as s,O as b,Z as i,Q as n,R as a,V as f,X as w,a1 as q,a2 as R,S as u,Y as d,a7 as Q,a3 as H,W as c,a5 as y,a4 as h,T,U as B,bb as k,bj as E,a8 as O,a6 as j}from"./index.c78980fe.js";import{a as P,C as V}from"./ClosePopup.5afc4e14.js";import{Q as U}from"./QVideo.ff48d18c.js";import{Q as v}from"./QSpace.05442360.js";import{Q as X}from"./QFile.dc2f435f.js";import{Q as D}from"./QSelect.2e5ee0e0.js";import{Q as M}from"./QEditor.d97378d5.js";import{a as Y}from"./avmedia.6dbb7edc.js";import"./QMenu.c23b7031.js";import"./QChip.d6f7a227.js";import"./format.8ac60962.js";import"./QItem.03baebf7.js";import"./QItemLabel.a17bb7fa.js";import"./use-fullscreen.1b9c6fb0.js";const F={name:"ProjectItem",components:{avMediaBlok:Y},data(){return{s:this.$store,record:{},tempindex:0,temptype:"",tempcontent:"",file:null,file_extracontent:null,mainblokDialog:!1,extraContentDialog:!1,breedteOpties:[{label:"volledig",value:100},{label:"middel",value:50},{label:"klein",value:33}],ratioOpties:[{label:"1/1",value:1},{label:"4/3",value:1.33},{label:"3/2",value:1.5},{label:"16/9",value:1.77},{label:"2/1",value:2},{label:"3/1",value:3},{label:"4/1",value:4}]}},mounted(){},methods:{bewerkMainblok(){!this.s.bewerkmodus||(this.record={...this.project},this.mainblokDialog=!0)},async veranderMainAfbeelding(o){const e=this.record.afbeelding?""+this.record.afbeelding:!1,m=await this.s.imageUpload(o,e);this.record.afbeelding=m.bestandsnaam,this.slaopObject(this.record)},voegtoeExtracontent(o){!this.s.bewerkmodus||(this.tempindex=this.project.extracontent.length,this.temptype=o,this.tempcontent="",o==="video"&&(this.tempcontent={}),o==="youtube"&&(this.tempcontent={}),this.extraContentDialog=!0)},async voegtoeExtraContentAfbeelding(o){if(!this.s.bewerkmodus)return;const e=await this.s.imageUpload(o,!1);this.tempindex=this.project.extracontent.length||0,this.temptype="afbeelding",this.tempcontent={bestandsnaam:e.bestandsnaam,bijschrift:"",breedte:100},this.verwerkVoegToe()},bewerkExtracontent(o){if(!this.s.bewerkmodus)return;const e=JSON.parse(JSON.stringify(this.project.extracontent[o]));this.tempindex=o,this.temptype=e.type,this.tempcontent=e.content,this.extraContentDialog=!0},herplaatsBlok(o,e){this.s.moveElement(this.project.extracontent,o,e),this.slaopObject(this.project)},verwerkVoegToe(){this.project.extracontent||(this.project.extracontent=[]),this.project.extracontent[this.tempindex]={type:this.temptype,content:this.tempcontent},this.slaopObject(this.project)},async slaopObject(o){this.mainblokDialog=!1,o.content=this.voegTargetBlankToe(o.content),await this.s.apiCall("PATCH",`ffaa_website/project/${o._id}`,o),this.s.miniSearchInit()},verwijderComponent(){this.$q.dialog({title:"Verwijderen",message:"Element verwijderen?",cancel:!0,persistent:!0}).onOk(()=>{this.extraContentDialog=!1,this.temptype==="afbeelding"&&this.s.bestandVerwijder(this.tempcontent.bestandsnaam),this.project.extracontent.splice(this.tempindex,1),this.slaopObject(this.project)})},verwijderProject(){this.$q.dialog({title:"Verwijderen",message:"Project verwijderen?",cancel:!0,persistent:!0}).onOk(()=>{this.extraContentDialog=!1,this.project.extracontent.forEach(o=>{o.type==="afbeelding"&&this.s.bestandVerwijder(o.content.bestandsnaam)}),this.s.bestandVerwijder(this.project.afbeelding),this.s.apiCall("DELETE",`ffaa_website/project/${this.project._id}`).then(o=>{this.s.loadProjecten(),this.$router.push("/projecten")}),this.slaopObject(this.project)})},onPaste(o){if(o.target.nodeName==="INPUT")return;let e,m;o.preventDefault(),o.stopPropagation(),o.originalEvent&&o.originalEvent.clipboardData.getData?(e=o.originalEvent.clipboardData.getData("text/plain"),this.$refs.editorRef.runCmd("insertText",e)):o.clipboardData&&o.clipboardData.getData?(e=o.clipboardData.getData("text/plain"),this.$refs.editorRef.runCmd("insertText",e)):window.clipboardData&&window.clipboardData.getData&&(m||(m=!0,this.$refs.editorRef.runCmd("ms-pasteTextOnly",e)),m=!1)},voegTargetBlankToe(o){const e=/<a\s+(?:[^>]*?\s+)?href="([^"]*)"/g;let m;

1for(;(m=e.exec(o))!==null;){const p=m[0],l=m[1],r=p.replace(l,`${l}" target="_blank`);o=o.replace(p,r)}return o},afbeeldingBreeedte(o){const e=this.$q.screen,p={100:12,50:{xl:6,lg:8,md:10,sm:12,xs:12},33:{xl:4,lg:5,md:6,sm:9,xs:10}}[o]||12;if(typeof p=="object"){if(e.xl)return`col-${p.xl}`;if(e.lg)return`col-${p.lg}`;if(e.md)return`col-${p.md}`;if(e.sm)return`col-${p.sm}`;if(e.xs)return`col-${p.xs}`}return`col-${p}`}},computed:{project(){return this.s.projecten.find(o=>o._id==this.$route.params.projectID)},profielafbeelding(){var o,e;return(o=this.project)!=null&&o.afbeelding?this.s.img+((e=this.project)==null?void 0:e.afbeelding):"/logo.png"}}},z={key:0,class:"q-px-lg text-secondary",style:{"max-width":"1600px",margin:"0 auto"}},J={class:"q-my-md"},G={class:"roc text-h6 text-secondary q-mt-xl q-mb-md"},W=["innerHTML"],Z={class:"springrechtsin"},K=["innerHTML"],$=["onClick"],ee=["innerHTML"],te={class:"text-subtitle2"},le={class:"text-subtitle2"},oe={key:2,class:"q-my-lg"},ne={key:3,class:"row q-mb-xl"},re={class:"q-pa-sm text-caption"},se={key:0,class:"text-subtitle2"},ie={key:1,class:"text-subtitle2"},ae={class:"text-subtitle2"},de={key:5,class:"q-my-lg rondehoeken"},ue={class:"springrechtsin"},ce={class:"row q-mb-lg"},me={class:"col-6"},pe={class:"col-6 self-end q-pl-xl"},be={key:5,class:"row"};function fe(o,e,m,p,l,r){const L=N("avMediaBlok");return s(),b(q,null,[r.project?(s(),b("div",z,[i("div",J,[n(A,{class:"text-white",separator:">"},{default:a(()=>[n(x,{label:"home",to:"/",class:"text-secondary onderstreept"}),n(x,{label:"projecten",to:"/projecten",class:"text-secondary onderstreept"}),n(x,{label:r.project.titel,class:"text-secondary"},null,8,["label"])]),_:1})]),i("div",{class:w({"cursor-pointer":l.s.bewerkmodus}),onClick:e[0]||(e[0]=t=>r.bewerkMainblok())},[i("div",G,f(l.s.datum(r.project.publicatiedatum)),1),i("div",{class:"roc titelkop text-secondary",innerHTML:r.project.titel},null,8,W),i("div",Z,[n(I,{src:r.profielafbeelding,ratio:16/9,class:"rondehoeken q-my-xl"},null,8,["src"]),i("div",{class:"text-body1",innerHTML:r.project.content},null,8,K)])],2),(s(!0),b(q,null,R(r.project.extracontent,(t,g)=>{var C;return s(),b("div",{class:"springrechtsin",key:g},[l.s.bewerkmodus?(s(),u(H,{key:0,color:"warning",class:"q-my-lg"})):d("",!0),l.s.bewerkmodus?(s(),u(P,{key:1,rounded:"",class:"float-right"},{default:a(()=>[n(c,{disable:g===0,rounded:"",color:"primary",icon:"keyboard_arrow_up",onClick:_=>r.herplaatsBlok(g,-1)},null,8,["disable","onClick"]),n(c,{disable:g===r.project.extracontent.length-1,rounded:"",color:"primary",icon:"keyboard_arrow_down",onClick:_=>r.herplaatsBlok(g,1)},null,8,["disable","onClick"])]),_:2},1024)):d("",!0),i("div",{class:w({"cursor-pointer q-py-sm":l.s.bewerkmodus}),onClick:_=>r.bewerkExtracontent(g)},[t.type==="tekst"?(s(),b("div",{key:0,innerHTML:t.content},null,8,ee)):d("",!0),t.type==="video"&&l.s.bewerkmodus?(s(),u(h,{key:1,class:"bg-primary",style:{"max-width":"80%"}},{default:a(()=>[n(y,null,{default:a(()=>[e[29]||(e[29]=i("div",{class:"text-h6"},"Video-component",-1)),i("div",te," Collectie: "+f(t.content.collectieID),1),i("div",le,"ItemID: "+f(t.content.itemID),1)]),_:2},1024)]),_:2},1024)):d("",!0),((C=t.content)==null?void 0:C.itemID)&&!l.s.bewerkmodus?(s(),b("div",oe,[(s(),u(L,{itemID:t.content.itemID,key:t.content.itemID},null,8,["itemID"]))])):d("",!0),t.type==="afbeelding"?(s(),b("div",ne,[i("div",{class:w(r.afbeeldingBreeedte(t.content.breedte))},[n(I,{src:`${this.s.img}${t.content.bestandsnaam}`,class:"q-mt-xl rondehoeken"},null,8,["src"]),i("div",re,f(t.content.bijschrift),1)],2)])):d("",!0),t.type==="youtube"&&l.s.bewerkmodus?(s(),u(h,{key:4,class:"bg-primary",style:{"max-width":"80%"}},{default:a(()=>[n(y,null,{default:a(()=>[e[30]||(e[30]=i("div",{class:"text-h6"},"Youtube-component",-1)),t.content.playlist?(s(),b("div",se," Youtube playlistID: "+f(t.content.youtubeID),1)):(s(),b("div",ie," Youtube videoID: "+f(t.content.youtubeID),1)),i("div",ae,"Ratio: "+f(t.content.ratio),1)]),_:2},1024)]),_:2},1024)):d("",!0),t.type==="youtube"&&!l.s.bewerkmodus?(s(),b("div",de,[t.content.playlist?(s(),u(U,{key:0,basic:"",src:`https://www.youtube.com/embed/videoseries?list=${t.content.youtubeID}`,ratio:t.content.ratio||16/9,class:"full-width"},null,8,["src","ratio"])):(s(),u(U,{key:1,basic:"",src:`https://www.youtube.com/embed/${t.content.youtubeID}`,ratio:t.content.ratio||16/9,class:"full-width"},null,8,["src","ratio"]))])):d("",!0)],10,$)])}),128)),i("div",ue,[l.s.bewerkmodus?(s(),u(P,{key:0,spread:"",class:"q-ma-lg",square:""},{default:a(()=>[n(c,{color:"primary",icon:"add",label:"Tekst",onClick:e[1]||(e[1]=t=>r.voegtoeExtracontent("tekst"))}),n(c,{color:"primary",icon:"add",label:"Afbeelding",onClick:e[2]||(e[2]=t=>o.$refs.bestandsuploader_extracontent_jpg.pickFiles())}),n(c,{color:"primary",icon:"add",label:"Video (collectieitem)",onClick:e[3]||(e[3]=t=>r.voegtoeExtracontent("video"))}),n(c,{color:"primary",icon:"add",label:"Youtube-video",onClick:e[4]||(e[4]=t=>r.voegtoeExtracontent("youtube"))})]),_:1})):d("",!0)])])):d("",!0),n(Q,{modelValue:l.mainblokDialog,"onUpdate:modelValue":e[15]||(e[15]=t=>l.mainblokDialog=t),persistent:""},{default:a(()=>[n(h,{style:{width:"80vw","max-width":"80vw"},bordered:""},{default:a(()=>[n(y,{class:"row items-center bg-secondary text-h6"},{default:a(()=>[n(T,{name:"r_edit",class:"q-mx-md"}),e[31]||(e[31]=B(" Bewerken project ",-1)),n(v),n(c,{icon:"delete",flat:"",color:"red-14",onClick:e[5]||(e[5]=t=>r.verwijderProject())})]),_:1}),n(y,{class:"q-mx-md scroll-dialog-content"},{default:a(()=>[n(X,{modelValue:l.file,"onUpdate:modelValue":[e[6]||(e[6]=t=>l.file=t),e[7]||(e[7]=t=>r.veranderMainAfbeelding(l.file))],class:"hidden",accept:".png, .jpg, .jpeg",ref:"bestandsuploader_main_jpg"},null,8,["modelValue"]),i("div",ce,[i("div",me,[n(k,{label:"Publicatiedatum",modelValue:l.record.publicatiedatum,"onUpdate:modelValue":e[8]||(e[8]=t=>l.record.publicatiedatum=t),type:"date"},null,8,["modelValue"])]),i("div",pe,[n(E,{modelValue:l.record.inMenu,"onUpdate:modelValue":e[9]||(e[9]=t=>l.record.inMenu=t),color:"green",label:"Opnemen in menu en overzichtspagina"},null,8,["modelValue"])])]),n(k,{class:"q-mb-lg",label:"Titel",modelValue:l.record.titel,"onUpdate:modelValue":e[10]||(e[10]=t=>l.record.titel=t)},null,8,["modelValue"]),n(D,{label:"Tags",modelValue:l.record.tag,"onUpdate:modelValue":e[11]||(e[11]=t=>l.record.tag=t),"use-input":"","use-chips":"",multiple:"","hide-dropdown-icon":"","

1input-debounce":"0","new-value-mode":"add",class:"q-mb-lg"},null,8,["modelValue"]),e[32]||(e[32]=i("div",{class:"text-grey-8 text-caption"},"Content",-1)),n(M,{ref:"editorRef",onPaste:r.onPaste,modelValue:l.record.content,"onUpdate:modelValue":e[12]||(e[12]=t=>l.record.content=t),"min-height":"5rem","max-height":"25rem",toolbar:[["undo","redo"],["bold","italic","strike","underline"],["left","center","right","justify"],["hr","link"],["quote","unordered","ordered","outdent","indent"],["viewsource"]]},null,8,["onPaste","modelValue"])]),_:1}),n(O,{class:"q-my-md q-mx-lg"},{default:a(()=>[j(n(c,{label:"Annuleren",color:"red-14"},null,512),[[V]]),n(v),n(c,{label:"Opslaan",color:"primary",onClick:e[13]||(e[13]=t=>r.slaopObject(l.record))}),n(c,{label:"+ Opslaan",color:"primary",icon:"add_a_photo",onClick:e[14]||(e[14]=t=>o.$refs.bestandsuploader_main_jpg.pickFiles())})]),_:1})]),_:1})]),_:1},8,["modelValue"]),n(Q,{modelValue:l.extraContentDialog,"onUpdate:modelValue":e[26]||(e[26]=t=>l.extraContentDialog=t),persistent:""},{default:a(()=>[n(h,{style:{width:"80vw","max-width":"80vw"},bordered:""},{default:a(()=>[n(y,{class:"row items-center bg-secondary text-h6"},{default:a(()=>[n(T,{name:"r_edit",class:"q-mx-md"}),e[33]||(e[33]=B(" Bewerken extra contentblok ",-1)),n(v),n(c,{icon:"delete",flat:"",color:"red-14",onClick:e[16]||(e[16]=t=>r.verwijderComponent())})]),_:1}),n(y,{class:"q-mx-md scroll-dialog-content"},{default:a(()=>[l.temptype==="tekst"?(s(),u(M,{key:0,ref:"editorRef",onPaste:r.onPaste,modelValue:l.tempcontent,"onUpdate:modelValue":e[17]||(e[17]=t=>l.tempcontent=t),"min-height":"5rem","max-height":"10rem",toolbar:[["undo","redo"],["bold","italic","strike","underline"],["left","center","right","justify"],["hr","link"],["quote","unordered","ordered","outdent","indent"],["viewsource"]]},null,8,["onPaste","modelValue"])):d("",!0),l.temptype==="video"?(s(),u(k,{key:1,label:"Collectie bv '0001'",mask:"XXXXXXXXXX",modelValue:l.tempcontent.collectieID,"onUpdate:modelValue":e[18]||(e[18]=t=>l.tempcontent.collectieID=t)},null,8,["modelValue"])):d("",!0),l.temptype==="video"?(s(),u(k,{key:2,label:"VideoID bv 'AV0030'",mask:"XXXXXXXXXX",modelValue:l.tempcontent.itemID,"onUpdate:modelValue":e[19]||(e[19]=t=>l.tempcontent.itemID=t)},null,8,["modelValue"])):d("",!0),l.temptype==="afbeelding"?(s(),u(k,{key:3,label:"Bijschrift",modelValue:l.tempcontent.bijschrift,"onUpdate:modelValue":e[20]||(e[20]=t=>l.tempcontent.bijschrift=t)},null,8,["modelValue"])):d("",!0),l.temptype==="afbeelding"?(s(),u(D,{key:4,modelValue:l.tempcontent.breedte,"onUpdate:modelValue":e[21]||(e[21]=t=>l.tempcontent.breedte=t),options:l.breedteOpties,"map-options":"","emit-value":"",label:"Breedte"},null,8,["modelValue","options"])):d("",!0),l.temptype==="youtube"?(s(),b("div",be,[n(k,{class:"col-6",label:l.tempcontent.playlist?"youtubePLAYLIST-ID":"youtubeVIDEO-ID",modelValue:l.tempcontent.youtubeID,"onUpdate:modelValue":e[22]||(e[22]=t=>l.tempcontent.youtubeID=t)},null,8,["label","modelValue"]),n(E,{class:"col-6 q-px-lg q-pt-lg",label:"Playlist",color:"primary","false-value":null,modelValue:l.tempcontent.playlist,"onUpdate:modelValue":e[23]||(e[23]=t=>l.tempcontent.playlist=t),"checked-icon":"format_list_bulleted","unchecked-icon":"smart_display"},null,8,["modelValue"])])):d("",!0),l.temptype==="youtube"?(s(),u(D,{key:6,modelValue:l.tempcontent.ratio,"onUpdate:modelValue":e[24]||(e[24]=t=>l.tempcontent.ratio=t),options:l.ratioOpties,"emit-value":"",label:"Ratio"},null,8,["modelValue","options"])):d("",!0)]),_:1}),n(O,{class:"q-my-md q-mx-lg"},{default:a(()=>[j(n(c,{label:"Annuleren",color:"red-14"},null,512),[[V]]),n(v),j(n(c,{label:"Opslaan",color:"primary",onClick:e[25]||(e[25]=t=>r.verwerkVoegToe())},null,512),[[V]])]),_:1})]),_:1})]),_:1},8,["modelValue"]),n(X,{modelValue:l.file_extracontent,"onUpdate:modelValue":[e[27]||(e[27]=t=>l.file_extracontent=t),e[28]||(e[28]=t=>r.voegtoeExtraContentAfbeelding(l.file_extracontent))],class:"hidden",accept:".png, .jpg, .jpeg",ref:"bestandsuploader_extracontent_jpg"},null,8,["modelValue"])],64)}var Be=S(F,[["render",fe]]);export{Be as default};