1
2
3
|
/*! For license information please see photos-src_views_SharedAlbums_vue.js.LICENSE.txt */
"use strict";(self.webpackChunkphotos=self.webpackChunkphotos||[]).push([["src_views_SharedAlbums_vue"],{69363:(n,t,e)=>{e.d(t,{Z:()=>r});const r={name:"AbortControllerMixin",data:function(){return{abortController:new AbortController}},beforeDestroy:function(){this.abortController.abort()},beforeRouteLeave:function(n,t,e){this.abortController.abort(),this.abortController=new AbortController,e()}}},49723:(n,t,e)=>{e.d(t,{Z:()=>m});var r=e(20629),o=e(45994),i=e(69363),l=e(99622);function a(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,r)}return e}function s(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?a(Object(e),!0).forEach((function(t){c(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):a(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}function c(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function u(n,t,e,r,o,i,l){try{var a=n[i](l),s=a.value}catch(n){return void e(n)}a.done?t(s):Promise.resolve(s).then(r,o)}function A(n){return function(){var t=this,e=arguments;return new Promise((function(r,o){var i=n.apply(t,e);function l(n){u(i,r,o,l,a,"next",n)}function a(n){u(i,r,o,l,a,"throw",n)}l(void 0)}))}}const m={name:"FetchSharedAlbumsMixin",data:function(){return{errorFetchingAlbums:null,loadingAlbums:!1}},mixins:[i.Z],beforeMount:function(){var n=this;return A(regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:n.fetchAlbums();case 1:case"end":return t.stop()}}),t)})))()},computed:s({},(0,r.Se)(["sharedAlbums"])),methods:s(s({},(0,r.nv)(["addSharedAlbums"])),{},{fetchAlbums:function(){var n=this;return A(regeneratorRuntime.mark((function t(){var e,r,i;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!n.loadingAlbums){t.next=2;break}return t.abrupt("return");case 2:return t.prev=2,n.loadingAlbums=!0,n.errorFetchingAlbums=null,t.next=7,(0,l.CE)("/photos/".concat(null===(e=(0,o.ts)())||void 0===e?void 0:e.uid,"/sharedalbums"),n.abortController.signal);case 7:r=t.sent,n.addSharedAlbums({albums:r}),t.next=14;break;case 11:t.prev=11,t.t0=t.catch(2),404===(null===(i=t.t0.response)||void 0===i?void 0:i.status)?n.errorFetchingAlbums=404:n.errorFetchingAlbums=t.t0;case 14:return t.prev=14,n.loadingAlbums=!1,t.finish(14);case 17:case"end":return t.stop()}}),t,null,[[2,11,14,17]])})))()}})}},93692:(n,t,e)=>{e.d(t,{Z:()=>a});var r=e(87537),o=e.n(r),i=e(23645),l=e.n(i)()(o());l.push([n.id,".collection-cover[data-v-6668e758]{display:flex;flex-direction:column;padding:16px;border-radius:var(--border-radius-large)}.collection-cover[data-v-6668e758]:hover,.collection-cover[data-v-6668e758]:focus{background:var(--color-background-dark)}.collection-cover__image[data-v-6668e758]{width:350px;height:350px;object-fit:none;border-radius:var(--border-radius-large)}@media only screen and (max-width: 1200px){.collection-cover__image[data-v-6668e758]{width:250px;height:250px}}.collection-cover__image--placeholder[data-v-6668e758]{background:var(--color-primary-light)}.collection-cover__image--placeholder[data-v-6668e758] .material-design-icon{width:100%;height:100%}.collection-cover__image--placeholder[data-v-6668e758] .material-design-icon .material-design-icon__svg{fill:var(--color-primary)}.collection-cover__details[data-v-6668e758]{display:flex;flex-direction:column;margin-top:16px;width:350px}@media only screen and (max-width: 1200px){.collection-cover__details[data-v-6668e758]{width:250px}}.collection-cover__details__title[data-v-6668e758]{display:flex}.collection-cover__details__subtitle[data-v-6668e758]{display:flex;color:var(--color-text-lighter)}","",{version:3,sources:["webpack://./src/components/Collection/CollectionCover.vue"],names:[],mappings:"AAqFA,mCACC,YAAA,CACA,qBAAA,CACA,YAAA,CACA,wCAAA,CAEA,kFACC,uCAAA,CAGD,0CACC,WAAA,CACA,YAAA,CACA,eAAA,CACA,wCAAA,CAEA,2CAND,0CAOE,WAAA,CACA,YAAA,CAAA,CAGD,uDACC,qCAAA,CAEA,8EACC,UAAA,CACA,WAAA,CAEA,yGACC,yBAAA,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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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: none;\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-light);\n\n\t\t\t::v-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);\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 a=l},25154:(n,t,e)=>{e.d(t,{Z:()=>a});var r=e(87537),o=e.n(r),i=e(23645),l=e.n(i)()(o());l.push([n.id,".collections[data-v-71e04184]{display:flex;flex-direction:column;height:100%}.collections__list[data-v-71e04184]{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-71e04184]{padding:32px 12px;justify-content:center}}","",{version:3,sources:["webpack://./src/components/Collection/CollectionsList.vue"],names:[],mappings:"AAmFA,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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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 a=l},50353:(n,t,e)=>{e.d(t,{Z:()=>a});var r=e(87537),o=e.n(r),i=e(23645),l=e.n(i)()(o());l.push([n.id,".albums-list[data-v-2d5a57ea]{display:flex;flex-direction:column}.albums-list .album__name[data-v-2d5a57ea]{font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}","",{version:3,sources:["webpack://./src/views/SharedAlbums.vue"],names:[],mappings:"AA8FA,8BACC,YAAA,CACA,qBAAA,CAEA,2CACC,kBAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA",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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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}\n}\n'],sourceRoot:""}]);const a=l},24777:(n,t,e)=>{e.d(t,{Z:()=>o});const r={name:"AlertCircleIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};const o=(0,e(51900).Z)(r,(function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("span",n._b({staticClass:"material-design-icon alert-circle-icon",attrs:{"aria-hidden":!n.title,"aria-label":n.title,role:"img"},on:{click:function(t){return n.$emit("click",t)}}},"span",n.$attrs,!1),[e("svg",{staticClass:"material-design-icon__svg",attrs:{fill:n.fillColor,width:n.size,height:n.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"}},[n.title?e("title",[n._v(n._s(n.title))]):n._e()])])])}),[],!1,null,null,null).exports},65322:(n,t,e)=>{e.d(t,{Z:()=>o});const r={name:"FolderMultipleImageIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};const o=(0,e(51900).Z)(r,(function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("span",n._b({staticClass:"material-design-icon folder-multiple-image-icon",attrs:{"aria-hidden":!n.title,"aria-label":n.title,role:"img"},on:{click:function(t){return n.$emit("click",t)}}},"span",n.$attrs,!1),[e("svg",{staticClass:"material-design-icon__svg",attrs:{fill:n.fillColor,width:n.size,height:n.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"}},[n.title?e("title",[n._v(n._s(n.title))]):n._e()])])])}),[],!1,null,null,null).exports},36288:(n,t,e)=>{e.d(t,{Z:()=>o});const r={name:"ImageMultipleIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}};const o=(0,e(51900).Z)(r,(function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("span",n._b({staticClass:"material-design-icon image-multiple-icon",attrs:{"aria-hidden":!n.title,"aria-label":n.title,role:"img"},on:{click:function(t){return n.$emit("click",t)}}},"span",n.$attrs,!1),[e("svg",{staticClass:"material-design-icon__svg",attrs:{fill:n.fillColor,width:n.size,height:n.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"}},[n.title?e("title",[n._v(n._s(n.title))]):n._e()])])])}),[],!1,null,null,null).exports},88843:(n,t,e)=>{e.d(t,{Z:()=>_});var r=e(20629);function o(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,r)}return e}function i(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}const l={name:"CollectionCover",components:{ImageMultiple:e(36288).Z},props:{coverUrl:{type:String,required:!0},altImg:{type:String,required:!0},link:{type:String,required:!0}},computed:function(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?o(Object(e),!0).forEach((function(t){i(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):o(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}({},(0,r.Se)(["files","albums"]))};var a=e(93379),s=e.n(a),c=e(7795),u=e.n(c),A=e(90569),m=e.n(A),d=e(3565),p=e.n(d),g=e(19216),C=e.n(g),v=e(44589),f=e.n(v),h=e(93692),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=m().bind(null,"head"),b.domAPI=u(),b.insertStyleElement=C();s()(h.Z,b);h.Z&&h.Z.locals&&h.Z.locals;const _=(0,e(51900).Z)(l,(function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("li",[e("router-link",{staticClass:"collection-cover",attrs:{to:n.link}},[""!==n.coverUrl?e("img",{staticClass:"collection-cover__image",attrs:{src:n.coverUrl,alt:n.altImg}}):e("div",{staticClass:"collection-cover__image collection-cover__image--placeholder"},[e("ImageMultiple",{attrs:{size:128}})],1),n._v(" "),e("div",{staticClass:"collection-cover__details"},[e("div",{staticClass:"collection-cover__details__title"},[n._t("default")],2),n._v(" "),e("div",{staticClass:"collection-cover__details__subtitle"},[n._t("subtitle")],2)])])],1)}),[],!1,null,"6668e758",null).exports},39981:(n,t,e)=>{e.d(t,{Z:()=>b});var r=e(24777),o=e(33476);const i={name:"CollectionsList",components:{AlertCircle:r.Z,NcEmptyContent:o.NcEmptyContent},props:{collections:{type:Object,required:!0},loading:{type:Boolean,default:!1},error:{type:Error,default:null}},computed:{noCollection:function(){return 0===Object.keys(this.collections).length}}};var l=e(93379),a=e.n(l),s=e(7795),c=e.n(s),u=e(90569),A=e.n(u),m=e(3565),d=e.n(m),p=e(19216),g=e.n(p),C=e(44589),v=e.n(C),f=e(25154),h={};h.styleTagTransform=v(),h.setAttributes=d(),h.insert=A().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=g();a()(f.Z,h);f.Z&&f.Z.locals&&f.Z.locals;const b=(0,e(51900).Z)(i,(function(){var n=this,t=n.$createElement,e=n._self._c||t;return n.error?e("NcEmptyContent",{attrs:{title:n.t("photos","An error occurred")}},[e("AlertCircle",{attrs:{slot:"icon"},slot:"icon"})],1):e("div",{staticClass:"collections"},[n._t("header"),n._v(" "),n.noCollection&&!n.loading?n._t("empty-collections-list"):n.noCollection?n._e():e("ul",{staticClass:"collections__list"},[n._l(n.collections,(function(t){return n._t("default",null,{collection:t})}))],2)],2)}),[],!1,null,"71e04184",null).exports},96325:(n,t,e)=>{e.r(t),e.d(t,{default:()=>k});var r=e(65322),o=e(79753),i=e(33476),l=e(49723),a=e(39981),s=e(88843),c=e(68391);const u={name:"SharedAlbums",components:{FolderMultipleImage:r.Z,NcEmptyContent:i.NcEmptyContent,CollectionsList:a.Z,CollectionCover:s.Z,HeaderNavigation:c.Z},filters:{coverUrl:function(n){return-1===n?"":(0,o.generateUrl)("/apps/photos/api/v1/preview/".concat(n,"?x=",512,"&y=",512))}},mixins:[l.Z]};var A=e(93379),m=e.n(A),d=e(7795),p=e.n(d),g=e(90569),C=e.n(g),v=e(3565),f=e.n(v),h=e(19216),b=e.n(h),_=e(44589),x=e.n(_),y=e(50353),w={};w.styleTagTransform=x(),w.setAttributes=f(),w.insert=C().bind(null,"head"),w.domAPI=p(),w.insertStyleElement=b();m()(y.Z,w);y.Z&&y.Z.locals&&y.Z.locals;const k=(0,e(51900).Z)(u,(function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("CollectionsList",{staticClass:"albums-list",attrs:{collections:n.sharedAlbums,loading:n.loadingAlbums,error:n.errorFetchingAlbums},scopedSlots:n._u([{key:"default",fn:function(t){var r=t.collection;return e("CollectionCover",{key:r.basename,attrs:{link:"/sharedalbums/"+r.basename,"alt-img":n.t("photos","Cover photo for shared album {albumName}.",{albumName:r.basename}),"cover-url":n._f("coverUrl")(r.lastPhoto)}},[e("h2",{staticClass:"album__name"},[n._v("\n\t\t\t"+n._s(r.basename)+"\n\t\t")]),n._v(" "),e("div",{staticClass:"album__details",attrs:{slot:"subtitle"},slot:"subtitle"},[n._v("\n\t\t\t"+n._s(r.date)+" ⸱ "+n._s(n.n("photos","%n item","%n photos and videos",r.nbItems))+"\n\t\t")])])}}])},[e("HeaderNavigation",{key:"navigation",attrs:{slot:"header",loading:n.loadingAlbums,title:n.t("photos","Shared albums"),"root-title":n.t("photos","Shared albums")},on:{refresh:n.fetchAlbums},slot:"header"}),n._v(" "),n._v(" "),e("NcEmptyContent",{attrs:{slot:"empty-collections-list",title:n.t("photos","There is no album yet!")},slot:"empty-collections-list"},[e("FolderMultipleImage",{attrs:{slot:"icon"},slot:"icon"})],1)],1)}),[],!1,null,"2d5a57ea",null).exports}}]);
//# sourceMappingURL=photos-src_views_SharedAlbums_vue.js.map?v=cdf4332ceca78be4fea0
|
