photos/js/photos-node_modules_vue-material-design-icons_ArrowLeft_vue-src_views_SharedAlbums_vue.js

/*! For license information please see photos-node_modules_vue-material-design-icons_ArrowLeft_vue-src_views_SharedAlbums_vue.js.LICENSE.txt */
"use strict";(self.webpackChunkphotos=self.webpackChunkphotos||[]).push([["node_modules_vue-material-design-icons_ArrowLeft_vue-src_views_SharedAlbums_vue"],{69363:(t,e,n)=>{n.d(e,{Z:()=>o});const o={name:"AbortControllerMixin",data:()=>({abortController:new AbortController}),beforeDestroy(){this.abortController.abort()},beforeRouteLeave(t,e,n){this.abortController.abort(),this.abortController=new AbortController,n()}}},49568:(t,e,n)=>{n.d(e,{Z:()=>a});var o=n(20629),l=n(69363),i=n(87076);const a={name:"FetchCollectionsMixin",data:()=>({errorFetchingCollections:null,loadingCollections:!1}),mixins:[l.Z],methods:{...(0,o.nv)(["addCollections"]),async fetchCollections(t,e,n){if(this.loadingCollections)return[];try{this.loadingCollections=!0,this.errorFetchingCollections=null;const o=await(0,i.XK)(t,{signal:this.abortController.signal},e,n);return this.addCollections({collections:o}),o}catch(t){var o;404===(null===(o=t.response)||void 0===o?void 0:o.status)?this.errorFetchingCollections=404:this.errorFetchingCollections=t}finally{this.loadingCollections=!1}return[]}}}},53578:(t,e,n)=>{n.d(e,{Z:()=>r});var o=n(87537),l=n.n(o),i=n(23645),a=n.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,e,n)=>{n.d(e,{Z:()=>r});var o=n(87537),l=n.n(o),i=n(23645),a=n.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},6617:(t,e,n)=>{n.d(e,{Z:()=>r});var o=n(87537),l=n.n(o),i=n(23645),a=n.n(i)()(l());a.push([t.id,".albums-list[data-v-3e43d746]{display:flex;flex-direction:column}.albums-list .album__name[data-v-3e43d746]{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)}","",{version:3,sources:["webpack://./src/views/SharedAlbums.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",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'],sourceRoot:""}]);const r=a},84320:(t,e,n)=>{n.d(e,{Z:()=>l});const o={name:"AlertCircleIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};const l=(0,n(51900).Z)(o,(function(){var t=this,e=t._self._c;return e("span",t._b({staticClass:"material-design-icon alert-circle-icon",attrs:{"aria-hidden":!t.title,"aria-label":t.title,role:"img"},on:{click:function(e){return t.$emit("click",e)}}},"span",t.$attrs,!1),[e("svg",{staticClass:"material-design-icon__svg",attrs:{fill:t.fillColor,width:t.size,height:t.size,viewBox:"0 0 24 24"}},[e("path",{attrs:{d:"M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"}},[t.title?e("title",[t._v(t._s(t.title))]):t._e()])])])}),[],!1,null,null,null).exports},69254:(t,e,n)=>{n.d(e,{Z:()=>l});const o={name:"ArrowLeftIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};const l=(0,n(51900).Z)(o,(function(){var t=this,e=t._self._c;return e("span",t._b({staticClass:"material-design-icon arrow-left-icon",attrs:{"aria-hidden":!t.title,"aria-label":t.title,role:"img"},on:{click:function(e){return t.$emit("click",e)}}},"span",t.$attrs,!1),[e("svg",{staticClass:"material-design-icon__svg",attrs:{fill:t.fillColor,width:t.size,height:t.size,viewBox:"0 0 24 24"}},[e("path",{attrs:{d:"M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"}},[t.title?e("title",[t._v(t._s(t.title))]):t._e()])])])}),[],!1,null,null,null).exports},99147:(t,e,n)=>{n.d(e,{Z:()=>l});const o={name:"FolderMultipleImageIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};const l=(0,n(51900).Z)(o,(function(){var t=this,e=t._self._c;return e("span",t._b({staticClass:"material-design-icon folder-multiple-image-icon",attrs:{"aria-hidden":!t.title,"aria-label":t.title,role:"img"},on:{click:function(e){return t.$emit("click",e)}}},"span",t.$attrs,!1),[e("svg",{staticClass:"material-design-icon__svg",attrs:{fill:t.fillColor,width:t.size,height:t.size,viewBox:"0 0 24 24"}},[e("path",{attrs:{d:"M7,15L11.5,9L15,13.5L17.5,10.5L21,15M22,4H14L12,2H6A2,2 0 0,0 4,4V16A2,2 0 0,0 6,18H22A2,2 0 0,0 24,16V6A2,2 0 0,0 22,4M2,6H0V11H0V20A2,2 0 0,0 2,22H20V20H2V6Z"}},[t.title?e("title",[t._v(t._s(t.title))]):t._e()])])])}),[],!1,null,null,null).exports},40270:(t,e,n)=>{n.d(e,{Z:()=>l});const o={name:"ImageMultipleIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};const l=(0,n(51900).Z)(o,(function(){var t=this,e=t._self._c;return e("span",t._b({staticClass:"material-design-icon image-multiple-icon",attrs:{"aria-hidden":!t.title,"aria-label":t.title,role:"img"},on:{click:function(e){return t.$emit("click",e)}}},"span",t.$attrs,!1),[e("svg",{staticClass:"material-design-icon__svg",attrs:{fill:t.fillColor,width:t.size,height:t.size,viewBox:"0 0 24 24"}},[e("path",{attrs:{d:"M22,16V4A2,2 0 0,0 20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16M11,12L13.03,14.71L16,11L20,16H8M2,6V20A2,2 0 0,0 4,22H18V20H4V6"}},[t.title?e("title",[t._v(t._s(t.title))]):t._e()])])])}),[],!1,null,null,null).exports},24128:(t,e,n)=>{n.d(e,{Z:()=>v});const o={name:"CollectionCover",components:{ImageMultiple:n(40270).Z},props:{coverUrl:{type:String,required:!0},altImg:{type:String,required:!0},link:{type:String,required:!0}}};var l=n(93379),i=n.n(l),a=n(7795),r=n.n(a),s=n(90569),c=n.n(s),A=n(3565),d=n.n(A),m=n(19216),u=n.n(m),p=n(44589),C=n.n(p),g=n(53578),h={};h.styleTagTransform=C(),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,n(51900).Z)(o,(function(){var t=this,e=t._self._c;return e("li",[e("router-link",{staticClass:"collection-cover",attrs:{to:t.link}},[""!==t.coverUrl?e("img",{staticClass:"collection-cover__image",attrs:{src:t.coverUrl,alt:t.altImg}}):e("div",{staticClass:"collection-cover__image collection-cover__image--placeholder"},[e("ImageMultiple",{attrs:{size:128}})],1),t._v(" "),e("div",{staticClass:"collection-cover__details"},[e("div",{staticClass:"collection-cover__details__title"},[t._t("default")],2),t._v(" "),e("div",{staticClass:"collection-cover__details__subtitle"},[t._t("subtitle")],2)])])],1)}),[],!1,null,"356d6ce0",null).exports},34740:(t,e,n)=>{n.d(e,{Z:()=>b});var o=n(84320),l=n(64882),i=n(31352);const a={name:"CollectionsList",components:{AlertCircle:o.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=n(93379),s=n.n(r),c=n(7795),A=n.n(c),d=n(90569),m=n.n(d),u=n(3565),p=n.n(u),C=n(19216),g=n.n(C),h=n(44589),v=n.n(h),_=n(33713),f={};f.styleTagTransform=v(),f.setAttributes=p(),f.insert=m().bind(null,"head"),f.domAPI=A(),f.insertStyleElement=g();s()(_.Z,f);_.Z&&_.Z.locals&&_.Z.locals;const b=(0,n(51900).Z)(a,(function(){var t=this,e=t._self._c;return t.error?e("NcEmptyContent",{attrs:{name:t.t("photos","An error occurred")}},[e("AlertCircle",{attrs:{slot:"icon"},slot:"icon"})],1):e("div",{staticClass:"collections"},[t._t("header"),t._v(" "),t.noCollection&&!t.loading?t._t("empty-collections-list"):t.noCollection?t._e():e("ul",{staticClass:"collections__list"},[t._l(t.collections,(function(e){return t._t("default",null,{collection:e})}))],2)],2)}),[],!1,null,"ec45e78e",null).exports},70428:(t,e,n)=>{n.r(e),n.d(e,{default:()=>W});var o=n(99147),l=n(11480),i=n(64882),a=n(31352),r=n(77958),s=n(34740),c=n(24128),A=n(41197),d=n(49568);const m={name:"SharedAlbums",components:{FolderMultipleImage:o.Z,NcEmptyContent:i.SL,CollectionsList:s.Z,CollectionCover:c.Z,HeaderNavigation:A.Z,NcUserBubble:i.uq},filters:{coverUrl:t=>-1===t?"":(0,l.nu)("/apps/photos/api/v1/preview/".concat(t,"?x=",512,"&y=",512)),albumOriginalName:t=>t.basename.replace(new RegExp("\\(".concat(t.collaborators[0].id,"\\)$")),"")},mixins:[d.Z],computed:{sharedAlbums(){return this.$store.getters.sharedAlbums}},async beforeMount(){this.fetchSharedAlbums()},methods:{fetchSharedAlbums(){var t;this.fetchCollections("/photos/".concat(null===(t=(0,r.ts)())||void 0===t?void 0:t.uid,"/sharedalbums"),["<nc:location />","<nc:dateRange />","<nc:collaborators />"])},t:a.Iu,n:a.uN}};var u=n(93379),p=n.n(u),C=n(7795),g=n.n(C),h=n(90569),v=n.n(h),_=n(3565),f=n.n(_),b=n(19216),x=n.n(b),y=n(44589),w=n.n(y),Z=n(6617),k={};k.styleTagTransform=w(),k.setAttributes=f(),k.insert=v().bind(null,"head"),k.domAPI=g(),k.insertStyleElement=x();p()(Z.Z,k);Z.Z&&Z.Z.locals&&Z.Z.locals;const W=(0,n(51900).Z)(m,(function(){var t=this,e=t._self._c;return e("CollectionsList",{staticClass:"albums-list",attrs:{collections:t.sharedAlbums,loading:t.loadingCollections,error:t.errorFetchingCollections},scopedSlots:t._u([{key:"default",fn:function(n){let{collection:o}=n;return e("CollectionCover",{key:o.basename,attrs:{link:"/sharedalbums/".concat(o.basename),"alt-img":t.t("photos","Cover photo for shared album {albumName}.",{albumName:o.basename}),"data-test":o.basename,"cover-url":t._f("coverUrl")(o.lastPhoto)}},[e("span",{staticClass:"album__name"},[t._v("\n\t\t\t"+t._s(t._f("albumOriginalName")(o))+"\n\t\t")]),t._v(" "),e("div",{staticClass:"album__details",attrs:{slot:"subtitle"},slot:"subtitle"},[t._v("\n\t\t\t"+t._s(o.date)+" ⸱ "+t._s(t.n("photos","%n item","%n photos and videos",o.nbItems))+"\n\t\t\t"),e("br"),t._v("\n\t\t\t"+t._s(t.t("photos","Shared by"))+" "),e("NcUserBubble",{attrs:{"display-name":o.collaborators[0].label,user:o.collaborators[0].id}})],1)])}}])},[e("HeaderNavigation",{key:"navigation",attrs:{slot:"header",loading:t.loadingCollections,title:t.t("photos","Collaborative albums"),"root-title":t.t("photos","Collaborative albums")},on:{refresh:t.fetchSharedAlbums},slot:"header"}),t._v(" "),t._v(" "),e("NcEmptyContent",{attrs:{slot:"empty-collections-list",name:t.t("photos","There is no album yet!")},slot:"empty-collections-list"},[e("FolderMultipleImage",{attrs:{slot:"icon"},slot:"icon"})],1)],1)}),[],!1,null,"3e43d746",null).exports}}]);
//# sourceMappingURL=photos-node_modules_vue-material-design-icons_ArrowLeft_vue-src_views_SharedAlbums_vue.js.map?v=000206cf78fc09beaee2