AlbumContent-Dxb8HUu1.chunk.mjs

import{t as s}from"./vue.runtime.esm-DE8Vf-Sj.chunk.mjs";import{u as i}from"./index-4yKLijaA.chunk.mjs";import{N as r}from"./NcActionButton-CuVNJJtW-CuYdCDcU.chunk.mjs";import{m as n,f as c,N as m,s as u,l as h,w as d,q as b}from"./index-DiDFXBG0.chunk.mjs";import{N as p}from"./index-DdKmqUaK-BqjcYAhI.chunk.mjs";import{N as f}from"./NcDialog-CKgpZOiy-BqfKNOZB.chunk.mjs";import{N as F}from"./NcEmptyContent-pb5UHZk8.chunk.mjs";import{h as g,i as C,b as N,P as A,j as _,M as y,k as v,D as w,l as k,n as P}from"./icons-CG9j2hi8.chunk.mjs";import{P as S,A as M}from"./PhotosFiltersInput-F9rgNXrX.chunk.mjs";import{C as I,A as $}from"./AlbumForm-CQbSmId5.chunk.mjs";import{C as E}from"./CollectionContent-d8pUgwJ7.chunk.mjs";import{H as B}from"./HeaderNavigation-zv21E5Jk.chunk.mjs";import{P as D}from"./PhotosFiltersDisplay-DE7ImPwB.chunk.mjs";import{P as x}from"./PhotosPicker-3jIkrfMe.chunk.mjs";import{F as T}from"./FetchCollectionContentMixin-BHZgi5-5.chunk.mjs";import{F as V}from"./FetchFilesMixin-BBjoMOjL.chunk.mjs";import"./preload-helper-Dh9HmuEY.chunk.mjs";import"./index-CKppNoVt.chunk.mjs";import"./index-Dnf1DK6t.chunk.mjs";import"./useHotKey-C9-yNPp6.chunk.mjs";import"./NcProgressBar-DegJ2JjE-CjUpCgie.chunk.mjs";import"./index-BKs8M_Od.chunk.mjs";import"./NcTextField-o_8gWurX-kkdqs-qD.chunk.mjs";import"./useModelMigration-EhAWvqDD-DdyTIrbs.chunk.mjs";import"./index-x9vhq81Z.chunk.mjs";import"./NcDateTimePicker-D7lMDppr.chunk.mjs";import"./ChevronDown-DFQfzh63-DzrxVXh0.chunk.mjs";import"./NcAvatar-YSp2ORHc-DzM2U4Oq.chunk.mjs";import"./logger-D3RVzcfQ-DuMcYv0L.chunk.mjs";import"./FileComponent-C6cRY3eT.chunk.mjs";import"./NcCheckboxRadioSwitch-VeztTzpz-BiMk-OgY.chunk.mjs";import"./FilesSelectionMixin-DFU88SPk.chunk.mjs";import"./fileFetcher-CTCND05K.chunk.mjs";import"./NcDateTime-DshRFtUU-8kfZRxpS.chunk.mjs";import"./collectionFetcher-C_jh_sgq.chunk.mjs";import"./NcNoteCard-Bx_mjILo.chunk.mjs";import"./FilesByMonthMixin-CuObt4Pl.chunk.mjs";import"./AbortControllerMixin-CtlVmv6y.chunk.mjs";import"./PhotoSearch-DTZLo_8Q.chunk.mjs";const R={name:"AlbumContent",components:{ActionFavorite:M,AlbumForm:$,Close:k,CollaboratorsSelectionForm:I,CollectionContent:E,Delete:w,PhotosPicker:x,HeaderNavigation:B,ImagePlus:v,MapMarker:y,NcActionButton:r,NcActions:u,NcActionSeparator:p,NcButton:m,NcDialog:f,NcEmptyContent:F,NcLoadingIcon:c,NcModal:n,Pencil:_,Plus:A,ShareVariant:N,FilterPlus:C,FilterCheck:g,PhotosFiltersInput:S,PhotosFiltersDisplay:D},mixins:[T,V],props:{albumName:{type:String,default:"/"}},setup(){return{isMobile:i()}},data(){return{showAddPhotosModal:!1,showManageCollaboratorView:!1,showEditAlbumForm:!1,editFilters:!1,loadingAddCollaborators:!1}},computed:{album(){return this.$store.getters.getAlbum(this.albumName)},albumFileIds(){return this.$store.getters.getAlbumFiles(this.albumName)},sharingEnabled(){return OC.Share!==void 0},albumFileName(){return this.$store.getters.getAlbumName(this.albumName)},removableSelectedFiles(){return(this.$refs.collectionContent?.selectedFileIds).map(t=>this.$store.state.files.files[t]).filter(t=>t.attributes["photos-album-file-origin"]!=="filters").map(t=>t.fileid.toString())}},async mounted(){this.fetchAlbum(),this.fetchAlbumContent()},methods:{async fetchAlbum(){await this.fetchCollection(this.albumFileName,b)},async fetchAlbumContent(){await this.fetchCollectionFiles(this.albumFileName,d)},redirectToNewName({album:t}){this.showEditAlbumForm=!1,this.album?.basename!==t.basename&&this.$router.push(`/albums/${t.basename}`)},async handleFilesPicked(t){this.showAddPhotosModal=!1,await this.$store.dispatch("addFilesToCollection",{collectionFileName:this.album?.root+this.album?.path,fileIdsToAdd:t}),await this.fetchAlbumContent()},async handleRemoveFilesFromAlbum(t){this.$refs.collectionContent?.onUncheckFiles(t),await this.$store.dispatch("removeFilesFromCollection",{collectionFileName:this.album?.root+this.album?.path,fileIdsToRemove:t})},async handleDeleteAlbum(){await this.$store.dispatch("deleteCollection",{collectionFileName:this.album?.root+this.album?.path}),this.$router.push("/albums")},async handleSetCollaborators(t){try{this.loadingAddCollaborators=!0,this.showManageCollaboratorView=!1,await this.$store.dispatch("updateCollection",{collectionFileName:this.album?.root+this.album?.path,properties:{collaborators:t}})}catch(o){h.error("Error while setting album collaborators",{error:o})}finally{this.loadingAddCollaborators=!1}},toggleFilters(){this.editFilters=!this.editFilters,this.editFilters||(this.extraFilters={},this.resetFetchFilesState())},async handleFiltersChange(t){await this.$store.dispatch("updateCollection",{collectionFileName:this.album?.root+this.album?.path,properties:{filters:t}}),this.fetchAlbumContent()},t:s}};var H=function(){var t=this,o=t._self._c;return o("div",{staticClass:"album-container"},[o("CollectionContent",{ref:"collectionContent",attrs:{collection:t.album,"collection-file-ids":t.albumFileIds,loading:t.loadingCollection||t.loadingCollectionFiles,error:t.errorFetchingCollection||t.errorFetchingCollectionFiles},scopedSlots:t._u([{key:"header",fn:function({selectedFileIds:e,resetSelection:a}){return o("HeaderNavigation",{key:"navigation",attrs:{loading:t.loadingCollectionFiles,params:{albumName:t.albumName},path:"/"+t.albumName,title:t.albumName},on:{refresh:t.fetchAlbumContent}},[t.album!==void 0&&t.album.attributes.location!==""?o("div",{staticClass:"album__location",attrs:{slot:"subtitle"},slot:"subtitle"},[o("MapMarker"),t._v(t._s(t.album.attributes.location)+" ")],1):t._e(),o("template",{slot:"default"},[e.length>0?o("NcButton",{attrs:{"aria-label":t.t("photos","Unselect all")},on:{click:a},scopedSlots:t._u([{key:"icon",fn:function(){return[o("Close")]},proxy:!0}],null,!0)},[t._v(" "+t._s(t.t("photos","Unselect all"))+" ")]):t._e(),t.album!==void 0?o("span",{staticClass:"album-container__filters"},[t.editFilters?o("PhotosFiltersInput",{staticClass:"timeline__filters",attrs:{value:t.album.attributes.filters},on:{"update:value":t.handleFiltersChange}}):o("PhotosFiltersDisplay",{attrs:{"filters-value":t.album.attributes.filters}}),o("NcButton",{attrs:{title:t.t("photos","Toggle filter"),"aria-label":t.t("photos","Toggle filter"),"data-cy-header-action":"toggle-filters",type:"tertiary"},on:{click:t.toggleFilters},scopedSlots:t._u([{key:"icon",fn:function(){return[t.editFilters?o("FilterCheck"):o("FilterPlus")]},proxy:!0}],null,!0)})],1):t._e()],1),t.album!==void 0?o("template",{slot:"right"},[o("NcButton",{on:{click:function(l){t.showAddPhotosModal=!0}},scopedSlots:t._u([{key:"icon",fn:function(){return[o("Plus",{attrs:{size:20}})]},proxy:!0}],null,!0)},[t._v(" "+t._s(t.t("photos","Add photos to this album"))+" ")]),t.sharingEnabled?o("NcButton",{attrs:{type:"tertiary","aria-label":t.t("photos","Manage collaborators for this album")},on:{click:function(l){t.showManageCollaboratorView=!0}}},[o("ShareVariant",{attrs:{slot:"icon"},slot:"icon"})],1):t._e(),o("NcActions",{attrs:{"aria-label":t.t("photos","Open actions menu")}},[o("NcActionButton",{attrs:{"close-after-click":!0,"aria-label":t.t("photos","Edit album details")},on:{click:function(l){t.showEditAlbumForm=!0}}},[t._v(" "+t._s(t.t("photos","Edit album details"))+" "),o("Pencil",{attrs:{slot:"icon"},slot:"icon"})],1),o("NcActionButton",{attrs:{"close-after-click":!0},on:{click:t.handleDeleteAlbum}},[t._v(" "+t._s(t.t("photos","Delete album"))+" "),o("Delete",{attrs:{slot:"icon"},slot:"icon"})],1),e.length>0?[o("NcActionSeparator"),o("ActionFavorite",{attrs:{"selected-file-ids":e}}),t.removableSelectedFiles.length!==0?o("NcActionButton",{attrs:{"close-after-click":!0},on:{click:function(l){return t.handleRemoveFilesFromAlbum(t.removableSelectedFiles)}}},[t._v(" "+t._s(t.t("photos","Remove selection from album"))+" "),o("Close",{attrs:{slot:"icon"},slot:"icon"})],1):t._e()]:t._e()],2)],1):t._e()],2)}}])},[t.album!==void 0&&t.album.attributes.nbItems===0&&!(t.loadingCollectionFiles||t.loadingCollection)?o("NcEmptyContent",{staticClass:"album__empty",attrs:{slot:"empty-content",name:t.t("photos","This album does not have any photos or videos yet!")},slot:"empty-content"},[o("ImagePlus",{attrs:{slot:"icon"},slot:"icon"}),o("NcButton",{staticClass:"album__empty__button",attrs:{slot:"action",type:"primary","aria-label":t.t("photos","Add photos to this album")},on:{click:function(e){t.showAddPhotosModal=!0}},slot:"action"},[o("Plus",{attrs:{slot:"icon"},slot:"icon"}),t._v(" "+t._s(t.t("photos","Add"))+" ")],1)],1):t._e()],1),t.album!==void 0?o("PhotosPicker",{attrs:{open:t.showAddPhotosModal,"blacklist-ids":t.albumFileIds,destination:t.album.basename,name:t.t("photos","Add photos to {albumName}",{albumName:t.albumName})},on:{"update:open":function(e){t.showAddPhotosModal=e},"files-picked":t.handleFilesPicked}}):t._e(),t.showManageCollaboratorView&&t.album!==void 0?o("NcModal",{attrs:{name:t.t("photos","Manage collaborators")},on:{close:function(e){t.showManageCollaboratorView=!1}}},[o("CollaboratorsSelectionForm",{attrs:{"album-name":t.album.basename,collaborators:t.album.attributes.collaborators},scopedSlots:t._u([{key:"default",fn:function({collaborators:e}){return[o("NcButton",{attrs:{"aria-label":t.t("photos","Save collaborators for this album."),type:"primary",disabled:t.loadingAddCollaborators},on:{click:function(a){return t.handleSetCollaborators(e)}},scopedSlots:t._u([{key:"icon",fn:function(){return[t.loadingAddCollaborators?o("NcLoadingIcon"):t._e()]},proxy:!0}],null,!0)},[t._v(" "+t._s(t.t("photos","Save"))+" ")])]}}],null,!1,4241097308)})],1):t._e(),t.showEditAlbumForm?o("NcDialog",{attrs:{name:t.t("photos","Edit album details"),"close-on-click-outside":"",size:"normal"},on:{closing:function(e){t.showEditAlbumForm=!1}}},[o("AlbumForm",{attrs:{album:t.album},on:{done:t.redirectToNewName}})],1):t._e()],1)},U=[],z=P(R,H,U,!1,null,"e8927e94");const Pt=z.exports;export{Pt as default};
//# sourceMappingURL=AlbumContent-Dxb8HUu1.chunk.mjs.map