https://friesfilm-audioarchief.nl/assets/nieuwsbericht.47e0907d.js

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

1let c;for(;(c=e.exec(n))!==null;){const b=c[0],l=c[1],s=b.replace(l,`${l}" target="_blank`);n=n.replace(b,s)}return n},afbeeldingBreeedte(n){const e=this.$q.screen,b={100:12,50:{xl:6,lg:8,md:10,sm:12,xs:12},33:{xl:4,lg:5,md:6,sm:9,xs:10}}[n]||12;if(typeof b=="object"){if(e.xl)return`col-${b.xl}`;if(e.lg)return`col-${b.lg}`;if(e.md)return`col-${b.md}`;if(e.sm)return`col-${b.sm}`;if(e.xs)return`col-${b.xs}`}return`col-${b}`}},computed:{nieuwsbericht(){return this.s.nieuwsberichten.find(n=>n._id==this.$route.params.nieuwsID)},profielafbeelding(){var n,e;return(n=this.nieuwsbericht)!=null&&n.afbeelding?this.s.img+((e=this.nieuwsbericht)==null?void 0:e.afbeelding):"/logo.png"}}},F={key:0,class:"q-px-lg text-secondary",style:{"max-width":"1600px",margin:"0 auto"}},J={class:"q-my-md"},z={class:"roc text-h6 text-secondary q-mt-xl q-mb-md"},G=["innerHTML"],W={class:"springrechtsin"},Z={class:"text-secondary text-h6 q-my-md"},K=["innerHTML"],$=["onClick"],ee=["innerHTML"],te={class:"text-subtitle2"},le={class:"text-subtitle2"},ne={key:2,class:"q-my-lg"},oe={key:3,class:"row q-mb-xl"},se={class:"q-pa-sm text-caption"},ie={key:0,class:"text-subtitle2"},re={key:1,class:"text-subtitle2"},ae={class:"text-subtitle2"},de={key:5,class:"q-my-lg rondehoeken"},ue={class:"springrechtsin"},me={key:5,class:"row"};function ce(n,e,c,b,l,s){const P=L("avMediaBlok");return i(),p(j,null,[s.nieuwsbericht?(i(),p("div",F,[r("div",J,[o(N,{class:"text-white",separator:">"},{default:a(()=>[o(v,{label:"home",to:"/",class:"text-secondary onderstreept"}),o(v,{label:"nieuws",to:"/nieuws",class:"text-secondary onderstreept"}),o(v,{label:s.nieuwsbericht.titel,class:"text-secondary"},null,8,["label"])]),_:1})]),r("div",{class:x({"cursor-pointer":l.s.bewerkmodus}),onClick:e[0]||(e[0]=t=>s.bewerkMainblok())},[r("div",z,h(l.s.datum(s.nieuwsbericht.publicatiedatum)),1),r("div",{class:"roc titelkop text-secondary",innerHTML:s.nieuwsbericht.titel},null,8,G),r("div",W,[r("div",Z,h(s.nieuwsbericht.titelheadertekst),1),o(_,{src:s.profielafbeelding,ratio:16/9,class:"rondehoeken q-my-xl"},null,8,["src"]),r("div",{class:"text-body1",innerHTML:s.nieuwsbericht.content},null,8,K)])],2),(i(!0),p(j,null,A(s.nieuwsbericht.extracontent,(t,g)=>(i(),p("div",{class:"springrechtsin",key:g},[l.s.bewerkmodus?(i(),u(S,{key:0,color:"warning",class:"q-my-lg"})):d("",!0),l.s.bewerkmodus?(i(),u(B,{key:1,rounded:"",class:"float-right"},{default:a(()=>[o(m,{disable:g===0,rounded:"",color:"primary",icon:"keyboard_arrow_up",onClick:C=>s.herplaatsBlok(g,-1)},null,8,["disable","onClick"]),o(m,{disable:g===s.nieuwsbericht.extracontent.length-1,rounded:"",color:"primary",icon:"keyboard_arrow_down",onClick:C=>s.herplaatsBlok(g,1)},null,8,["disable","onClick"])]),_:2},1024)):d("",!0),r("div",{class:x({"cursor-pointer q-py-sm":l.s.bewerkmodus}),onClick:C=>s.bewerkExtracontent(g)},[t.type==="tekst"?(i(),p("div",{key:0,innerHTML:t.content},null,8,ee)):d("",!0),t.type==="video"&&l.s.bewerkmodus?(i(),u(w,{key:1,class:"bg-primary",style:{"max-width":"80%"}},{default:a(()=>[o(y,null,{default:a(()=>[e[28]||(e[28]=r("div",{class:"text-h6"},"Video-component",-1)),r("div",te," Collectie: "+h(t.content.collectieID),1),r("div",le,"ItemID: "+h(t.content.itemID),1)]),_:2},1024)]),_:2},1024)):d("",!0),t.type==="video"&&!l.s.bewerkmodus?(i(),p("div",ne,[(i(),u(P,{itemID:t.content.itemID,key:t.content.itemID},null,8,["itemID"]))])):d("",!0),t.type==="afbeelding"?(i(),p("div",oe,[r("div",{class:x(s.afbeeldingBreeedte(t.content.breedte))},[o(_,{src:`${this.s.img}${t.content.bestandsnaam}`,class:"q-mt-xl rondehoeken"},null,8,["src"]),r("div",se,h(t.content.bijschrift),1)],2)])):d("",!0),t.type==="youtube"&&l.s.bewerkmodus?(i(),u(w,{key:4,class:"bg-primary",style:{"max-width":"80%"}},{default:a(()=>[o(y,null,{default:a(()=>[e[29]||(e[29]=r("div",{class:"text-h6"},"Youtube-component",-1)),t.content.playlist?(i(),p("div",ie," Youtube playlistID: "+h(t.content.youtubeID),1)):(i(),p("div",re," Youtube videoID: "+h(t.content.youtubeID),1)),r("div",ae,"Ratio: "+h(t.content.ratio),1)]),_:2},1024)]),_:2},1024)):d("",!0),t.type==="youtube"&&!l.s.bewerkmodus?(i(),p("div",de,[t.content.playlist?(i(),u(E,{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"])):(i(),u(E,{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)),r("div",ue,[l.s.bewerkmodus?(i(),u(B,{key:0,spread:"",class:"q-ma-lg",square:""},{default:a(()=>[o(m,{color:"primary",icon:"add",label:"Tekst",onClick:e[1]||(e[1]=t=>s.voegtoeExtracontent("tekst"))}

1),o(m,{color:"primary",icon:"add",label:"Afbeelding",onClick:e[2]||(e[2]=t=>n.$refs.bestandsuploader_extracontent_jpg.pickFiles())}),o(m,{color:"primary",icon:"add",label:"Video (collectieitem)",onClick:e[3]||(e[3]=t=>s.voegtoeExtracontent("video"))}),o(m,{color:"primary",icon:"add",label:"Youtube-video",onClick:e[4]||(e[4]=t=>s.voegtoeExtracontent("youtube"))})]),_:1})):d("",!0)])])):d("",!0),o(I,{modelValue:l.mainblokDialog,"onUpdate:modelValue":e[14]||(e[14]=t=>l.mainblokDialog=t),persistent:""},{default:a(()=>[o(w,{style:{width:"80vw","max-width":"80vw"},bordered:""},{default:a(()=>[o(y,{class:"row items-center bg-secondary text-h6"},{default:a(()=>[o(q,{name:"r_edit",class:"q-mx-md"}),e[30]||(e[30]=Q(" Bewerken nieuwsbericht ",-1)),o(k),o(m,{icon:"delete",flat:"",color:"red-14",onClick:e[5]||(e[5]=t=>s.verwijderNieuwsbericht())})]),_:1}),o(y,{class:"q-mx-md scroll-dialog-content"},{default:a(()=>[o(X,{modelValue:l.file,"onUpdate:modelValue":[e[6]||(e[6]=t=>l.file=t),e[7]||(e[7]=t=>s.veranderMainAfbeelding(l.file))],class:"hidden",accept:".png, .jpg, .jpeg",ref:"bestandsuploader_main_jpg"},null,8,["modelValue"]),o(f,{class:"q-mb-lg",label:"Publicatiedatum",modelValue:l.record.publicatiedatum,"onUpdate:modelValue":e[8]||(e[8]=t=>l.record.publicatiedatum=t),type:"date"},null,8,["modelValue"]),o(f,{class:"q-mb-lg",label:"Titel",modelValue:l.record.titel,"onUpdate:modelValue":e[9]||(e[9]=t=>l.record.titel=t)},null,8,["modelValue"]),o(f,{label:"Headertekst",type:"textarea",modelValue:l.record.titelheadertekst,"onUpdate:modelValue":e[10]||(e[10]=t=>l.record.titelheadertekst=t),class:"q-mb-lg"},null,8,["modelValue"]),e[31]||(e[31]=r("div",{class:"text-grey-8 text-caption"},"Content",-1)),o(O,{ref:"editorRef",onPaste:s.onPaste,modelValue:l.record.content,"onUpdate:modelValue":e[11]||(e[11]=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}),o(T,{class:"q-my-md q-mx-lg"},{default:a(()=>[V(o(m,{label:"Annuleren",color:"red-14"},null,512),[[D]]),o(k),o(m,{label:"Opslaan",color:"primary",onClick:e[12]||(e[12]=t=>s.slaopObject(l.record))}),o(m,{label:"+ Opslaan",color:"primary",icon:"add_a_photo",onClick:e[13]||(e[13]=t=>n.$refs.bestandsuploader_main_jpg.pickFiles())})]),_:1})]),_:1})]),_:1},8,["modelValue"]),o(I,{modelValue:l.extraContentDialog,"onUpdate:modelValue":e[25]||(e[25]=t=>l.extraContentDialog=t),persistent:""},{default:a(()=>[o(w,{style:{width:"80vw","max-width":"80vw"},bordered:""},{default:a(()=>[o(y,{class:"row items-center bg-secondary text-h6"},{default:a(()=>[o(q,{name:"r_edit",class:"q-mx-md"}),e[32]||(e[32]=Q(" Bewerken extra contentblok ",-1)),o(k),o(m,{icon:"delete",flat:"",color:"red-14",onClick:e[15]||(e[15]=t=>s.verwijderComponent())})]),_:1}),o(y,{class:"q-mx-md scroll-dialog-content"},{default:a(()=>[l.temptype==="tekst"?(i(),u(O,{key:0,ref:"editorRef",onPaste:s.onPaste,modelValue:l.tempcontent,"onUpdate:modelValue":e[16]||(e[16]=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"?(i(),u(f,{key:1,label:"Collectie bv '0001'",mask:"XXXXXXXXXX",modelValue:l.tempcontent.collectieID,"onUpdate:modelValue":e[17]||(e[17]=t=>l.tempcontent.collectieID=t)},null,8,["modelValue"])):d("",!0),l.temptype==="video"?(i(),u(f,{key:2,label:"VideoID bv 'AV0030'",mask:"XXXXXXXXXX",modelValue:l.tempcontent.itemID,"onUpdate:modelValue":e[18]||(e[18]=t=>l.tempcontent.itemID=t)},null,8,["modelValue"])):d("",!0),l.temptype==="afbeelding"?(i(),u(f,{key:3,label:"Bijschrift",modelValue:l.tempcontent.bijschrift,"onUpdate:modelValue":e[19]||(e[19]=t=>l.tempcontent.bijschrift=t)},null,8,["modelValue"])):d("",!0),l.temptype==="afbeelding"?(i(),u(U,{key:4,modelValue:l.tempcontent.breedte,"onUpdate:modelValue":e[20]||(e[20]=t=>l.tempcontent.breedte=t),options:l.breedteOpties,"map-options":"","emit-value":"",label:"Breedte"},null,8,["modelValue","options"])):d("",!0),l.temptype==="youtube"?(i(),p("div",me,[o(f,{class:"col-6",label:l.tempcontent.playlist?"youtubePLAYLIST-ID":"youtubeVIDEO-ID",modelValue:l.tempcontent.youtubeID,"onUpdate:modelValue":e[21]||(e[21]=t=>l.tempcontent.youtubeID=t)},null,8,["label","modelValue"]),o(H,{class:"col-6 q-px-lg q-pt-lg",label:"Playlist",color:"primary","false-value":null,modelValue:l.tempcontent.playlist,"onUpdate:modelValue":e[22]||(e[22]=t=>l.tempcontent.playlist=t),"checked-icon":"format_list_bulleted","unchecked-icon":"smart_display"},null,8,["modelValue"])])):d("",!0),l.temptype==="youtube"?(i(),u(U,{key:6,modelValue:l.tempcontent.ratio,"onUpdate:modelValue":e[23]||(e[23]=t=>l.tempcontent.ratio=t),options:l.ratioOpties,"emit-value":"",label:"Ratio"},null,8,["modelValue","options"])):d("",!0)]),_:1}),o(T,{class:"q-my-md q-mx-lg"},{default:a(()=>[V(o(m,{label:"Annuleren",color:"red-14"},null,512),[[D]]),o(k),V(o(m,{label:"Opslaan",color:"primary",onClick:e[24]||(e[24]=t=>s.verwerkVoegToe())},null,512),[[D]])]),_:1})]),_:1})]),_:1},8,["modelValue"]),o(X,{modelValue:l.file_extracontent,"onUpdate:modelValue":[e[26]||(e[26]=t=>

1l.file_extracontent=t),e[27]||(e[27]=t=>s.voegtoeExtraContentAfbeelding(l.file_extracontent))],class:"hidden",accept:".png, .jpg, .jpeg",ref:"bestandsuploader_extracontent_jpg"},null,8,["modelValue"])],64)}var qe=M(Y,[["render",ce]]);export{qe as default};