photos/js/photos-node_modules_vue-mat...

1 line
19 KiB
Plaintext

{"version":3,"file":"photos-node_modules_vue-material-design-icons_PackageVariant_vue-src_views_TagContent_vue.js?v=092a3285dae50292286d","mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;AChLA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;AC1BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAkBA;AACA;;;;;;;;;;;;;;ACtCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;ACpCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAkBA;AACA;;;;;;;;;;;;;;;ACvCA;;;;;;;;;;;;;;;;;;;;;;;;;;;AEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AGAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;ACrDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sources":["webpack:///photos/src/views/TagContent.vue?vue&type=script&lang=js&","webpack:///photos/src/views/TagContent.vue?vue&type=style&index=0&id=5f4f85b9&scoped=true&lang=scss&","webpack://photos/./src/views/TagContent.vue?3526","webpack:///photos/node_modules/vue-material-design-icons/PackageVariant.vue","webpack:///photos/node_modules/vue-material-design-icons/PackageVariant.vue?vue&type=script&lang=js&","webpack:///photos/src/views/TagContent.vue","webpack://photos/./src/views/TagContent.vue?bd55","webpack://photos/./src/views/TagContent.vue?beb8","webpack://photos/./node_modules/vue-material-design-icons/PackageVariant.vue?7ff5","webpack:///photos/node_modules/vue-material-design-icons/PackageVariant.vue?vue&type=template&id=189d8f0b&","webpack:///photos/src/views/TagContent.vue?vue&type=template&id=5f4f85b9&scoped=true&","webpack://photos/./node_modules/vue-material-design-icons/PackageVariant.vue?d8fb","webpack://photos/./src/views/TagContent.vue?fa69"],"sourcesContent":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport { mapGetters } from 'vuex';\nimport ArrowLeft from 'vue-material-design-icons/ArrowLeft';\nimport { NcEmptyContent, NcActions, NcActionButton, NcLoadingIcon, isMobile } from '@nextcloud/vue';\nimport File from '../components/File.vue';\nimport FilesListViewer from '../components/FilesListViewer.vue';\nimport SemaphoreWithPriority from '../utils/semaphoreWithPriority.js';\nimport FilesSelectionMixin from '../mixins/FilesSelectionMixin.js';\nimport AbortControllerMixin from '../mixins/AbortControllerMixin.js';\nexport default {\n name: 'TagContent',\n components: {\n File,\n FilesListViewer,\n NcEmptyContent,\n NcActions,\n NcActionButton,\n NcLoadingIcon,\n ArrowLeft\n },\n mixins: [isMobile, FilesSelectionMixin, AbortControllerMixin],\n props: {\n path: {\n type: String,\n default: ''\n }\n },\n\n data() {\n return {\n error: null,\n loading: false,\n semaphore: new SemaphoreWithPriority(30),\n appContent: document.getElementById('app-content-vue')\n };\n },\n\n computed: { // global lists\n ...mapGetters(['files', 'tags', 'tagsNames']),\n\n // current tag id from current path\n tagId() {\n return this.$store.getters.tagId(this.path);\n },\n\n // current tag\n tag() {\n return this.tags[this.tagId];\n },\n\n // files list of the current tag\n fileIds() {\n return this.tag ? this.tag.files : [];\n },\n\n isEmpty() {\n return this.fileIds.length === 0;\n }\n\n },\n watch: {\n async path() {\n this.fetchContent();\n }\n\n },\n\n async beforeMount() {\n this.fetchContent();\n },\n\n methods: {\n async fetchContent() {\n // close any potential opened viewer\n OCA.Viewer.close();\n this.loading = true;\n this.error = null;\n\n try {\n // if we don't already have some cached data let's show a loader\n if (!this.tags[this.tagId]) {\n await this.$store.dispatch('fetchAllTags', {\n signal: this.abortController.signal\n });\n }\n\n await this.$store.dispatch('fetchTagFiles', {\n id: this.tagId,\n signal: this.abortController.signal\n });\n } catch (error) {\n console.error(error);\n this.error = true;\n } finally {\n // done loading\n this.loading = false;\n }\n },\n\n openViewer(fileId) {\n const file = this.files[fileId];\n OCA.Viewer.open({\n path: file.filename,\n list: this.fileIds.map(fileId => this.files[fileId]),\n loadMore: file.loadMore ? async () => await file.loadMore(true) : () => [],\n canLoop: file.canLoop\n });\n }\n\n }\n};","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/noSourceMaps.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_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".loader[data-v-5f4f85b9] {\\n margin-top: 30vh;\\n}\\n.photos-navigation[data-v-5f4f85b9] {\\n display: flex;\\n height: 44px;\\n padding: 0 40px;\\n align-items: center;\\n max-width: 100%;\\n}\\n.photos-navigation h2[data-v-5f4f85b9] {\\n padding: 0;\\n margin: 0;\\n}\\n.heading-subline[data-v-5f4f85b9] {\\n margin-left: 85px;\\n margin-top: -11px;\\n color: var(--color-text-maxcontrast);\\n}\\n.tag__photos[data-v-5f4f85b9] {\\n padding: 0 64px;\\n}\", \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","\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!./TagContent.vue?vue&type=style&index=0&id=5f4f85b9&scoped=true&lang=scss&\";\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!./TagContent.vue?vue&type=style&index=0&id=5f4f85b9&scoped=true&lang=scss&\";\n export default content && content.locals ? content.locals : undefined;\n","import { render, staticRenderFns } from \"./PackageVariant.vue?vue&type=template&id=189d8f0b&\"\nimport script from \"./PackageVariant.vue?vue&type=script&lang=js&\"\nexport * from \"./PackageVariant.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\n/* hot reload */\nif (module.hot) {\n var api = require(\"/home/louis/workspace/nextcloud/apps/photos/node_modules/vue-hot-reload-api/dist/index.js\")\n api.install(require('vue'))\n if (api.compatible) {\n module.hot.accept()\n if (!api.isRecorded('189d8f0b')) {\n api.createRecord('189d8f0b', component.options)\n } else {\n api.reload('189d8f0b', component.options)\n }\n module.hot.accept(\"./PackageVariant.vue?vue&type=template&id=189d8f0b&\", function () {\n api.rerender('189d8f0b', {\n render: render,\n staticRenderFns: staticRenderFns\n })\n })\n }\n}\ncomponent.options.__file = \"node_modules/vue-material-design-icons/PackageVariant.vue\"\nexport default component.exports","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexport default {\n name: \"PackageVariantIcon\",\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","import { render, staticRenderFns } from \"./TagContent.vue?vue&type=template&id=5f4f85b9&scoped=true&\"\nimport script from \"./TagContent.vue?vue&type=script&lang=js&\"\nexport * from \"./TagContent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TagContent.vue?vue&type=style&index=0&id=5f4f85b9&scoped=true&lang=scss&\"\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 \"5f4f85b9\",\n null\n \n)\n\n/* hot reload */\nif (module.hot) {\n var api = require(\"/home/louis/workspace/nextcloud/apps/photos/node_modules/vue-hot-reload-api/dist/index.js\")\n api.install(require('vue'))\n if (api.compatible) {\n module.hot.accept()\n if (!api.isRecorded('5f4f85b9')) {\n api.createRecord('5f4f85b9', component.options)\n } else {\n api.reload('5f4f85b9', component.options)\n }\n module.hot.accept(\"./TagContent.vue?vue&type=template&id=5f4f85b9&scoped=true&\", function () {\n api.rerender('5f4f85b9', {\n render: render,\n staticRenderFns: staticRenderFns\n })\n })\n }\n}\ncomponent.options.__file = \"src/views/TagContent.vue\"\nexport default component.exports","import mod from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TagContent.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!./TagContent.vue?vue&type=script&lang=js&\"","export * from \"-!../../node_modules/style-loader/dist/cjs.js!../../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!./TagContent.vue?vue&type=style&index=0&id=5f4f85b9&scoped=true&lang=scss&\"","import mod from \"-!../vue-loader/lib/index.js??vue-loader-options!./PackageVariant.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../vue-loader/lib/index.js??vue-loader-options!./PackageVariant.vue?vue&type=script&lang=js&\"","export * from \"-!../vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../vue-loader/lib/index.js??vue-loader-options!./PackageVariant.vue?vue&type=template&id=189d8f0b&\"","export * from \"-!../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TagContent.vue?vue&type=template&id=5f4f85b9&scoped=true&\"","var render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"span\",\n _vm._b(\n {\n staticClass: \"material-design-icon package-variant-icon\",\n attrs: {\n \"aria-hidden\": !_vm.title,\n \"aria-label\": _vm.title,\n role: \"img\",\n },\n on: {\n click: function ($event) {\n return _vm.$emit(\"click\", $event)\n },\n },\n },\n \"span\",\n _vm.$attrs,\n false\n ),\n [\n _c(\n \"svg\",\n {\n staticClass: \"material-design-icon__svg\",\n attrs: {\n fill: _vm.fillColor,\n width: _vm.size,\n height: _vm.size,\n viewBox: \"0 0 24 24\",\n },\n },\n [\n _c(\n \"path\",\n {\n attrs: {\n d: \"M2,10.96C1.5,10.68 1.35,10.07 1.63,9.59L3.13,7C3.24,6.8 3.41,6.66 3.6,6.58L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.66,6.72 20.82,6.88 20.91,7.08L22.36,9.6C22.64,10.08 22.47,10.69 22,10.96L21,11.54V16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V10.96C2.7,11.13 2.32,11.14 2,10.96M12,4.15V4.15L12,10.85V10.85L17.96,7.5L12,4.15M5,15.91L11,19.29V12.58L5,9.21V15.91M19,15.91V12.69L14,15.59C13.67,15.77 13.3,15.76 13,15.6V19.29L19,15.91M13.85,13.36L20.13,9.73L19.55,8.72L13.27,12.35L13.85,13.36Z\",\n },\n },\n [_vm.title ? _c(\"title\", [_vm._v(_vm._s(_vm.title))]) : _vm._e()]\n ),\n ]\n ),\n ]\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _vm.error\n ? _c(\"NcEmptyContent\", {\n attrs: { title: _vm.t(\"photos\", \"An error occurred\") },\n })\n : _vm.loading\n ? _c(\"NcLoadingIcon\", { staticClass: \"loader\" })\n : _c(\n \"div\",\n [\n _c(\n \"div\",\n { staticClass: \"photos-navigation\" },\n [\n _c(\n \"NcActions\",\n { staticClass: \"photos-navigation__back\" },\n [\n _c(\n \"NcActionButton\",\n {\n on: {\n click: function ($event) {\n return _vm.$router.push({ name: \"tags\" })\n },\n },\n scopedSlots: _vm._u([\n {\n key: \"icon\",\n fn: function () {\n return [_c(\"ArrowLeft\")]\n },\n proxy: true,\n },\n ]),\n },\n [\n _vm._v(\n \"\\n\\t\\t\\t\\t\" +\n _vm._s(_vm.t(\"photos\", \"Back to tags overview\")) +\n \"\\n\\t\\t\\t\"\n ),\n ]\n ),\n ],\n 1\n ),\n _vm._v(\" \"),\n _c(\"h2\", { staticClass: \"photos-navigation__title\" }, [\n _vm._v(\"\\n\\t\\t\\t\" + _vm._s(_vm.path) + \"\\n\\t\\t\"),\n ]),\n ],\n 1\n ),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"heading-subline\" }, [\n _vm._v(\n \"\\n\\t\\t\" +\n _vm._s(\n _vm.n(\"photos\", \"%n photo\", \"%n photos\", _vm.fileIds.length)\n ) +\n \"\\n\\t\"\n ),\n ]),\n _vm._v(\" \"),\n _vm.isEmpty\n ? _c(\"NcEmptyContent\", {\n attrs: {\n title: _vm.t(\"photos\", \"No photos with this tag yet\"),\n },\n })\n : _vm._e(),\n _vm._v(\" \"),\n _c(\"FilesListViewer\", {\n staticClass: \"tag__photos\",\n attrs: {\n \"container-element\": _vm.appContent,\n \"file-ids\": _vm.fileIds,\n \"base-height\": _vm.isMobile ? 120 : 200,\n loading: _vm.loading,\n },\n scopedSlots: _vm._u([\n {\n key: \"default\",\n fn: function (ref) {\n var file = ref.file\n var visibility = ref.visibility\n return _c(\"File\", {\n attrs: {\n file: _vm.files[file.id],\n \"allow-selection\": true,\n selected: _vm.selection[file.id] === true,\n visibility: visibility,\n semaphore: _vm.semaphore,\n },\n on: {\n click: _vm.openViewer,\n \"select-toggled\": _vm.onFileSelectToggle,\n },\n })\n },\n },\n ]),\n }),\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"names":[],"sourceRoot":""}