photos/js/photos-src_views_Albums_vue.js

/*! For license information please see photos-src_views_Albums_vue.js.LICENSE.txt */
"use strict";(self.webpackChunkphotos=self.webpackChunkphotos||[]).push([["src_views_Albums_vue"],{69363:(t,n,o)=>{o.d(n,{Z:()=>e});const e={name:"AbortControllerMixin",data:()=>({abortController:new AbortController}),beforeDestroy(){this.abortController.abort()},beforeRouteLeave(t,n,o){this.abortController.abort(),this.abortController=new AbortController,o()}}},49568:(t,n,o)=>{o.d(n,{Z:()=>a});var e=o(20629),l=o(69363),i=o(87076);const a={name:"FetchCollectionsMixin",data:()=>({errorFetchingCollections:null,loadingCollections:!1}),mixins:[l.Z],methods:{...(0,e.nv)(["addCollections"]),async fetchCollections(t,n,o){if(this.loadingCollections)return[];try{this.loadingCollections=!0,this.errorFetchingCollections=null;const e=await(0,i.XK)(t,{signal:this.abortController.signal},n,o);return this.addCollections({collections:e}),e}catch(t){var e;404===(null===(e=t.response)||void 0===e?void 0:e.status)?this.errorFetchingCollections=404:this.errorFetchingCollections=t}finally{this.loadingCollections=!1}return[]}}}},53578:(t,n,o)=>{o.d(n,{Z:()=>r});var e=o(87537),l=o.n(e),i=o(23645),a=o.n(i)()(l());a.push([t.id,".collection-cover[data-v-356d6ce0]{display:flex;flex-direction:column;padding:16px;border-radius:var(--border-radius-large)}.collection-cover[data-v-356d6ce0]:hover,.collection-cover[data-v-356d6ce0]:focus{background:var(--color-background-dark)}.collection-cover__image[data-v-356d6ce0]{width:350px;height:350px;object-fit:cover;border-radius:var(--border-radius-large)}@media only screen and (max-width: 1200px){.collection-cover__image[data-v-356d6ce0]{width:250px;height:250px}}.collection-cover__image--placeholder[data-v-356d6ce0]{background:var(--color-primary-element-light)}.collection-cover__image--placeholder[data-v-356d6ce0] .material-design-icon{width:100%;height:100%}.collection-cover__image--placeholder[data-v-356d6ce0] .material-design-icon .material-design-icon__svg{fill:var(--color-primary-element)}.collection-cover__details[data-v-356d6ce0]{display:flex;flex-direction:column;margin-top:16px;width:350px}@media only screen and (max-width: 1200px){.collection-cover__details[data-v-356d6ce0]{width:250px}}.collection-cover__details__title[data-v-356d6ce0]{display:flex}.collection-cover__details__subtitle[data-v-356d6ce0]{display:flex;color:var(--color-text-lighter)}","",{version:3,sources:["webpack://./src/components/Collection/CollectionCover.vue"],names:[],mappings:"AAEA,mCACC,YAAA,CACA,qBAAA,CACA,YAAA,CACA,wCAAA,CAEA,kFACC,uCAAA,CAGD,0CACC,WAAA,CACA,YAAA,CACA,gBAAA,CACA,wCAAA,CAEA,2CAND,0CAOE,WAAA,CACA,YAAA,CAAA,CAGD,uDACC,6CAAA,CAEA,6EACC,UAAA,CACA,WAAA,CAEA,wGACC,iCAAA,CAMJ,4CACC,YAAA,CACA,qBAAA,CACA,eAAA,CACA,WAAA,CAEA,2CAND,4CAOE,WAAA,CAAA,CAGD,mDACC,YAAA,CAGD,sDACC,YAAA,CACA,+BAAA",sourcesContent:['$sizes: ("400": ("count": 3, "marginTop": 66, "marginW": 8), "700": ("count": 4, "marginTop": 66, "marginW": 8), "1024": ("count": 5, "marginTop": 66, "marginW": 44), "1280": ("count": 4, "marginTop": 66, "marginW": 44), "1440": ("count": 5, "marginTop": 88, "marginW": 66), "1600": ("count": 6, "marginTop": 88, "marginW": 66), "2048": ("count": 7, "marginTop": 88, "marginW": 66), "2560": ("count": 8, "marginTop": 88, "marginW": 88), "3440": ("count": 9, "marginTop": 88, "marginW": 88), "max": ("count": 10, "marginTop": 88, "marginW": 88));\n\n.collection-cover {\n\tdisplay: flex;\n\tflex-direction: column;\n\tpadding: 16px;\n\tborder-radius: var(--border-radius-large);\n\n\t&:hover, &:focus {\n\t\tbackground: var(--color-background-dark);\n\t}\n\n\t&__image {\n\t\twidth: 350px;\n\t\theight: 350px;\n\t\tobject-fit: cover;\n\t\tborder-radius: var(--border-radius-large);\n\n\t\t@media only screen and (max-width: 1200px) {\n\t\t\twidth: 250px;\n\t\t\theight: 250px;\n\t\t}\n\n\t\t&--placeholder {\n\t\t\tbackground: var(--color-primary-element-light);\n\n\t\t\t:deep .material-design-icon {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\n\t\t\t\t.material-design-icon__svg {\n\t\t\t\t\tfill: var(--color-primary-element);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&__details {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tmargin-top: 16px;\n\t\twidth: 350px;\n\n\t\t@media only screen and (max-width: 1200px) {\n\t\t\twidth: 250px;\n\t\t}\n\n\t\t&__title {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t&__subtitle {\n\t\t\tdisplay: flex;\n\t\t\tcolor: var(--color-text-lighter);\n\t\t}\n\t}\n\n}\n'],sourceRoot:""}]);const r=a},33713:(t,n,o)=>{o.d(n,{Z:()=>r});var e=o(87537),l=o.n(e),i=o(23645),a=o.n(i)()(l());a.push([t.id,".collections[data-v-ec45e78e]{display:flex;flex-direction:column;height:100%}.collections__list[data-v-ec45e78e]{padding:32px 48px;flex-grow:1;display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;height:calc(100% - 60px);overflow-x:scroll}@media only screen and (max-width: 1200px){.collections__list[data-v-ec45e78e]{padding:32px 12px;justify-content:center}}","",{version:3,sources:["webpack://./src/components/Collection/CollectionsList.vue"],names:[],mappings:"AAEA,8BACC,YAAA,CACA,qBAAA,CACA,WAAA,CAEA,oCACC,iBAAA,CACA,WAAA,CACA,YAAA,CACA,cAAA,CACA,QAAA,CACA,sBAAA,CACA,wBAAA,CACA,iBAAA,CAEA,2CAVD,oCAWE,iBAAA,CACA,sBAAA,CAAA",sourcesContent:['$sizes: ("400": ("count": 3, "marginTop": 66, "marginW": 8), "700": ("count": 4, "marginTop": 66, "marginW": 8), "1024": ("count": 5, "marginTop": 66, "marginW": 44), "1280": ("count": 4, "marginTop": 66, "marginW": 44), "1440": ("count": 5, "marginTop": 88, "marginW": 66), "1600": ("count": 6, "marginTop": 88, "marginW": 66), "2048": ("count": 7, "marginTop": 88, "marginW": 66), "2560": ("count": 8, "marginTop": 88, "marginW": 88), "3440": ("count": 9, "marginTop": 88, "marginW": 88), "max": ("count": 10, "marginTop": 88, "marginW": 88));\n\n.collections {\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\n\t&__list {\n\t\tpadding: 32px 48px;\n\t\tflex-grow: 1;\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: 16px;\n\t\talign-items: flex-start;\n\t\theight: calc(100% - 60px);\n\t\toverflow-x: scroll;\n\n\t\t@media only screen and (max-width: 1200px) {\n\t\t\tpadding: 32px 12px;\n\t\t\tjustify-content: center;\n\t\t}\n\t}\n}\n'],sourceRoot:""}]);const r=a},87056:(t,n,o)=>{o.d(n,{Z:()=>r});var e=o(87537),l=o.n(e),i=o(23645),a=o.n(i)()(l());a.push([t.id,".albums-list[data-v-4eebcf83]{display:flex;flex-direction:column}.albums-list .album__name[data-v-4eebcf83]{font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:20px;margin-bottom:12px;line-height:30px;color:var(--color-main-text)}.album-creation__heading[data-v-4eebcf83]{padding:calc(var(--default-grid-baseline)*4);margin-bottom:0px;padding-bottom:0px}","",{version:3,sources:["webpack://./src/views/Albums.vue"],names:[],mappings:"AAEA,8BACC,YAAA,CACA,qBAAA,CAEA,2CACC,kBAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA,CACA,cAAA,CACA,kBAAA,CACA,gBAAA,CACA,4BAAA,CAIF,0CACC,4CAAA,CACA,iBAAA,CACA,kBAAA",sourcesContent:['$sizes: ("400": ("count": 3, "marginTop": 66, "marginW": 8), "700": ("count": 4, "marginTop": 66, "marginW": 8), "1024": ("count": 5, "marginTop": 66, "marginW": 44), "1280": ("count": 4, "marginTop": 66, "marginW": 44), "1440": ("count": 5, "marginTop": 88, "marginW": 66), "1600": ("count": 6, "marginTop": 88, "marginW": 66), "2048": ("count": 7, "marginTop": 88, "marginW": 66), "2560": ("count": 8, "marginTop": 88, "marginW": 88), "3440": ("count": 9, "marginTop": 88, "marginW": 88), "max": ("count": 10, "marginTop": 88, "marginW": 88));\n\n.albums-list {\n\tdisplay: flex;\n\tflex-direction: column;\n\n\t.album__name {\n\t\tfont-weight: normal;\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t\tfont-size: 20px;\n\t\tmargin-bottom: 12px;\n\t\tline-height: 30px;\n\t\tcolor: var(--color-main-text);\n\t}\n}\n\n.album-creation__heading {\n\tpadding: calc(var(--default-grid-baseline) * 4);\n\tmargin-bottom: 0px;\n\tpadding-bottom: 0px;\n}\n'],sourceRoot:""}]);const r=a},24128:(t,n,o)=>{o.d(n,{Z:()=>v});const e={name:"CollectionCover",components:{ImageMultiple:o(40270).Z},props:{coverUrl:{type:String,required:!0},altImg:{type:String,required:!0},link:{type:String,required:!0}}};var l=o(93379),i=o.n(l),a=o(7795),r=o.n(a),s=o(90569),c=o.n(s),A=o(3565),d=o.n(A),m=o(19216),u=o.n(m),C=o(44589),p=o.n(C),g=o(53578),h={};h.styleTagTransform=p(),h.setAttributes=d(),h.insert=c().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=u();i()(g.Z,h);g.Z&&g.Z.locals&&g.Z.locals;const v=(0,o(51900).Z)(e,(function(){var t=this,n=t._self._c;return n("li",[n("router-link",{staticClass:"collection-cover",attrs:{to:t.link}},[""!==t.coverUrl?n("img",{staticClass:"collection-cover__image",attrs:{src:t.coverUrl,alt:t.altImg}}):n("div",{staticClass:"collection-cover__image collection-cover__image--placeholder"},[n("ImageMultiple",{attrs:{size:128}})],1),t._v(" "),n("div",{staticClass:"collection-cover__details"},[n("div",{staticClass:"collection-cover__details__title"},[t._t("default")],2),t._v(" "),n("div",{staticClass:"collection-cover__details__subtitle"},[t._t("subtitle")],2)])])],1)}),[],!1,null,"356d6ce0",null).exports},34740:(t,n,o)=>{o.d(n,{Z:()=>x});var e=o(84320),l=o(64882),i=o(31352);const a={name:"CollectionsList",components:{AlertCircle:e.Z,NcEmptyContent:l.SL},props:{collections:{type:Object,required:!0},loading:{type:Boolean,default:!1},error:{type:Error,default:null}},computed:{noCollection(){return 0===Object.keys(this.collections).length}},methods:{t:i.Iu}};var r=o(93379),s=o.n(r),c=o(7795),A=o.n(c),d=o(90569),m=o.n(d),u=o(3565),C=o.n(u),p=o(19216),g=o.n(p),h=o(44589),v=o.n(h),b=o(33713),_={};_.styleTagTransform=v(),_.setAttributes=C(),_.insert=m().bind(null,"head"),_.domAPI=A(),_.insertStyleElement=g();s()(b.Z,_);b.Z&&b.Z.locals&&b.Z.locals;const x=(0,o(51900).Z)(a,(function(){var t=this,n=t._self._c;return t.error?n("NcEmptyContent",{attrs:{name:t.t("photos","An error occurred")}},[n("AlertCircle",{attrs:{slot:"icon"},slot:"icon"})],1):n("div",{staticClass:"collections"},[t._t("header"),t._v(" "),t.noCollection&&!t.loading?t._t("empty-collections-list"):t.noCollection?t._e():n("ul",{staticClass:"collections__list"},[t._l(t.collections,(function(n){return t._t("default",null,{collection:n})}))],2)],2)}),[],!1,null,"ec45e78e",null).exports},39905:(t,n,o)=>{o.r(n),o.d(n,{default:()=>B});var e=o(5352),l=o(99147),i=o(11480),a=o(64882),r=o(31352),s=o(77958),c=o(34740),A=o(24128),d=o(41197),m=o(7976),u=o(49568);const C={name:"Albums",components:{Plus:e.Z,FolderMultipleImage:l.Z,NcModal:a.Jc,NcButton:a.P2,NcEmptyContent:a.SL,CollectionsList:c.Z,CollectionCover:A.Z,HeaderNavigation:d.Z,AlbumForm:m.Z},filters:{coverUrl:t=>-1===t?"":(0,i.nu)("/apps/photos/api/v1/preview/".concat(t,"?x=",512,"&y=",512))},mixins:[u.Z],setup:()=>({isMobile:(0,a.KO)()}),data:()=>({showAlbumCreationForm:!1}),computed:{albums(){return this.$store.getters.albums}},async beforeMount(){this.fetchAlbums()},methods:{fetchAlbums(){var t;this.fetchCollections("/photos/".concat(null===(t=(0,s.ts)())||void 0===t?void 0:t.uid,"/albums"),["<nc:location />","<nc:dateRange />","<nc:collaborators />"])},handleAlbumCreated(t){let{album:n}=t;this.showAlbumCreationForm=!1,this.$router.push("albums/".concat(n.basename))},t:r.Iu,n:r.uN}};var p=o(93379),g=o.n(p),h=o(7795),v=o.n(h),b=o(90569),_=o.n(b),x=o(3565),f=o.n(x),y=o(19216),w=o.n(y),W=o(44589),T=o.n(W),Z=o(87056),k={};k.styleTagTransform=T(),k.setAttributes=f(),k.insert=_().bind(null,"head"),k.domAPI=v(),k.insertStyleElement=w();g()(Z.Z,k);Z.Z&&Z.Z.locals&&Z.Z.locals;const B=(0,o(51900).Z)(C,(function(){var t=this,n=t._self._c;return n("div",[n("CollectionsList",{staticClass:"albums-list",attrs:{collections:t.albums,loading:t.loadingCollections,error:t.errorFetchingCollections},scopedSlots:t._u([{key:"default",fn:function(o){let{collection:e}=o;return n("CollectionCover",{key:e.basename,attrs:{link:"/albums/".concat(e.basename),"alt-img":t.t("photos","Cover photo for album {albumName}",{albumName:e.basename}),"cover-url":t._f("coverUrl")(e.lastPhoto)}},[n("span",{staticClass:"album__name"},[t._v("\n\t\t\t\t"+t._s(e.basename)+"\n\t\t\t")]),t._v(" "),n("div",{staticClass:"album__details",attrs:{slot:"subtitle"},slot:"subtitle"},[t._v("\n\t\t\t\t"+t._s(e.date)+" ⸱ "+t._s(t.n("photos","%n item","%n photos and videos",e.nbItems))+"\n\t\t\t")])])}}])},[n("HeaderNavigation",{key:"navigation",attrs:{slot:"header",loading:t.loadingCollections,title:t.t("photos","Albums"),"root-title":t.t("photos","Albums")},on:{refresh:t.fetchAlbums},slot:"header"},[n("NcButton",{attrs:{"aria-label":t.isMobile?t.t("photos","New album"):void 0},on:{click:function(n){t.showAlbumCreationForm=!0}},scopedSlots:t._u([{key:"icon",fn:function(){return[n("Plus",{attrs:{size:20}})]},proxy:!0},t.isMobile?null:{key:"default",fn:function(){return[t._v("\n\t\t\t\t\t"+t._s(t.t("photos","New album"))+"\n\t\t\t\t")]},proxy:!0}],null,!0)})],1),t._v(" "),t._v(" "),n("NcEmptyContent",{attrs:{slot:"empty-collections-list",name:t.t("photos","There is no album yet!")},slot:"empty-collections-list"},[n("FolderMultipleImage",{attrs:{slot:"icon"},slot:"icon"})],1)],1),t._v(" "),t.showAlbumCreationForm?n("NcModal",{on:{close:function(n){t.showAlbumCreationForm=!1}}},[n("h2",{staticClass:"album-creation__heading"},[t._v("\n\t\t\t"+t._s(t.t("photos","New album"))+"\n\t\t")]),t._v(" "),n("AlbumForm",{on:{done:t.handleAlbumCreated}})],1):t._e()],1)}),[],!1,null,"4eebcf83",null).exports}}]);
//# sourceMappingURL=photos-src_views_Albums_vue.js.map?v=eddd63906a10b9f8adb1
	`/! For license information please see photos-src_views_Albums_vue.js.LICENSE.txt /`
	"use strict";(self.webpackChunkphotos=self.webpackChunkphotos\|\|[]).push([["src_views_Albums_vue"],{69363:(t,n,o)=>{o.d(n,{Z:()=>e});const e={name:"AbortControllerMixin",data:()=>({abortController:new AbortController}),beforeDestroy(){this.abortController.abort()},beforeRouteLeave(t,n,o){this.abortController.abort(),this.abortController=new AbortController,o()}}},49568:(t,n,o)=>{o.d(n,{Z:()=>a});var e=o(20629),l=o(69363),i=o(87076);const a={name:"FetchCollectionsMixin",data:()=>({errorFetchingCollections:null,loadingCollections:!1}),mixins:[l.Z],methods:{...(0,e.nv)(["addCollections"]),async fetchCollections(t,n,o){if(this.loadingCollections)return[];try{this.loadingCollections=!0,this.errorFetchingCollections=null;const e=await(0,i.XK)(t,{signal:this.abortController.signal},n,o);return this.addCollections({collections:e}),e}catch(t){var e;404===(null===(e=t.response)\|\|void 0===e?void 0:e.status)?this.errorFetchingCollections=404:this.errorFetchingCollections=t}finally{this.loadingCollections=!1}return[]}}}},53578:(t,n,o)=>{o.d(n,{Z:()=>r});var e=o(87537),l=o.n(e),i=o(23645),a=o.n(i)()(l());a.push([t.id,".collection-cover[data-v-356d6ce0]{display:flex;flex-direction:column;padding:16px;border-radius:var(--border-radius-large)}.collection-cover[data-v-356d6ce0]:hover,.collection-cover[data-v-356d6ce0]:focus{background:var(--color-background-dark)}.collection-cover__image[data-v-356d6ce0]{width:350px;height:350px;object-fit:cover;border-radius:var(--border-radius-large)}@media only screen and (max-width: 1200px){.collection-cover__image[data-v-356d6ce0]{width:250px;height:250px}}.collection-cover__image--placeholder[data-v-356d6ce0]{background:var(--color-primary-element-light)}.collection-cover__image--placeholder[data-v-356d6ce0] .material-design-icon{width:100%;height:100%}.collection-cover__image--placeholder[data-v-356d6ce0] .material-design-icon .material-design-icon__svg{fill:var(--color-primary-element)}.collection-cover__details[data-v-356d6ce0]{display:flex;flex-direction:column;margin-top:16px;width:350px}@media only screen and (max-width: 1200px){.collection-cover__details[data-v-356d6ce0]{width:250px}}.collection-cover__details__title[data-v-356d6ce0]{display:flex}.collection-cover__details__subtitle[data-v-356d6ce0]{display:flex;color:var(--color-text-lighter)}","",{version:3,sources:["webpack://./src/components/Collection/CollectionCover.vue"],names:[],mappings:"AAEA,mCACC,YAAA,CACA,qBAAA,CACA,YAAA,CACA,wCAAA,CAEA,kFACC,uCAAA,CAGD,0CACC,WAAA,CACA,YAAA,CACA,gBAAA,CACA,wCAAA,CAEA,2CAND,0CAOE,WAAA,CACA,YAAA,CAAA,CAGD,uDACC,6CAAA,CAEA,6EACC,UAAA,CACA,WAAA,CAEA,wGACC,iCAAA,CAMJ,4CACC,YAAA,CACA,qBAAA,CACA,eAAA,CACA,WAAA,CAEA,2CAND,4CAOE,WAAA,CAAA,CAGD,mDACC,YAAA,CAGD,sDACC,YAAA,CACA,+BAAA",sourcesContent:['$sizes: ("400": ("count": 3, "marginTop": 66, "marginW": 8), "700": ("count": 4, "marginTop": 66, "marginW": 8), "1024": ("count": 5, "marginTop": 66, "marginW": 44), "1280": ("count": 4, "marginTop": 66, "marginW": 44), "1440": ("count": 5, "marginTop": 88, "marginW": 66), "1600": ("count": 6, "marginTop": 88, "marginW": 66), "2048": ("count": 7, "marginTop": 88, "marginW": 66), "2560": ("count": 8, "marginTop": 88, "marginW": 88), "3440": ("count": 9, "marginTop": 88, "marginW": 88), "max": ("count": 10, "marginTop": 88, "marginW": 88));\n\n.collection-cover {\n\tdisplay: flex;\n\tflex-direction: column;\n\tpadding: 16px;\n\tborder-radius: var(--border-radius-large);\n\n\t&:hover, &:focus {\n\t\tbackground: var(--color-background-dark);\n\t}\n\n\t&__image {\n\t\twidth: 350px;\n\t\theight: 350px;\n\t\tobject-fit: cover;\n\t\tborder-radius: var(--border-radius-large);\n\n\t\t@media only screen and (max-width: 1200px) {\n\t\t\twidth: 250px;\n\t\t\theight: 250px;\n\t\t}\n\n\t\t&--placeholder {\n\t\t\tbackground: var(--color-primary-element-light);\n\n\t\t\t:deep .material-design-icon {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\n\t\t\t\t.material-design-icon__svg {\n\t\t\t\t\tfill: var(--color-primary-element);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&__details {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tmargin-top: 16px;\n\t\twidth: 350px;\n\n\t\t@media only screen and (max-width: 1200px) {\n\t\t\twidth: 250px;\n\t\t}\n\n\t\t&__title {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t&__subtitle {\n\t\t\tdisplay: flex;\n\t\t\tcolor: var(--color-text-lighter);\n\t\t}\n\t}\n\n}\n'],sourceRoot:""}]);const r=a},33713:(t,n,o)=>{o.d(n,{Z:()=>r});var e=o(87537),l=o.n(e),i=o(23645),a=o.n(i)()(l());a.push([t.id,".collections[data-v-ec45e78e]{display:flex;flex-direction:column;height:100%}.collections__list[data-v-ec45e78e]{padding:32px 48px;flex-grow:1;display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;height:calc(100% - 60px);overflow-x:scroll}@media only screen and (max-width: 1200px){.collections__list[data-v-ec45e78e]{padding:32px 12px;justify-content:center}}","",{version:3,sources:["webpack://./src/components/Collection/CollectionsList.vue"],names:[],mappings:"AAEA,8BACC,YAAA,CACA,qBAAA,CACA,WAAA,CAEA,oCACC,iBAAA,CACA,WAAA,CACA,YAAA,CACA,cAAA,CACA,QAAA,CACA,sBAAA,CACA,wBAAA,CACA,iBAAA,CAEA,2CAVD,oCAWE,iBAAA,CACA,sBAAA,CAAA",sourcesContent:['$sizes: ("400": ("count": 3, "marginTop": 66, "marginW": 8), "700": ("count": 4, "marginTop": 66, "marginW": 8), "1024": ("count": 5, "marginTop": 66, "marginW": 44), "1280": ("count": 4, "marginTop": 66, "marginW": 44), "1440": ("count": 5, "marginTop": 88, "marginW": 66), "1600": ("count": 6, "marginTop": 88, "marginW": 66), "2048": ("count": 7, "marginTop": 88, "marginW": 66), "2560": ("count": 8, "marginTop": 88, "marginW": 88), "3440": ("count": 9, "marginTop": 88, "marginW": 88), "max": ("count": 10, "marginTop": 88, "marginW": 88));\n\n.collections {\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\n\t&__list {\n\t\tpadding: 32px 48px;\n\t\tflex-grow: 1;\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: 16px;\n\t\talign-items: flex-start;\n\t\theight: calc(100% - 60px);\n\t\toverflow-x: scroll;\n\n\t\t@media only screen and (max-width: 1200px) {\n\t\t\tpadding: 32px 12px;\n\t\t\tjustify-content: center;\n\t\t}\n\t}\n}\n'],sourceRoot:""}]);const r=a},87056:(t,n,o)=>{o.d(n,{Z:()=>r});var e=o(87537),l=o.n(e),i=o(23645),a=o.n(i)()(l());a.push([t.id,".albums-list[data-v-4eebcf83]{display:flex;flex-direction:column}.albums-list .album__name[data-v-4eebcf83]{font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:20px;margin-bottom:12px;line-height:30px;color:var(--color-main-text)}.album-creation__heading[data-v-4eebcf83]{padding:calc(var(--default-grid-baseline)4);margin-bottom:0px;padding-bottom:0px}","",{version:3,sources:["webpack://./src/views/Albums.vue"],names:[],mappings:"AAEA,8BACC,YAAA,CACA,qBAAA,CAEA,2CACC,kBAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA,CACA,cAAA,CACA,kBAAA,CACA,gBAAA,CACA,4BAAA,CAIF,0CACC,4CAAA,CACA,iBAAA,CACA,kBAAA",sourcesContent:['$sizes: ("400": ("count": 3, "marginTop": 66, "marginW": 8), "700": ("count": 4, "marginTop": 66, "marginW": 8), "1024": ("count": 5, "marginTop": 66, "marginW": 44), "1280": ("count": 4, "marginTop": 66, "marginW": 44), "1440": ("count": 5, "marginTop": 88, "marginW": 66), "1600": ("count": 6, "marginTop": 88, "marginW": 66), "2048": ("count": 7, "marginTop": 88, "marginW": 66), "2560": ("count": 8, "marginTop": 88, "marginW": 88), "3440": ("count": 9, "marginTop": 88, "marginW": 88), "max": ("count": 10, "marginTop": 88, "marginW": 88));\n\n.albums-list {\n\tdisplay: flex;\n\tflex-direction: column;\n\n\t.album__name {\n\t\tfont-weight: normal;\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t\tfont-size: 20px;\n\t\tmargin-bottom: 12px;\n\t\tline-height: 30px;\n\t\tcolor: var(--color-main-text);\n\t}\n}\n\n.album-creation__heading {\n\tpadding: calc(var(--default-grid-baseline) 4);\n\tmargin-bottom: 0px;\n\tpadding-bottom: 0px;\n}\n'],sourceRoot:""}]);const r=a},24128:(t,n,o)=>{o.d(n,{Z:()=>v});const e={name:"CollectionCover",components:{ImageMultiple:o(40270).Z},props:{coverUrl:{type:String,required:!0},altImg:{type:String,required:!0},link:{type:String,required:!0}}};var l=o(93379),i=o.n(l),a=o(7795),r=o.n(a),s=o(90569),c=o.n(s),A=o(3565),d=o.n(A),m=o(19216),u=o.n(m),C=o(44589),p=o.n(C),g=o(53578),h={};h.styleTagTransform=p(),h.setAttributes=d(),h.insert=c().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=u();i()(g.Z,h);g.Z&&g.Z.locals&&g.Z.locals;const v=(0,o(51900).Z)(e,(function(){var t=this,n=t._self._c;return n("li",[n("router-link",{staticClass:"collection-cover",attrs:{to:t.link}},[""!==t.coverUrl?n("img",{staticClass:"collection-cover__image",attrs:{src:t.coverUrl,alt:t.altImg}}):n("div",{staticClass:"collection-cover__image collection-cover__image--placeholder"},[n("ImageMultiple",{attrs:{size:128}})],1),t._v(" "),n("div",{staticClass:"collection-cover__details"},[n("div",{staticClass:"collection-cover__details__title"},[t._t("default")],2),t._v(" "),n("div",{staticClass:"collection-cover__details__subtitle"},[t._t("subtitle")],2)])])],1)}),[],!1,null,"356d6ce0",null).exports},34740:(t,n,o)=>{o.d(n,{Z:()=>x});var e=o(84320),l=o(64882),i=o(31352);const a={name:"CollectionsList",components:{AlertCircle:e.Z,NcEmptyContent:l.SL},props:{collections:{type:Object,required:!0},loading:{type:Boolean,default:!1},error:{type:Error,default:null}},computed:{noCollection(){return 0===Object.keys(this.collections).length}},methods:{t:i.Iu}};var r=o(93379),s=o.n(r),c=o(7795),A=o.n(c),d=o(90569),m=o.n(d),u=o(3565),C=o.n(u),p=o(19216),g=o.n(p),h=o(44589),v=o.n(h),b=o(33713),_={};_.styleTagTransform=v(),_.setAttributes=C(),_.insert=m().bind(null,"head"),_.domAPI=A(),_.insertStyleElement=g();s()(b.Z,_);b.Z&&b.Z.locals&&b.Z.locals;const x=(0,o(51900).Z)(a,(function(){var t=this,n=t._self._c;return t.error?n("NcEmptyContent",{attrs:{name:t.t("photos","An error occurred")}},[n("AlertCircle",{attrs:{slot:"icon"},slot:"icon"})],1):n("div",{staticClass:"collections"},[t._t("header"),t._v(" "),t.noCollection&&!t.loading?t._t("empty-collections-list"):t.noCollection?t._e():n("ul",{staticClass:"collections__list"},[t._l(t.collections,(function(n){return t._t("default",null,{collection:n})}))],2)],2)}),[],!1,null,"ec45e78e",null).exports},39905:(t,n,o)=>{o.r(n),o.d(n,{default:()=>B});var e=o(5352),l=o(99147),i=o(11480),a=o(64882),r=o(31352),s=o(77958),c=o(34740),A=o(24128),d=o(41197),m=o(7976),u=o(49568);const C={name:"Albums",components:{Plus:e.Z,FolderMultipleImage:l.Z,NcModal:a.Jc,NcButton:a.P2,NcEmptyContent:a.SL,CollectionsList:c.Z,CollectionCover:A.Z,HeaderNavigation:d.Z,AlbumForm:m.Z},filters:{coverUrl:t=>-1===t?"":(0,i.nu)("/apps/photos/api/v1/preview/".concat(t,"?x=",512,"&y=",512))},mixins:[u.Z],setup:()=>({isMobile:(0,a.KO)()}),data:()=>({showAlbumCreationForm:!1}),computed:{albums(){return this.$store.getters.albums}},async beforeMount(){this.fetchAlbums()},methods:{fetchAlbums(){var t;this.fetchCollections("/photos/".concat(null===(t=(0,s.ts)())\|\|void 0===t?void 0:t.uid,"/albums"),["<nc:location />","<nc:dateRange />","<nc:collaborators />"])},handleAlbumCreated(t){let{album:n}=t;this.showAlbumCreationForm=!1,this.$router.push("albums/".concat(n.basename))},t:r.Iu,n:r.uN}};var p=o(93379),g=o.n(p),h=o(7795),v=o.n(h),b=o(90569),_=o.n(b),x=o(3565),f=o.n(x),y=o(19216),w=o.n(y),W=o(44589),T=o.n(W),Z=o(87056),k={};k.styleTagTransform=T(),k.setAttributes=f(),k.insert=_().bind(null,"head"),k.domAPI=v(),k.insertStyleElement=w();g()(Z.Z,k);Z.Z&&Z.Z.locals&&Z.Z.locals;const B=(0,o(51900).Z)(C,(function(){var t=this,n=t._self._c;return n("div",[n("CollectionsList",{staticClass:"albums-list",attrs:{collections:t.albums,loading:t.loadingCollections,error:t.errorFetchingCollections},scopedSlots:t._u([{key:"default",fn:function(o){let{collection:e}=o;return n("CollectionCover",{key:e.basename,attrs:{link:"/albums/".concat(e.basename),"alt-img":t.t("photos","Cover photo for album {albumName}",{albumName:e.basename}),"cover-url":t._f("coverUrl")(e.lastPhoto)}},[n("span",{staticClass:"album__name"},[t._v("\n\t\t\t\t"+t._s(e.basename)+"\n\t\t\t")]),t._v(" "),n("div",{staticClass:"album__details",attrs:{slot:"subtitle"},slot:"subtitle"},[t._v("\n\t\t\t\t"+t._s(e.date)+" ⸱ "+t._s(t.n("photos","%n item","%n photos and videos",e.nbItems))+"\n\t\t\t")])])}}])},[n("HeaderNavigation",{key:"navigation",attrs:{slot:"header",loading:t.loadingCollections,title:t.t("photos","Albums"),"root-title":t.t("photos","Albums")},on:{refresh:t.fetchAlbums},slot:"header"},[n("NcButton",{attrs:{"aria-label":t.isMobile?t.t("photos","New album"):void 0},on:{click:function(n){t.showAlbumCreationForm=!0}},scopedSlots:t._u([{key:"icon",fn:function(){return[n("Plus",{attrs:{size:20}})]},proxy:!0},t.isMobile?null:{key:"default",fn:function(){return[t._v("\n\t\t\t\t\t"+t._s(t.t("photos","New album"))+"\n\t\t\t\t")]},proxy:!0}],null,!0)})],1),t._v(" "),t._v(" "),n("NcEmptyContent",{attrs:{slot:"empty-collections-list",name:t.t("photos","There is no album yet!")},slot:"empty-collections-list"},[n("FolderMultipleImage",{attrs:{slot:"icon"},slot:"icon"})],1)],1),t._v(" "),t.showAlbumCreationForm?n("NcModal",{on:{close:function(n){t.showAlbumCreationForm=!1}}},[n("h2",{staticClass:"album-creation__heading"},[t._v("\n\t\t\t"+t._s(t.t("photos","New album"))+"\n\t\t")]),t._v(" "),n("AlbumForm",{on:{done:t.handleAlbumCreated}})],1):t._e()],1)}),[],!1,null,"4eebcf83",null).exports}}]);
	`//# sourceMappingURL=photos-src_views_Albums_vue.js.map?v=eddd63906a10b9f8adb1`