1
|
{"version":3,"file":"photos-src_views_Timeline_vue.js?v=7b712c9f60b4710f6b00","mappings":"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","sources":["webpack:///photos/src/components/AlbumPicker.vue?vue&type=style&index=0&id=943c5c1a&lang=scss&scoped=true&","webpack:///photos/src/views/Timeline.vue?vue&type=style&index=0&id=8eb2b022&lang=scss&scoped=true&","webpack:///photos/node_modules/vue-material-design-icons/ImageMultiple.vue","webpack:///photos/node_modules/vue-material-design-icons/ImageMultiple.vue?vue&type=script&lang=js&","webpack://photos/./node_modules/vue-material-design-icons/ImageMultiple.vue?126d","webpack:///photos/node_modules/vue-material-design-icons/ImageMultiple.vue?vue&type=template&id=21a95e74&","webpack:///photos/src/views/Timeline.vue?vue&type=template&id=8eb2b022&scoped=true&","webpack:///photos/node_modules/vue-material-design-icons/PlusBoxMultiple.vue","webpack:///photos/node_modules/vue-material-design-icons/PlusBoxMultiple.vue?vue&type=script&lang=js&","webpack://photos/./node_modules/vue-material-design-icons/PlusBoxMultiple.vue?d86c","webpack:///photos/node_modules/vue-material-design-icons/PlusBoxMultiple.vue?vue&type=template&id=5764b316&","webpack:///photos/node_modules/vue-material-design-icons/FileUpload.vue","webpack:///photos/node_modules/vue-material-design-icons/FileUpload.vue?vue&type=script&lang=js&","webpack://photos/./node_modules/vue-material-design-icons/FileUpload.vue?c468","webpack:///photos/node_modules/vue-material-design-icons/FileUpload.vue?vue&type=template&id=f8a185ea&","webpack:///photos/src/components/AlbumPicker.vue","webpack:///photos/src/components/AlbumPicker.vue?vue&type=script&lang=js&","webpack://photos/./src/components/AlbumPicker.vue?0bd5","webpack://photos/./src/components/AlbumPicker.vue?9965","webpack:///photos/src/components/AlbumPicker.vue?vue&type=template&id=943c5c1a&scoped=true&","webpack:///photos/src/views/Timeline.vue","webpack:///photos/src/views/Timeline.vue?vue&type=script&lang=js&","webpack://photos/./src/views/Timeline.vue?b276","webpack://photos/./src/views/Timeline.vue?2f21"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".album-picker[data-v-943c5c1a]{padding:32px;padding-top:16px}.album-picker h2[data-v-943c5c1a]{display:flex;align-items:center;height:60px;padding-left:8px}.album-picker h2 .loading-icon[data-v-943c5c1a]{margin-left:32px}.album-picker .albums-container[data-v-943c5c1a]{min-height:150px;max-height:350px;overflow:scroll;padding-right:8px}.album-picker .albums-container .album[data-v-943c5c1a]{display:flex;padding:8px;border-radius:8px}.album-picker .albums-container .album[data-v-943c5c1a],.album-picker .albums-container .album *[data-v-943c5c1a]{cursor:pointer}.album-picker .albums-container .album[data-v-943c5c1a]:not(:last-child){margin-bottom:16px}.album-picker .albums-container .album[data-v-943c5c1a]:hover{background:var(--color-background-dark)}.album-picker .albums-container .album__image[data-v-943c5c1a]{width:50px;height:50px;object-fit:none;border-radius:4px;margin-right:8px;background:var(--color-background-darker)}.album-picker .albums-container .album__image--placeholder[data-v-943c5c1a]{background:var(--color-primary-light)}.album-picker .albums-container .album__image--placeholder[data-v-943c5c1a] .material-design-icon{width:100%;height:100%}.album-picker .albums-container .album__image--placeholder[data-v-943c5c1a] .material-design-icon .material-design-icon__svg{fill:var(--color-primary)}.album-picker .albums-container .album__details[data-v-943c5c1a]{display:flex;align-items:flex-start;flex-direction:column;min-width:0}.album-picker .albums-container .album__details__first-line[data-v-943c5c1a]{width:100%}.album-picker .albums-container .album__details__name[data-v-943c5c1a]{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.album-picker .albums-container .album__details__second-line[data-v-943c5c1a]{color:var(--color-text-lighter)}.album-picker .new-album-button[data-v-943c5c1a]{margin-top:32px}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/components/AlbumPicker.vue\"],\"names\":[],\"mappings\":\"AA8HA,+BACC,YAAA,CACA,gBAAA,CAEA,kCACC,YAAA,CACA,kBAAA,CACA,WAAA,CACA,gBAAA,CAEA,gDACC,gBAAA,CAIF,iDACC,gBAAA,CACA,gBAAA,CACA,eAAA,CACA,iBAAA,CAEA,wDACC,YAAA,CACA,WAAA,CACA,iBAAA,CAEA,kHACC,cAAA,CAGD,yEACC,kBAAA,CAGD,8DACC,uCAAA,CAGD,+DACC,UAAA,CACA,WAAA,CACA,eAAA,CACA,iBAAA,CACA,gBAAA,CACA,yCAAA,CAEA,4EACC,qCAAA,CAEA,mGACC,UAAA,CACA,WAAA,CAEA,8HACC,yBAAA,CAMJ,iEACC,YAAA,CACA,sBAAA,CACA,qBAAA,CACA,WAAA,CAEA,6EACC,UAAA,CAGD,uEACC,aAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA,CAGD,8EACC,+BAAA,CAMJ,iDACC,eAAA\",\"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\\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.album-picker {\\n\\tpadding: 32px;\\n\\tpadding-top: 16px;\\n\\n\\th2 {\\n\\t\\tdisplay: flex;\\n\\t\\talign-items: center;\\n\\t\\theight: 60px;\\n\\t\\tpadding-left: 8px;\\n\\n\\t\\t.loading-icon {\\n\\t\\t\\tmargin-left: 32px;\\n\\t\\t}\\n\\t}\\n\\n\\t.albums-container {\\n\\t\\tmin-height: 150px;\\n\\t\\tmax-height: 350px;\\n\\t\\toverflow: scroll;\\n\\t\\tpadding-right: 8px;\\n\\n\\t\\t.album {\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\tpadding: 8px;\\n\\t\\t\\tborder-radius: 8px;\\n\\n\\t\\t\\t&, & * {\\n\\t\\t\\t\\tcursor: pointer;\\n\\t\\t\\t}\\n\\n\\t\\t\\t&:not(:last-child) {\\n\\t\\t\\t\\tmargin-bottom: 16px;\\n\\t\\t\\t}\\n\\n\\t\\t\\t&:hover {\\n\\t\\t\\t\\tbackground: var(--color-background-dark);\\n\\t\\t\\t}\\n\\n\\t\\t\\t&__image {\\n\\t\\t\\t\\twidth: 50px;\\n\\t\\t\\t\\theight: 50px;\\n\\t\\t\\t\\tobject-fit: none;\\n\\t\\t\\t\\tborder-radius: 4px;\\n\\t\\t\\t\\tmargin-right: 8px;\\n\\t\\t\\t\\tbackground: var(--color-background-darker);\\n\\n\\t\\t\\t\\t&--placeholder {\\n\\t\\t\\t\\t\\tbackground: var(--color-primary-light);\\n\\n\\t\\t\\t\\t\\t::v-deep .material-design-icon {\\n\\t\\t\\t\\t\\t\\twidth: 100%;\\n\\t\\t\\t\\t\\t\\theight: 100%;\\n\\n\\t\\t\\t\\t\\t\\t.material-design-icon__svg {\\n\\t\\t\\t\\t\\t\\t\\tfill: var(--color-primary);\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t}\\n\\t\\t\\t}\\n\\n\\t\\t\\t&__details {\\n\\t\\t\\t\\tdisplay: flex;\\n\\t\\t\\t\\talign-items: flex-start;\\n\\t\\t\\t\\tflex-direction: column;\\n\\t\\t\\t\\tmin-width: 0;\\n\\n\\t\\t\\t\\t&__first-line {\\n\\t\\t\\t\\t\\twidth: 100%;\\n\\t\\t\\t\\t}\\n\\n\\t\\t\\t\\t&__name {\\n\\t\\t\\t\\t\\tdisplay: block;\\n\\t\\t\\t\\t\\toverflow: hidden;\\n\\t\\t\\t\\t\\twhite-space: nowrap;\\n\\t\\t\\t\\t\\ttext-overflow: ellipsis;\\n\\t\\t\\t\\t}\\n\\n\\t\\t\\t\\t&__second-line{\\n\\t\\t\\t\\t\\tcolor: var(--color-text-lighter);\\n\\t\\t\\t\\t}\\n\\t\\t\\t}\\n\\t\\t}\\n\\t}\\n\\n\\t.new-album-button {\\n\\t\\tmargin-top: 32px;\\n\\t}\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".timeline[data-v-8eb2b022]{display:flex;flex-direction:column;height:100%}.timeline__header[data-v-8eb2b022]{display:flex;align-items:center;position:-webkit-sticky;position:sticky;width:100%;height:60px;z-index:3;background:var(--color-main-background);padding:0 64px}@media only screen and (max-width: 1200px){.timeline__header[data-v-8eb2b022]{padding:0 48px}}.timeline__header>*[data-v-8eb2b022]{margin-right:8px}.timeline__header .loader[data-v-8eb2b022]{margin-left:16px}.timeline__file-list[data-v-8eb2b022]{padding:0 64px;height:calc(100% - 60px)}@media only screen and (max-width: 1200px){.timeline__file-list[data-v-8eb2b022]{padding:0 4px}}.timeline__file-list[data-v-8eb2b022] .files-list-viewer__section-header{top:0}.timeline__file-list .section-header[data-v-8eb2b022]{padding:24px 0 16px 0}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/views/Timeline.vue\"],\"names\":[],\"mappings\":\"AA6UA,2BACC,YAAA,CACA,qBAAA,CACA,WAAA,CAEA,mCACC,YAAA,CACA,kBAAA,CACA,uBAAA,CAAA,eAAA,CACA,UAAA,CACA,WAAA,CACA,SAAA,CACA,uCAAA,CACA,cAAA,CAEA,2CAVD,mCAWE,cAAA,CAAA,CAGD,qCACC,gBAAA,CAGD,2CACC,gBAAA,CAIF,sCACC,cAAA,CACA,wBAAA,CAEA,2CAJD,sCAKE,aAAA,CAAA,CAGD,0EACC,KAAA,CAGD,sDACC,qBAAA\",\"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\\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\\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\\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.timeline {\\n\\tdisplay: flex;\\n\\tflex-direction: column;\\n\\theight: 100%;\\n\\n\\t&__header {\\n\\t\\tdisplay: flex;\\n\\t\\talign-items: center;\\n\\t\\tposition: sticky;\\n\\t\\twidth: 100%;\\n\\t\\theight: 60px;\\n\\t\\tz-index: 3;\\n\\t\\tbackground: var(--color-main-background);\\n\\t\\tpadding: 0 64px;\\n\\n\\t\\t@media only screen and (max-width: 1200px) {\\n\\t\\t\\tpadding: 0 48px;\\n\\t\\t}\\n\\n\\t\\t& > * {\\n\\t\\t\\tmargin-right: 8px;\\n\\t\\t}\\n\\n\\t\\t.loader {\\n\\t\\t\\tmargin-left: 16px;\\n\\t\\t}\\n\\t}\\n\\n\\t&__file-list {\\n\\t\\tpadding: 0 64px;\\n\\t\\theight: calc(100% - 60px);\\n\\n\\t\\t@media only screen and (max-width: 1200px) {\\n\\t\\t\\tpadding: 0 4px;\\n\\t\\t}\\n\\n\\t\\t::v-deep .files-list-viewer__section-header {\\n\\t\\t\\ttop: 0;\\n\\t\\t}\\n\\n\\t\\t.section-header {\\n\\t\\t\\tpadding: 24px 0 16px 0;\\n\\t\\t}\\n\\t}\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","<template>\n <span v-bind=\"$attrs\"\n :aria-hidden=\"!title\"\n :aria-label=\"title\"\n class=\"material-design-icon image-multiple-icon\"\n role=\"img\"\n @click=\"$emit('click', $event)\">\n <svg :fill=\"fillColor\"\n class=\"material-design-icon__svg\"\n :width=\"size\"\n :height=\"size\"\n viewBox=\"0 0 24 24\">\n <path 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 v-if=\"title\">{{ title }}</title>\n </path>\n </svg>\n </span>\n</template>\n\n<script>\nexport default {\n name: \"ImageMultipleIcon\",\n emits: ['click'],\n props: {\n title: {\n type: String,\n },\n fillColor: {\n type: String,\n default: \"currentColor\"\n },\n size: {\n type: Number,\n default: 24\n }\n }\n}\n</script>","import mod from \"-!../vue-loader/lib/index.js??vue-loader-options!./ImageMultiple.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../vue-loader/lib/index.js??vue-loader-options!./ImageMultiple.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageMultiple.vue?vue&type=template&id=21a95e74&\"\nimport script from \"./ImageMultiple.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageMultiple.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',_vm._b({staticClass:\"material-design-icon image-multiple-icon\",attrs:{\"aria-hidden\":!_vm.title,\"aria-label\":_vm.title,\"role\":\"img\"},on:{\"click\":function($event){return _vm.$emit('click', $event)}}},'span',_vm.$attrs,false),[_c('svg',{staticClass:\"material-design-icon__svg\",attrs:{\"fill\":_vm.fillColor,\"width\":_vm.size,\"height\":_vm.size,\"viewBox\":\"0 0 24 24\"}},[_c('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\"}},[(_vm.title)?_c('title',[_vm._v(_vm._s(_vm.title))]):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.errorFetchingFiles)?_c('NcEmptyContent',[_vm._v(\"\\n\\t\"+_vm._s(_vm.t('photos', 'An error occurred'))+\"\\n\")]):_c('div',{staticClass:\"timeline\"},[_c('div',{staticClass:\"timeline__header\"},[(_vm.selectedFileIds.length === 0)?_c('NcActions',{attrs:{\"force-title\":true,\"force-menu\":true,\"menu-title\":_vm.t('photos', 'Add'),\"primary\":true}},[_c('Plus',{attrs:{\"slot\":\"icon\"},slot:\"icon\"}),_vm._v(\" \"),_c('NcActionButton',{attrs:{\"close-after-click\":true},on:{\"click\":_vm.openUploader}},[_vm._v(\"\\n\\t\\t\\t\\t\"+_vm._s(_vm.t('photos', 'Upload media'))+\"\\n\\t\\t\\t\\t\"),_c('FileUpload',{attrs:{\"slot\":\"icon\"},slot:\"icon\"})],1),_vm._v(\" \"),_c('NcActionButton',{attrs:{\"close-after-click\":true,\"aria-label\":_vm.t('photos', 'Create a new album')},on:{\"click\":function($event){_vm.showAlbumCreationForm = true}}},[_vm._v(\"\\n\\t\\t\\t\\t\"+_vm._s(_vm.t('photos', 'Create new album'))+\"\\n\\t\\t\\t\\t\"),_c('PlusBoxMultiple',{attrs:{\"slot\":\"icon\"},slot:\"icon\"})],1)],1):[_c('NcButton',{attrs:{\"close-after-click\":true,\"type\":\"primary\",\"aria-label\":_vm.t('photos', 'Add selection to an album')},on:{\"click\":function($event){_vm.showAlbumPicker = true}},scopedSlots:_vm._u([{key:\"icon\",fn:function(){return [_c('Plus',{attrs:{\"slot\":\"icon\"},slot:\"icon\"})]},proxy:true}])},[_vm._v(\"\\n\\t\\t\\t\\t\"+_vm._s(_vm.t('photos', 'Add to album'))+\"\\n\\t\\t\\t\")]),_vm._v(\" \"),_c('NcActions',[_c('NcActionButton',{attrs:{\"close-after-click\":true,\"aria-label\":_vm.t('photos', 'Download selection')},on:{\"click\":_vm.downloadSelection}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\"+_vm._s(_vm.t('photos', 'Download'))+\"\\n\\t\\t\\t\\t\\t\"),_c('Download',{attrs:{\"slot\":\"icon\"},slot:\"icon\"})],1),_vm._v(\" \"),(_vm.shouldFavorite)?_c('NcActionButton',{attrs:{\"close-after-click\":true,\"aria-label\":_vm.t('photos', 'Mark selection as favorite')},on:{\"click\":_vm.favoriteSelection}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\"+_vm._s(_vm.t('photos', 'Favorite'))+\"\\n\\t\\t\\t\\t\\t\"),_c('Star',{attrs:{\"slot\":\"icon\"},slot:\"icon\"})],1):_c('NcActionButton',{attrs:{\"close-after-click\":true,\"aria-label\":_vm.t('photos', 'Remove selection from favorites')},on:{\"click\":_vm.unFavoriteSelection}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\"+_vm._s(_vm.t('photos', 'Remove from favorites'))+\"\\n\\t\\t\\t\\t\\t\"),_c('Star',{attrs:{\"slot\":\"icon\"},slot:\"icon\"})],1),_vm._v(\" \"),_c('NcActionButton',{attrs:{\"close-after-click\":true,\"aria-label\":_vm.t('photos', 'Delete selection')},on:{\"click\":_vm.deleteSelection}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\"+_vm._s(_vm.t('photos', 'Delete'))+\"\\n\\t\\t\\t\\t\\t\"),_c('Delete',{attrs:{\"slot\":\"icon\"},slot:\"icon\"})],1)],1),_vm._v(\" \"),_c('NcActions')],_vm._v(\" \"),(_vm.loadingCount > 0)?_c('NcLoadingIcon',{key:\"loader\",attrs:{\"size\":32}}):_vm._e()],2),_vm._v(\" \"),_c('FilesListViewer',{ref:\"filesListViewer\",staticClass:\"timeline__file-list\",attrs:{\"file-ids-by-section\":_vm.fileIdsByMonth,\"sections\":_vm.monthsList,\"loading\":_vm.loadingFiles,\"base-height\":_vm.isMobile ? 120 : 200,\"empty-message\":_vm.t('photos', 'No photos in here')},on:{\"need-content\":_vm.getContent},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar file = ref.file;\nvar visibility = ref.visibility;\nreturn [(file.sectionHeader)?_c('h3',{staticClass:\"section-header\",attrs:{\"id\":(\"file-picker-section-header-\" + (file.id))}},[_c('b',[_vm._v(_vm._s(_vm._f(\"dateMonth\")(file.id)))]),_vm._v(\"\\n\\t\\t\\t\\t\"+_vm._s(_vm._f(\"dateYear\")(file.id))+\"\\n\\t\\t\\t\")]):_c('File',{attrs:{\"file\":_vm.files[file.id],\"allow-selection\":true,\"selected\":_vm.selection[file.id] === true,\"visibility\":visibility,\"semaphore\":_vm.semaphore},on:{\"click\":_vm.openViewer,\"select-toggled\":_vm.onFileSelectToggle}})]}}])}),_vm._v(\" \"),(_vm.showAlbumCreationForm)?_c('NcModal',{key:\"albumCreationForm\",attrs:{\"close-button-contained\":false,\"title\":_vm.t('photos', 'New album')},on:{\"close\":function($event){_vm.showAlbumCreationForm = false}}},[_c('AlbumForm',{on:{\"done\":function($event){_vm.showAlbumCreationForm = false}}})],1):_vm._e(),_vm._v(\" \"),(_vm.showAlbumPicker)?_c('NcModal',{key:\"albumPicker\",attrs:{\"close-button-contained\":false,\"title\":_vm.t('photos', 'Add to album')},on:{\"close\":function($event){_vm.showAlbumPicker = false}}},[_c('AlbumPicker',{on:{\"album-picked\":_vm.addSelectionToAlbum}})],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n <span v-bind=\"$attrs\"\n :aria-hidden=\"!title\"\n :aria-label=\"title\"\n class=\"material-design-icon plus-box-multiple-icon\"\n role=\"img\"\n @click=\"$emit('click', $event)\">\n <svg :fill=\"fillColor\"\n class=\"material-design-icon__svg\"\n :width=\"size\"\n :height=\"size\"\n viewBox=\"0 0 24 24\">\n <path d=\"M19,11H15V15H13V11H9V9H13V5H15V9H19M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M4,6H2V20A2,2 0 0,0 4,22H18V20H4V6Z\">\n <title v-if=\"title\">{{ title }}</title>\n </path>\n </svg>\n </span>\n</template>\n\n<script>\nexport default {\n name: \"PlusBoxMultipleIcon\",\n emits: ['click'],\n props: {\n title: {\n type: String,\n },\n fillColor: {\n type: String,\n default: \"currentColor\"\n },\n size: {\n type: Number,\n default: 24\n }\n }\n}\n</script>","import mod from \"-!../vue-loader/lib/index.js??vue-loader-options!./PlusBoxMultiple.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../vue-loader/lib/index.js??vue-loader-options!./PlusBoxMultiple.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PlusBoxMultiple.vue?vue&type=template&id=5764b316&\"\nimport script from \"./PlusBoxMultiple.vue?vue&type=script&lang=js&\"\nexport * from \"./PlusBoxMultiple.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',_vm._b({staticClass:\"material-design-icon plus-box-multiple-icon\",attrs:{\"aria-hidden\":!_vm.title,\"aria-label\":_vm.title,\"role\":\"img\"},on:{\"click\":function($event){return _vm.$emit('click', $event)}}},'span',_vm.$attrs,false),[_c('svg',{staticClass:\"material-design-icon__svg\",attrs:{\"fill\":_vm.fillColor,\"width\":_vm.size,\"height\":_vm.size,\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":\"M19,11H15V15H13V11H9V9H13V5H15V9H19M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M4,6H2V20A2,2 0 0,0 4,22H18V20H4V6Z\"}},[(_vm.title)?_c('title',[_vm._v(_vm._s(_vm.title))]):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n <span v-bind=\"$attrs\"\n :aria-hidden=\"!title\"\n :aria-label=\"title\"\n class=\"material-design-icon file-upload-icon\"\n role=\"img\"\n @click=\"$emit('click', $event)\">\n <svg :fill=\"fillColor\"\n class=\"material-design-icon__svg\"\n :width=\"size\"\n :height=\"size\"\n viewBox=\"0 0 24 24\">\n <path d=\"M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13.5,16V19H10.5V16H8L12,12L16,16H13.5M13,9V3.5L18.5,9H13Z\">\n <title v-if=\"title\">{{ title }}</title>\n </path>\n </svg>\n </span>\n</template>\n\n<script>\nexport default {\n name: \"FileUploadIcon\",\n emits: ['click'],\n props: {\n title: {\n type: String,\n },\n fillColor: {\n type: String,\n default: \"currentColor\"\n },\n size: {\n type: Number,\n default: 24\n }\n }\n}\n</script>","import mod from \"-!../vue-loader/lib/index.js??vue-loader-options!./FileUpload.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../vue-loader/lib/index.js??vue-loader-options!./FileUpload.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FileUpload.vue?vue&type=template&id=f8a185ea&\"\nimport script from \"./FileUpload.vue?vue&type=script&lang=js&\"\nexport * from \"./FileUpload.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',_vm._b({staticClass:\"material-design-icon file-upload-icon\",attrs:{\"aria-hidden\":!_vm.title,\"aria-label\":_vm.title,\"role\":\"img\"},on:{\"click\":function($event){return _vm.$emit('click', $event)}}},'span',_vm.$attrs,false),[_c('svg',{staticClass:\"material-design-icon__svg\",attrs:{\"fill\":_vm.fillColor,\"width\":_vm.size,\"height\":_vm.size,\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":\"M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13.5,16V19H10.5V16H8L12,12L16,16H13.5M13,9V3.5L18.5,9H13Z\"}},[(_vm.title)?_c('title',[_vm._v(_vm._s(_vm.title))]):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\n - @copyright Copyright (c) 2022 Louis Chemineau <louis@chmn.me>\n -\n - @author Louis Chemineau <louis@chmn.me>\n -\n - @license AGPL-3.0-or-later\n -\n - This program is free software: you can redistribute it and/or modify\n - it under the terms of the GNU Affero General Public License as\n - published by the Free Software Foundation, either version 3 of the\n - License, or (at your option) any later version.\n -\n - This program is distributed in the hope that it will be useful,\n - but WITHOUT ANY WARRANTY; without even the implied warranty of\n - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n - GNU Affero General Public License for more details.\n -\n - You should have received a copy of the GNU Affero General Public License\n - along with this program. If not, see <http://www.gnu.org/licenses/>.\n -\n -->\n<template>\n\t<div v-if=\"!showAlbumCreationForm\" class=\"album-picker\">\n\t\t<h2>\n\t\t\t{{ t('photos', 'Add to Album') }}\n\t\t\t<NcLoadingIcon v-if=\"loadingAlbums\" class=\"loading-icon\" />\n\t\t</h2>\n\n\t\t<div class=\"albums-container\">\n\t\t\t<div v-for=\"album in albums\"\n\t\t\t\t:key=\"album.basename\"\n\t\t\t\tclass=\"album\"\n\t\t\t\t@click=\"pickAlbum(album.basename)\">\n\t\t\t\t<img v-if=\"album.lastPhoto !== 0\" class=\"album__image\" :src=\"album.lastPhoto | toCoverUrl\">\n\t\t\t\t<div v-else class=\"album__image album__image--placeholder\">\n\t\t\t\t\t<ImageMultiple :size=\"32\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"album__details\">\n\t\t\t\t\t<div class=\"album__details__first-line\">\n\t\t\t\t\t\t<b class=\"album__details__name\">\n\t\t\t\t\t\t\t{{ album.basename }}\n\t\t\t\t\t\t</b>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"album__details__second-line\">\n\t\t\t\t\t\t{{ n('photos', '%n item', '%n photos and videos', album.nbItems) }}\n\t\t\t\t\t\t<!-- TODO: finish collaboration -->\n\t\t\t\t\t\t<!--⸱ {{ n('photos', 'Share with %n user', 'Share with %n users', album.isShared) }}-->\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<NcButton :aria-label=\"t('photos', 'Create a new album.')\"\n\t\t\tclass=\"new-album-button\"\n\t\t\ttype=\"tertiary\"\n\t\t\t@click=\"showAlbumCreationForm = true\">\n\t\t\t<template #icon>\n\t\t\t\t<Plus />\n\t\t\t</template>\n\t\t\t{{ t('photos', 'Create new album') }}\n\t\t</NcButton>\n\t</div>\n\n\t<AlbumForm v-else\n\t\t:display-back-button=\"true\"\n\t\t:title=\"t('photos', 'New album')\"\n\t\t@back=\"showAlbumCreationForm = false\"\n\t\t@done=\"albumCreatedHandler\" />\n</template>\n\n<script>\nimport Plus from 'vue-material-design-icons/Plus'\nimport ImageMultiple from 'vue-material-design-icons/ImageMultiple'\n\nimport { NcButton, NcLoadingIcon } from '@nextcloud/vue'\nimport { generateUrl } from '@nextcloud/router'\n\nimport FetchAlbumsMixin from '../mixins/FetchAlbumsMixin.js'\nimport AlbumForm from './AlbumForm.vue'\n\nexport default {\n\tname: 'AlbumPicker',\n\n\tcomponents: {\n\t\tPlus,\n\t\tImageMultiple,\n\t\tNcButton,\n\t\tNcLoadingIcon,\n\t\tAlbumForm,\n\t},\n\n\tfilters: {\n\t\t/**\n\t\t * @param {string} fileId - The id of the file.\n\t\t * @return {string}\n\t\t */\n\t\ttoCoverUrl(fileId) {\n\t\t\treturn generateUrl(`/core/preview?fileId=${fileId}&x=${64}&y=${64}&forceIcon=0&a=1`)\n\t\t},\n\t},\n\n\tmixins: [\n\t\tFetchAlbumsMixin,\n\t],\n\n\tdata() {\n\t\treturn {\n\t\t\tshowAlbumCreationForm: false,\n\t\t}\n\t},\n\n\tmethods: {\n\t\talbumCreatedHandler() {\n\t\t\tthis.showAlbumCreationForm = false\n\t\t\tthis.fetchAlbums()\n\t\t},\n\n\t\tpickAlbum(albumBaseName) {\n\t\t\tthis.$emit('album-picked', albumBaseName)\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.album-picker {\n\tpadding: 32px;\n\tpadding-top: 16px;\n\n\th2 {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\theight: 60px;\n\t\tpadding-left: 8px;\n\n\t\t.loading-icon {\n\t\t\tmargin-left: 32px;\n\t\t}\n\t}\n\n\t.albums-container {\n\t\tmin-height: 150px;\n\t\tmax-height: 350px;\n\t\toverflow: scroll;\n\t\tpadding-right: 8px;\n\n\t\t.album {\n\t\t\tdisplay: flex;\n\t\t\tpadding: 8px;\n\t\t\tborder-radius: 8px;\n\n\t\t\t&, & * {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\t&:not(:last-child) {\n\t\t\t\tmargin-bottom: 16px;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tbackground: var(--color-background-dark);\n\t\t\t}\n\n\t\t\t&__image {\n\t\t\t\twidth: 50px;\n\t\t\t\theight: 50px;\n\t\t\t\tobject-fit: none;\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tmargin-right: 8px;\n\t\t\t\tbackground: var(--color-background-darker);\n\n\t\t\t\t&--placeholder {\n\t\t\t\t\tbackground: var(--color-primary-light);\n\n\t\t\t\t\t::v-deep .material-design-icon {\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\theight: 100%;\n\n\t\t\t\t\t\t.material-design-icon__svg {\n\t\t\t\t\t\t\tfill: var(--color-primary);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__details {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: flex-start;\n\t\t\t\tflex-direction: column;\n\t\t\t\tmin-width: 0;\n\n\t\t\t\t&__first-line {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\n\t\t\t\t&__name {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t}\n\n\t\t\t\t&__second-line{\n\t\t\t\t\tcolor: var(--color-text-lighter);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.new-album-button {\n\t\tmargin-top: 32px;\n\t}\n}\n</style>\n","import mod from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AlbumPicker.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AlbumPicker.vue?vue&type=script&lang=js&\"","\n import API from \"!../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2[0].rules[0].use[3]!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AlbumPicker.vue?vue&type=style&index=0&id=943c5c1a&lang=scss&scoped=true&\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2[0].rules[0].use[3]!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AlbumPicker.vue?vue&type=style&index=0&id=943c5c1a&lang=scss&scoped=true&\";\n export default content && content.locals ? content.locals : undefined;\n","import { render, staticRenderFns } from \"./AlbumPicker.vue?vue&type=template&id=943c5c1a&scoped=true&\"\nimport script from \"./AlbumPicker.vue?vue&type=script&lang=js&\"\nexport * from \"./AlbumPicker.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AlbumPicker.vue?vue&type=style&index=0&id=943c5c1a&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"943c5c1a\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.showAlbumCreationForm)?_c('div',{staticClass:\"album-picker\"},[_c('h2',[_vm._v(\"\\n\\t\\t\"+_vm._s(_vm.t('photos', 'Add to Album'))+\"\\n\\t\\t\"),(_vm.loadingAlbums)?_c('NcLoadingIcon',{staticClass:\"loading-icon\"}):_vm._e()],1),_vm._v(\" \"),_c('div',{staticClass:\"albums-container\"},_vm._l((_vm.albums),function(album){return _c('div',{key:album.basename,staticClass:\"album\",on:{\"click\":function($event){return _vm.pickAlbum(album.basename)}}},[(album.lastPhoto !== 0)?_c('img',{staticClass:\"album__image\",attrs:{\"src\":_vm._f(\"toCoverUrl\")(album.lastPhoto)}}):_c('div',{staticClass:\"album__image album__image--placeholder\"},[_c('ImageMultiple',{attrs:{\"size\":32}})],1),_vm._v(\" \"),_c('div',{staticClass:\"album__details\"},[_c('div',{staticClass:\"album__details__first-line\"},[_c('b',{staticClass:\"album__details__name\"},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\"+_vm._s(album.basename)+\"\\n\\t\\t\\t\\t\\t\")])]),_vm._v(\" \"),_c('div',{staticClass:\"album__details__second-line\"},[_vm._v(\"\\n\\t\\t\\t\\t\\t\"+_vm._s(_vm.n('photos', '%n item', '%n photos and videos', album.nbItems))+\"\\n\\t\\t\\t\\t\\t\")])])])}),0),_vm._v(\" \"),_c('NcButton',{staticClass:\"new-album-button\",attrs:{\"aria-label\":_vm.t('photos', 'Create a new album.'),\"type\":\"tertiary\"},on:{\"click\":function($event){_vm.showAlbumCreationForm = true}},scopedSlots:_vm._u([{key:\"icon\",fn:function(){return [_c('Plus')]},proxy:true}],null,false,1489515321)},[_vm._v(\"\\n\\t\\t\"+_vm._s(_vm.t('photos', 'Create new album'))+\"\\n\\t\")])],1):_c('AlbumForm',{attrs:{\"display-back-button\":true,\"title\":_vm.t('photos', 'New album')},on:{\"back\":function($event){_vm.showAlbumCreationForm = false},\"done\":_vm.albumCreatedHandler}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\n - @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n -\n - @author John Molakvoæ <skjnldsv@protonmail.com>\n - @author Corentin Mors <medias@pixelswap.fr>\n - @author Louis Chemineau <louis@chmn.me>\n -\n - @license AGPL-3.0-or-later\n -\n - This program is free software: you can redistribute it and/or modify\n - it under the terms of the GNU Affero General Public License as\n - published by the Free Software Foundation, either version 3 of the\n - License, or (at your option) any later version.\n -\n - This program is distributed in the hope that it will be useful,\n - but WITHOUT ANY WARRANTY; without even the implied warranty of\n - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n - GNU Affero General Public License for more details.\n -\n - You should have received a copy of the GNU Affero General Public License\n - along with this program. If not, see <http://www.gnu.org/licenses/>.\n -\n -->\n\n<template>\n\t<!-- Errors handlers -->\n\t<NcEmptyContent v-if=\"errorFetchingFiles\">\n\t\t{{ t('photos', 'An error occurred') }}\n\t</NcEmptyContent>\n\n\t<div v-else class=\"timeline\">\n\t\t<div class=\"timeline__header\">\n\t\t\t<NcActions v-if=\"selectedFileIds.length === 0\"\n\t\t\t\t:force-title=\"true\"\n\t\t\t\t:force-menu=\"true\"\n\t\t\t\t:menu-title=\"t('photos', 'Add')\"\n\t\t\t\t:primary=\"true\">\n\t\t\t\t<Plus slot=\"icon\" />\n\t\t\t\t<NcActionButton :close-after-click=\"true\" @click=\"openUploader\">\n\t\t\t\t\t{{ t('photos', 'Upload media') }}\n\t\t\t\t\t<FileUpload slot=\"icon\" />\n\t\t\t\t</NcActionButton>\n\t\t\t\t<NcActionButton :close-after-click=\"true\"\n\t\t\t\t\t:aria-label=\"t('photos', 'Create a new album')\"\n\t\t\t\t\t@click=\"showAlbumCreationForm = true\">\n\t\t\t\t\t{{ t('photos', 'Create new album') }}\n\t\t\t\t\t<PlusBoxMultiple slot=\"icon\" />\n\t\t\t\t</NcActionButton>\n\t\t\t</NcActions>\n\n\t\t\t<template v-else>\n\t\t\t\t<NcButton :close-after-click=\"true\"\n\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t:aria-label=\"t('photos', 'Add selection to an album')\"\n\t\t\t\t\t@click=\"showAlbumPicker = true\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<Plus slot=\"icon\" />\n\t\t\t\t\t</template>\n\t\t\t\t\t{{ t('photos', 'Add to album') }}\n\t\t\t\t</NcButton>\n\t\t\t\t<NcActions>\n\t\t\t\t\t<NcActionButton :close-after-click=\"true\"\n\t\t\t\t\t\t:aria-label=\"t('photos', 'Download selection')\"\n\t\t\t\t\t\t@click=\"downloadSelection\">\n\t\t\t\t\t\t{{ t('photos', 'Download') }}\n\t\t\t\t\t\t<Download slot=\"icon\" />\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t\t<NcActionButton v-if=\"shouldFavorite\"\n\t\t\t\t\t\t:close-after-click=\"true\"\n\t\t\t\t\t\t:aria-label=\"t('photos', 'Mark selection as favorite')\"\n\t\t\t\t\t\t@click=\"favoriteSelection\">\n\t\t\t\t\t\t{{ t('photos', 'Favorite') }}\n\t\t\t\t\t\t<Star slot=\"icon\" />\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t\t<NcActionButton v-else\n\t\t\t\t\t\t:close-after-click=\"true\"\n\t\t\t\t\t\t:aria-label=\"t('photos', 'Remove selection from favorites')\"\n\t\t\t\t\t\t@click=\"unFavoriteSelection\">\n\t\t\t\t\t\t{{ t('photos', 'Remove from favorites') }}\n\t\t\t\t\t\t<Star slot=\"icon\" />\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t\t<NcActionButton :close-after-click=\"true\"\n\t\t\t\t\t\t:aria-label=\"t('photos', 'Delete selection')\"\n\t\t\t\t\t\t@click=\"deleteSelection\">\n\t\t\t\t\t\t{{ t('photos', 'Delete') }}\n\t\t\t\t\t\t<Delete slot=\"icon\" />\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t</NcActions>\n\t\t\t\t<!-- HACK: Needed to make the above Actions work, no idea why be it is like that in the documentation. -->\n\t\t\t\t<NcActions />\n\t\t\t</template>\n\n\t\t\t<NcLoadingIcon v-if=\"loadingCount > 0\" key=\"loader\" :size=\"32\" />\n\t\t</div>\n\n\t\t<FilesListViewer ref=\"filesListViewer\"\n\t\t\tclass=\"timeline__file-list\"\n\t\t\t:file-ids-by-section=\"fileIdsByMonth\"\n\t\t\t:sections=\"monthsList\"\n\t\t\t:loading=\"loadingFiles\"\n\t\t\t:base-height=\"isMobile ? 120 : 200\"\n\t\t\t:empty-message=\"t('photos', 'No photos in here')\"\n\t\t\t@need-content=\"getContent\">\n\t\t\t<template slot-scope=\"{file, visibility}\">\n\t\t\t\t<h3 v-if=\"file.sectionHeader\"\n\t\t\t\t\t:id=\"`file-picker-section-header-${file.id}`\"\n\t\t\t\t\tclass=\"section-header\">\n\t\t\t\t\t<b>{{ file.id | dateMonth }}</b>\n\t\t\t\t\t{{ file.id | dateYear }}\n\t\t\t\t</h3>\n\t\t\t\t<File v-else\n\t\t\t\t\t:file=\"files[file.id]\"\n\t\t\t\t\t:allow-selection=\"true\"\n\t\t\t\t\t:selected=\"selection[file.id] === true\"\n\t\t\t\t\t:visibility=\"visibility\"\n\t\t\t\t\t:semaphore=\"semaphore\"\n\t\t\t\t\t@click=\"openViewer\"\n\t\t\t\t\t@select-toggled=\"onFileSelectToggle\" />\n\t\t\t</template>\n\t\t</FilesListViewer>\n\n\t\t<NcModal v-if=\"showAlbumCreationForm\"\n\t\t\tkey=\"albumCreationForm\"\n\t\t\t:close-button-contained=\"false\"\n\t\t\t:title=\"t('photos', 'New album')\"\n\t\t\t@close=\"showAlbumCreationForm = false\">\n\t\t\t<AlbumForm @done=\"showAlbumCreationForm = false\" />\n\t\t</NcModal>\n\n\t\t<NcModal v-if=\"showAlbumPicker\"\n\t\t\tkey=\"albumPicker\"\n\t\t\t:close-button-contained=\"false\"\n\t\t\t:title=\"t('photos', 'Add to album')\"\n\t\t\t@close=\"showAlbumPicker = false\">\n\t\t\t<AlbumPicker @album-picked=\"addSelectionToAlbum\" />\n\t\t</NcModal>\n\t</div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from 'vuex'\nimport Plus from 'vue-material-design-icons/Plus'\nimport Delete from 'vue-material-design-icons/Delete'\nimport PlusBoxMultiple from 'vue-material-design-icons/PlusBoxMultiple'\nimport FileUpload from 'vue-material-design-icons/FileUpload'\nimport Star from 'vue-material-design-icons/Star'\nimport Download from 'vue-material-design-icons/Download'\n\nimport { NcModal, NcActions, NcActionButton, NcButton, NcLoadingIcon, NcEmptyContent, isMobile } from '@nextcloud/vue'\nimport moment from '@nextcloud/moment'\n\nimport logger from '../services/logger.js'\nimport { allMimes } from '../services/AllowedMimes.js'\nimport FetchFilesMixin from '../mixins/FetchFilesMixin.js'\nimport FilesByMonthMixin from '../mixins/FilesByMonthMixin.js'\nimport FilesSelectionMixin from '../mixins/FilesSelectionMixin.js'\nimport FilesListViewer from '../components/FilesListViewer.vue'\nimport File from '../components/File.vue'\nimport AlbumForm from '../components/AlbumForm.vue'\nimport AlbumPicker from '../components/AlbumPicker.vue'\n\nexport default {\n\tname: 'Timeline',\n\tcomponents: {\n\t\tDelete,\n\t\tFileUpload,\n\t\tPlusBoxMultiple,\n\t\tStar,\n\t\tDownload,\n\t\tNcLoadingIcon,\n\t\tNcEmptyContent,\n\t\tNcModal,\n\t\tNcActions,\n\t\tNcActionButton,\n\t\tNcButton,\n\t\tPlus,\n\t\tAlbumForm,\n\t\tAlbumPicker,\n\t\tFilesListViewer,\n\t\tFile,\n\t},\n\n\tfilters: {\n\t\t/**\n\t\t * @param {string} date - In the following format: YYYYMM\n\t\t */\n\t\tdateMonth(date) {\n\t\t\treturn moment(date, 'YYYYMM').format('MMMM')\n\t\t},\n\t\t/**\n\t\t * @param {string} date - In the following format: YYYYMM\n\t\t */\n\t\tdateYear(date) {\n\t\t\treturn moment(date, 'YYYYMM').format('YYYY')\n\t\t},\n\t},\n\n\tmixins: [\n\t\tFetchFilesMixin,\n\t\tFilesSelectionMixin,\n\t\tFilesByMonthMixin,\n\t\tisMobile,\n\t],\n\n\tbeforeRouteLeave(to, from, next) {\n\t\twindow.scrollTo(0, 0)\n\t\tnext()\n\t},\n\n\tprops: {\n\t\tonlyFavorites: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tmimesType: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => allMimes,\n\t\t},\n\t\tonThisDay: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tloadingCount: 0,\n\t\t\tshowAlbumCreationForm: false,\n\t\t\tshowAlbumPicker: false,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t...mapGetters([\n\t\t\t'files',\n\t\t]),\n\n\t\t/** @type {boolean} */\n\t\tshouldFavorite() {\n\t\t\t// Favorite all selection if at least one file is not on the favorites.\n\t\t\treturn this.selectedFileIds.some((fileId) => this.$store.state.files.files[fileId].favorite === 0)\n\t\t},\n\t},\n\n\tmethods: {\n\t\t...mapActions(['deleteFiles', 'toggleFavoriteForFiles', 'downloadFiles', 'addFilesToAlbum']),\n\n\t\tgetContent() {\n\t\t\tthis.fetchFiles('', {\n\t\t\t\tmimesType: this.mimesType,\n\t\t\t\tonThisDay: this.onThisDay,\n\t\t\t\tonlyFavorites: this.onlyFavorites,\n\t\t\t})\n\t\t},\n\n\t\topenViewer(fileId) {\n\t\t\tconst file = this.files[fileId]\n\t\t\tOCA.Viewer.open({\n\t\t\t\tpath: file.filename,\n\t\t\t\tlist: Object.values(this.fileIdsByMonth).flat().map(fileId => this.files[fileId]),\n\t\t\t\tloadMore: file.loadMore ? async () => await file.loadMore(true) : () => [],\n\t\t\t\tcanLoop: file.canLoop,\n\t\t\t})\n\t\t},\n\n\t\topenUploader() {\n\t\t\t// TODO: finish when implementing upload\n\t\t},\n\n\t\tasync addSelectionToAlbum(albumName) {\n\t\t\ttry {\n\t\t\t\tthis.showAlbumPicker = false\n\t\t\t\tthis.loadingCount++\n\t\t\t\tawait this.addFilesToAlbum({ albumName, fileIdsToAdd: this.selectedFileIds })\n\t\t\t} catch (error) {\n\t\t\t\tlogger.error(error)\n\t\t\t} finally {\n\t\t\t\tthis.loadingCount--\n\t\t\t}\n\t\t},\n\n\t\tasync favoriteSelection() {\n\t\t\ttry {\n\t\t\t\tthis.loadingCount++\n\t\t\t\tawait this.toggleFavoriteForFiles({ fileIds: this.selectedFileIds, favoriteState: true })\n\t\t\t} catch (error) {\n\t\t\t\tlogger.error(error)\n\t\t\t} finally {\n\t\t\t\tthis.loadingCount--\n\t\t\t}\n\t\t},\n\n\t\tasync unFavoriteSelection() {\n\t\t\ttry {\n\t\t\t\tthis.loadingCount++\n\t\t\t\tawait this.toggleFavoriteForFiles({ fileIds: this.selectedFileIds, favoriteState: false })\n\t\t\t} catch (error) {\n\t\t\t\tlogger.error(error)\n\t\t\t} finally {\n\t\t\t\tthis.loadingCount--\n\t\t\t}\n\t\t},\n\n\t\tasync deleteSelection() {\n\t\t\ttry {\n\t\t\t\tthis.loadingCount++\n\t\t\t\t// Need to store the file ids so it is not changed before the deleteFiles call.\n\t\t\t\tconst fileIds = this.selectedFileIds\n\t\t\t\tthis.onUncheckFiles(fileIds)\n\t\t\t\tthis.fetchedFileIds = this.fetchedFileIds.filter(fileid => !fileIds.includes(fileid))\n\t\t\t\tawait this.deleteFiles(fileIds)\n\t\t\t} catch (error) {\n\t\t\t\tlogger.error(error)\n\t\t\t} finally {\n\t\t\t\tthis.loadingCount--\n\t\t\t}\n\t\t},\n\n\t\tasync downloadSelection() {\n\t\t\ttry {\n\t\t\t\tthis.loadingCount++\n\t\t\t\tawait this.downloadFiles(this.selectedFileIds)\n\t\t\t} catch (error) {\n\t\t\t\tlogger.error(error)\n\t\t\t} finally {\n\t\t\t\tthis.loadingCount--\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n<style lang=\"scss\" scoped>\n.timeline {\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\n\t&__header {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tposition: sticky;\n\t\twidth: 100%;\n\t\theight: 60px;\n\t\tz-index: 3;\n\t\tbackground: var(--color-main-background);\n\t\tpadding: 0 64px;\n\n\t\t@media only screen and (max-width: 1200px) {\n\t\t\tpadding: 0 48px;\n\t\t}\n\n\t\t& > * {\n\t\t\tmargin-right: 8px;\n\t\t}\n\n\t\t.loader {\n\t\t\tmargin-left: 16px;\n\t\t}\n\t}\n\n\t&__file-list {\n\t\tpadding: 0 64px;\n\t\theight: calc(100% - 60px);\n\n\t\t@media only screen and (max-width: 1200px) {\n\t\t\tpadding: 0 4px;\n\t\t}\n\n\t\t::v-deep .files-list-viewer__section-header {\n\t\t\ttop: 0;\n\t\t}\n\n\t\t.section-header {\n\t\t\tpadding: 24px 0 16px 0;\n\t\t}\n\t}\n}\n</style>\n","import mod from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Timeline.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Timeline.vue?vue&type=script&lang=js&\"","\n import API from \"!../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2[0].rules[0].use[3]!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Timeline.vue?vue&type=style&index=0&id=8eb2b022&lang=scss&scoped=true&\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2[0].rules[0].use[3]!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Timeline.vue?vue&type=style&index=0&id=8eb2b022&lang=scss&scoped=true&\";\n export default content && content.locals ? content.locals : undefined;\n","import { render, staticRenderFns } from \"./Timeline.vue?vue&type=template&id=8eb2b022&scoped=true&\"\nimport script from \"./Timeline.vue?vue&type=script&lang=js&\"\nexport * from \"./Timeline.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Timeline.vue?vue&type=style&index=0&id=8eb2b022&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"8eb2b022\",\n null\n \n)\n\nexport default component.exports"],"names":["___CSS_LOADER_EXPORT___","push","module","id","name","emits","props","title","type","String","fillColor","default","size","Number","_vm","this","_h","$createElement","_c","_self","_b","staticClass","attrs","on","$event","$emit","$attrs","_v","_s","_e","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","showAlbumCreationForm","t","albumCreatedHandler","_l","album","key","basename","pickAlbum","lastPhoto","_f","n","nbItems","scopedSlots","_u","fn","proxy","selectedFileIds","length","slot","openUploader","showAlbumPicker","downloadSelection","favoriteSelection","unFavoriteSelection","deleteSelection","loadingCount","ref","fileIdsByMonth","monthsList","loadingFiles","isMobile","getContent","file","visibility","files","selection","semaphore","openViewer","onFileSelectToggle","addSelectionToAlbum"],"sourceRoot":""}
|
