https://www.schoolbank.nl/_nuxt/1DXcxCaF.js

1import{T as V}from"./Bu2rUDix.js";import{M as D}from"./DkVi7U_x.js";import{V as U,T as A}from"./DsZihxn1.js";import{T as Y,a as j}from"./Cb7V6yJ7.js";import{P as M}from"./CG4Xc7sP.js";import{_,r as u,c as h,o as i,a as s,b as p,e as l,M as v,a0 as L,w as y,t as N,B as f,C as S,D as w,R as O,m as z,i as g,u as B,z as R,p as F,s as P}from"./BzlTivOS.js";import{_ as G}from"./CKLkjSGw.js";import{S as H}from"./DO4qofKI.js";import{I as q}from"./L0Qda0jv.js";import{u as J}from"./8wB8ZqVT.js";import{r as b}from"./DX_BJ3SD.js";import"./cmPyWzOo.js";import"./BUGSJ_CD.js";import"./BfjEdyQ0.js";const K={components:{TagsMask:Y},mixins:[M],props:["source","showedTags","tags"],data(){return{isDragging:!1}},methods:{onPhotoUpload(e){this.validatePhotoSize(e).then(t=>this.$emit("setSource",t)).catch(()=>this.$refs.input.value="")},clear(){this.$emit("clear")},changeView(){this.$emit("changeView","edit")},OnDragEnter(e){e.preventDefault(),this.isDragging=!0},OnDragLeave(e){e.preventDefault(),this.isDragging=!1},onDrop(e){e.preventDefault(),e.stopPropagation(),this.isDragging=!1;const t=new FileReader;t.readAsDataURL(e.dataTransfer.files[0]),t.addEventListener("load",()=>this.$emit("setSource",t.result))}}},X={class:"input"},Q={class:"input__inner"},W={key:0,class:"input__img-wrap"},Z=["src"],x={key:1,class:"input__holder"};function ee(e,t,a,d,m,o){const c=u("TagsMask");return i(),h("div",X,[s("div",Q,[a.source?(i(),h("div",W,[l(c,{tags:a.tags,"showed-tags":a.showedTags},{default:v(()=>[s("img",{class:"input__img",src:a.source,alt:"Afbeelding om te uploaden"},null,8,Z)]),_:1},8,["tags","showed-tags"])])):p("",!0),a.source?p("",!0):(i(),h("div",x,[s("label",{class:y(["input__label",{dragging:m.isDragging}]),onDragenter:t[1]||(t[1]=(...n)=>o.OnDragEnter&&o.OnDragEnter(...n)),onDragleave:t[2]||(t[2]=(...n)=>o.OnDragLeave&&o.OnDragLeave(...n)),onDragover:t[3]||(t[3]=L(()=>{},["prevent"])),onDrop:t[4]||(t[4]=(...n)=>o.onDrop&&o.onDrop(...n))},[s("input",{ref:"input",type:"file",accept:".jpg,.png,.gif,.jpeg",class:"input__input",onChange:t[0]||(t[0]=(...n)=>o.onPhotoUpload&&o.onPhotoUpload(...n))},null,544)],34),t[7]||(t[7]=s("div",{class:"input__message"},[s("span",{class:"input__message-text"}," Selecteer hier of sleep hier een fotobestand heen om een foto toe te voegen. ")],-1))])),a.source?(i(),h("button",{key:2,type:"button",class:"input__btn input__btn--clear",onClick:t[5]||(t[5]=(...n)=>o.clear&&o.clear(...n))}," ✖ ")):p("",!0),a.source?(i(),h("button",{key:3,type:"button",class:"input__btn input__btn--edit",onClick:t[6]||(t[6]=(...n)=>o.changeView&&o.changeView(...n))}," Bewerken ")):p("",!0)])])}const te=_(K,[["render",ee],["__scopeId","data-v-3dda41a0"]]),oe={components:{VueCropper:U},props:["source"],data(){return{scale:1}},methods:{rotate(){this.$refs.cropper.rotate(90)},scaleIn(){this.scale+=.1,this.$refs.cropper.scale(this.scale)},scaleOut(){this.scale-=.1,this.$refs.cropper.scale(this.scale)},cancelEditing(){this.$emit("changeView","input")},crop(){const e=this.$refs.cropper.getCroppedCanvas().toDataURL();this.$emit("setSource",e),this.$emit("changeView","input")}}},se={class:"edit"},ae={class:"edit__content"},ne={class:"edit__buttons"},re={class:"edit__buttons edit__buttons--right"};function le(e,t,a,d,m,o){const c=u("vue-cropper"),n=G;return i(),h("div",se,[s("div",ae,[l(c,{ref:"cropper",alt:"Image",src:a.source,background:!1,"view-mode":1},null,8,["src"]),s("div",ne,[s("button",{type:"button",class:"edit__button",onClick:t[0]||(t[0]=(...r)=>o.rotate&&o.rotate(...r))},[l(n,{icon:"undo"})]),s("button",{type:"button",class:"edit__button",onClick:t[1]||(t[1]=(...r)=>o.scaleIn&&o.scaleIn(...r))},[l(n,{icon:"search-plus"})]),s("button",{type:"button",class:"edit__button",onClick:t[2]||(t[2]=(...r)=>o.scaleOut&&o.scaleOut(...r))},[l(n,{icon:"search-minus"})])]),s("div",re,[s("button",{type:"button",class:"edit__button",onClick:t[3]||(t[3]=(...r)=>o.cancelEditing&&o.cancelEditing(...r))},[l(n,{icon:"times"})]),s("button",{type:"button",class:"edit__button",onClick:t[4]||(t[4]=(...r)=>o.crop&&o.crop(...r))},[l(n,{icon:"check"})])])])])}const ie=_(oe,[["render",le],["__scopeId","data-v-70744dc3"]]),ue={props:["userSlug","source","selectedEntity","album","school","uploadedPhotoId"],computed:{isUserPhoto(){return!this.school},text(){const e="Je foto is geplaatst in ";return!this.isUserPhoto&&this.school?e+`Schoolfoto’s van de school ${this.school.name}!`:this.album?e+"album "+this.album.title:e+"Mijn foto’s!"},photoLink(){if(!this.uploadedPhotoId)return"";

1const e=this.isUserPhoto?"/":"/school/",t=!this.isUserPhoto&&this.school?this.school.slug:this.userSlug,a="/foto/"+this.uploadedPhotoId;let d="?pos=0&";return this.album&&!this.school&&(d+="album="+this.album.slug),e+t+a+d}},methods:{goToPhoto(){this.$emit("reset"),this.$router.push({path:this.photoLink})},uploadMore(e){e.preventDefault(),this.$emit("reset")}}},de={class:"success"},ce={class:"success__box"},he={class:"success__image-wrap"},pe=["src"],me={class:"success__content"},ge={class:"success__text"},_e={class:"success__links"},fe={key:0,class:"success__link"},be={class:"success__link"};function ve(e,t,a,d,m,o){return i(),h("div",de,[s("div",ce,[s("div",he,[s("img",{class:"success__image",src:a.source,alt:"Geüploade afbeelding"},null,8,pe)]),s("div",me,[s("h2",ge,N(o.text),1),s("div",_e,[a.uploadedPhotoId?(i(),h("div",fe,[s("a",{href:"javascript:void(0)",class:"sb-btn-green",onClick:t[0]||(t[0]=(...c)=>o.goToPhoto&&o.goToPhoto(...c))}," Bekijk je foto ")])):p("",!0),s("div",be,[s("a",{class:"success__router-link",href:"#",onClick:t[1]||(t[1]=(...c)=>o.uploadMore&&o.uploadMore(...c))}," Upload nog een foto ")])])])])])}const Se=_(ue,[["render",ve],["__scopeId","data-v-d0625c27"]]),we={components:{SelectControl:H,InputControl:q},props:["source","userAlbums","title","album","userSchools","school","yearStart","yearEnd","uploadLoading"],setup(){return{v$:J()}},validations(){const e={title:{},album:{},school:{},yearStart:{},yearEnd:{}};return this.school&&(e.school={required:b},e.yearStart={required:b},e.yearEnd={required:b}),e},computed:{albumNames(){return this.userAlbums.map(e=>e.title)},albumName(){return this.album?this.album.title:""},schoolNames(){return this.userSchools.map(e=>e.name)},schoolName(){return this.school?this.school.name:""},yearStartOptions(){if(this.school){const e=parseInt(this.school.date_join.substring(0,4)),t=parseInt(this.school.date_leave.substring(0,4));return f(e,t)}return f(S,this.yearEnd||w)},yearEndOptions(){if(this.school){const e=parseInt(this.school.date_join.substring(0,4)),t=parseInt(this.school.date_leave.substring(0,4));return f(this.yearStart||e,t)}return f(this.yearStart||S,w)}},methods:{setTitle(e){e instanceof Event&&(e.stopPropagation(),this.$emit("input",{name:this.name,value:e.target.value}))},setAlbum(e){if(e instanceof Event){e.stopPropagation();const t=this.userAlbums.filter(a=>a.title===e.target.value)[0];this.$emit("setAlbum",t),this.v$.album.$touch()}},setSchool(e){if(e instanceof Event){e.stopPropagation();const t=this.userSchools.filter(a=>a.name===e.target.value)[0];this.$emit("setSchool",t),this.v$.school.$touch()}},setYearStart(e){e instanceof Event&&(e.stopPropagation(),this.$emit("setYearStart",+e.target.value),this.v$.yearStart.$touch())},setYearEnd(e){e instanceof Event&&(e.stopPropagation(),this.$emit("setYearEnd",+e.target.value),this.v$.yearEnd.$touch())},uploadPhoto(){this.v$.$touch(),!this.v$.$invalid&&this.$emit("uploadPhoto")},goBack(e){e.preventDefault(),this.$router.go(-1)}}},Pe={class:"form"},ye={class:"form__controls"},ke={class:"form__control form__control--wide"},Ee={key:0,class:"form__control form__control--wide"},Ce={class:"form__control"},Te={class:"form__control"},$e={class:"form__years"},Ie={class:"form__btn"};function Ve(e,t,a,d,m,o){const c=u("InputControl"),n=u("SelectControl");return i(),h("div",Pe,[t[4]||(t[4]=s("p",{class:"form__desc"},null,-1)),s("div",ye,[s("div",ke,[l(c,{label:"Titel",name:"title",model:a.title,placeholder:"Titel",size:"wide","max-length":255,note:"Schrijf hier een onderschrift bij je foto",onInput:t[0]||(t[0]=r=>o.setTitle(r))},null,8,["model"])]),o.albumNames.length?(i(),h("div",Ee,[l(n,{label:"Album",value:o.albumName,options:o.albumNames,name:"album",placeholder:"Geen","placeholder-disabled":!1,size:"wide",note:"Kies een album om je foto's te groeperen",onChange:o.setAlbum},null,8,["value","options","onChange"])])):p("",!0),t[3]||(t[3]=s("div",{class:"form__separator"},null,-1)),s("div",Ce,[l(n,{label:"School",value:o.schoolName,options:o.schoolNames,name:"school",placeholder:"Geen","placeholder-disabled":!1,size:"wide",validator:d.v$.school,n

1ote:"Geef de school en periode op als je wilt dat de foto ook bij jouw school wordt weergegeven.",onChange:o.setSchool},null,8,["value","options","validator","onChange"])]),s("div",Te,[s("div",$e,[l(n,{label:"Van",value:a.yearStart,options:o.yearStartOptions,name:"yearStart",placeholder:"jaar",size:"large",validator:d.v$.yearStart,onChange:o.setYearStart},null,8,["value","options","validator","onChange"]),l(n,{label:"Tot",value:a.yearEnd,options:o.yearEndOptions,name:"yearEnd",placeholder:"jaar",size:"large",validator:d.v$.yearEnd,onChange:o.setYearEnd},null,8,["value","options","validator","onChange"])])])]),s("div",Ie,[s("a",{href:"javascript:void(0)",class:y(["sb-btn",{"is-loading":a.uploadLoading,disabled:!a.source}]),onClick:t[1]||(t[1]=(...r)=>o.uploadPhoto&&o.uploadPhoto(...r))}," Plaats foto ",2),s("div",null,[s("a",{class:"form__go-back sb-link",href:"#",onClick:t[2]||(t[2]=(...r)=>o.goBack&&o.goBack(...r))},"Annuleren")])])])}const De=_(we,[["render",Ve],["__scopeId","data-v-21812890"]]),Ue={components:{Tabs:V,FormUpload:De,UploadSuccess:Se,Modal:D,TagScreen:A,PhotoInput:te,PhotoEdit:ie,TagsList:j},computed:{...z("photoUpload",{userSlug:"userSlug",source:"source",title:"title",tags:"tags",currentView:"currentView",showedTags:"showedTags",selectedEntity:"selectedEntity",userAlbums:"userAlbums",album:"album",userSchools:"userSchools",school:"school",yearStart:"yearStart",yearEnd:"yearEnd",uploadLoading:"uploadLoading",photoIsUploaded:"photoIsUploaded",uploadedPhotoId:"uploadedPhotoId"}),ownSlug(){return this.$store.state.auth.ownSlug}},mounted(){this.$store.dispatch("photoUpload/initialize")},methods:{...O("photoUpload",{setSource:"setSource",setTitle:"setTitle",changeView:"changeView",tagPerson:"tagPerson",untagPerson:"untagPerson",showPerson:"showPerson",hidePerson:"hidePerson",clear:"clear",reset:"reset",setAlbum:"setAlbum",setSchool:"setSchool",setYearStart:"setYearStart",setYearEnd:"setYearEnd",uploadPhoto:"uploadPhoto"}),openMyPhotosPage(){this.$router.push({path:`/${this.ownSlug}/fotos`})}}},Ae={class:"upload g-container"},Ye={class:"g-row"},je={class:"g-col-main"},Me={class:"upload__content"},Le={class:"upload__main"},Ne={class:"upload__photo"},Oe={class:"upload__sidebar"};function ze(e,t,a,d,m,o){const c=u("PhotoInput"),n=u("PhotoEdit"),r=u("TagScreen"),k=u("TagsList"),E=u("FormUpload"),C=u("Tabs"),T=u("UploadSuccess"),$=u("Modal");return i(),h("div",Ae,[s("div",Ye,[s("div",je,[l(C,{tabs:[{name:"Plaats een foto"}],buttons:["Mijn foto's"],"small-padding":!0,onButtonClick:o.openMyPhotosPage},{between:v(()=>[s("div",Me,[s("div",Le,[s("div",Ne,[e.currentView==="input"?(i(),g(c,{key:0,source:e.source,"showed-tags":e.showedTags,tags:e.tags,onSetSource:e.setSource,onChangeView:e.changeView,onClear:e.clear},null,8,["source","showed-tags","tags","onSetSource","onChangeView","onClear"])):p("",!0),e.currentView==="edit"?(i(),g(n,{key:1,source:e.source,onSetSource:e.setSource,onChangeView:e.changeView},null,8,["source","onSetSource","onChangeView"])):p("",!0),e.currentView==="tag"?(i(),g(r,{key:2,source:e.source,school:e.school||null,onTagUser:e.tagPerson},null,8,["source","school","onTagUser"])):p("",!0)])]),s("div",Oe,[l(k,{tags:e.tags,"disable-tagging":!e.source,"is-tag-view":e.currentView==="tag",onEnableTagView:t[0]||(t[0]=I=>e.changeView("tag")),onDisableTagView:t[1]||(t[1]=I=>e.changeView("input")),onShowPerson:e.showPerson,onHidePerson:e.hidePerson,onUntagPerson:e.untagPerson},null,8,["tags","disable-tagging","is-tag-view","onShowPerson","onHidePerson","onUntagPerson"])])]),e.currentView==="input"?(i(),g(E,{key:0,source:e.source,"selected-entity":e.selectedEntity,"user-albums":e.userAlbums,title:e.title,album:e.album,"user-schools":e.userSchools,school:e.school,"year-start":e.yearStart,"year-end":e.yearEnd,"upload-loading":e.uploadLoading,onSetTitle:e.setTitle,onSetAlbum:e.setAlbum,onSetSchool:e.setSchool,onSetYearStart:e.setYearStart,onSetYearEnd:e.setYearEnd,onUploadPhoto:e.uploadPhoto},null,8,["source","selected-entity","user-albums","title","album","user-schools","school","year-start","year-end","upload-loading","onSetTitle","onSetAlbum","onSetSc

1hool","onSetYearStart","onSetYearEnd","onUploadPhoto"])):p("",!0)]),_:1},8,["onButtonClick"])])]),l($,{"is-shown":e.photoIsUploaded,onClose:e.reset},{default:v(()=>[l(T,{"user-slug":e.userSlug,source:e.source,album:e.album,"selected-entity":e.selectedEntity,school:e.school,"uploaded-photo-id":e.uploadedPhotoId,onReset:e.reset},null,8,["user-slug","source","album","selected-entity","school","uploaded-photo-id","onReset"])]),_:1},8,["is-shown","onClose"])])}const Be=_(Ue,[["render",ze],["__scopeId","data-v-900fceb3"]]),ot={__name:"nieuwe-foto",setup(e){const{$store:t}=B(),a=R(()=>t.state.auth.isAuthorized);return F({title:"Nieuwe foto",meta:[{name:"robots",content:"noindex, nofollow"}]}),(d,m)=>P(a)?(i(),g(P(Be),{key:0})):p("",!0)}};export{ot as default};