← Back
Editing: HeaderNavigation-DLWOytuO.chunk.mjs.map
{"version":3,"file":"HeaderNavigation-DLWOytuO.chunk.mjs","sources":["../src/components/HeaderNavigation.vue"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<template>\n\t<div :class=\"{ 'photos-navigation--root': isRoot }\" class=\"photos-navigation\" role=\"toolbar\">\n\t\t<!-- Back navigation button -->\n\t\t<NcButton\n\t\t\tv-if=\"!isRoot\"\n\t\t\tclass=\"photos-navigation__back\"\n\t\t\t:aria-label=\"t('photos', 'Go back')\"\n\t\t\tvariant=\"tertiary\"\n\t\t\t@click=\"folderUp\">\n\t\t\t<template #icon>\n\t\t\t\t<ArrowLeft :size=\"20\" />\n\t\t\t</template>\n\t\t</NcButton>\n\n\t\t<!-- Main Navigation title -->\n\t\t<div class=\"photos-navigation__title\">\n\t\t\t<h1 class=\"photos-navigation__title__main\" @click=\"refresh\">\n\t\t\t\t{{ name }}\n\t\t\t</h1>\n\t\t\t<div class=\"photos-navigation__title__sub\" />\n\t\t\t<slot name=\"subtitle\" />\n\t\t</div>\n\n\t\t<!-- Main slot -->\n\t\t<div class=\"photos-navigation__content\">\n\t\t\t<div v-if=\"$slots.default\" class=\"photos-navigation__content__left\">\n\t\t\t\t<slot />\n\t\t\t</div>\n\n\t\t\t<NcLoadingIcon v-show=\"loading\" class=\"photos-navigation__loader\" />\n\n\t\t\t<div class=\"photos-navigation__content__right\">\n\t\t\t\t<slot name=\"right\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script lang='ts'>\nimport { t } from '@nextcloud/l10n'\nimport NcButton from '@nextcloud/vue/components/NcButton'\nimport NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'\nimport ArrowLeft from 'vue-material-design-icons/ArrowLeft.vue'\n\nexport default {\n\tname: 'HeaderNavigation',\n\n\tcomponents: {\n\t\tArrowLeft,\n\t\tNcButton,\n\t\tNcLoadingIcon,\n\t},\n\n\tinheritAttrs: false,\n\n\tprops: {\n\t\tloading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\tpath: {\n\t\t\ttype: String,\n\t\t\tdefault: '/',\n\t\t},\n\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\trootTitle: {\n\t\t\ttype: String,\n\t\t\tdefault: t('photos', 'Photos'),\n\t\t},\n\t},\n\n\tcomputed: {\n\t\tisRoot() {\n\t\t\tconst isRoot = this.path === '/'\n\t\t\treturn isRoot\n\t\t},\n\n\t\tname() {\n\t\t\tif (this.isRoot) {\n\t\t\t\treturn this.rootTitle\n\t\t\t}\n\t\t\treturn this.title\n\t\t},\n\t},\n\n\tmethods: {\n\t\tfolderUp() {\n\t\t\tthis.$router.push(this.$route.path.split('/').slice(0, -1).join('/'))\n\t\t},\n\n\t\trefresh() {\n\t\t\tthis.$emit('refresh')\n\t\t},\n\n\t\tt,\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.photos-navigation {\n\tposition: sticky;\n\tz-index: 20;\n\ttop: 0;\n\tdisplay: flex;\n\tgap: calc(2 * var(--app-navigation-padding));\n\talign-items: center;\n\tjustify-content: flex-start;\n\twidth: 100%;\n\t// Ensure to not overlap with app navigation toggle\n\tpadding-inline: calc(var(--default-clickable-area) + 2 * var(--app-navigation-padding)) var(--app-navigation-padding);\n\t// Align with app navigation toggle\n\tpadding-block: var(--app-navigation-padding);\n\tbackground: var(--color-main-background);\n\n\t&__title {\n\t\tmax-width: 45%;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\n\t\t&__main {\n\t\t\tcursor: pointer;\n\t\t\tfont-weight: 700;\n\t\t\tfont-size: 20px;\n\t\t\tline-height: 44px;\n\t\t}\n\n\t\t&__main, &__sub {\n\t\t\toverflow: hidden;\n\t\t\twhite-space: nowrap;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\t}\n\n\t&__loader {\n\t\tmargin-inline-start: 32px;\n\t}\n\n\t&__content {\n\t\tdisplay: flex;\n\t\tflex-grow: 1;\n\t\t// We need to wrap on small devices for accessibility\n\t\tflex-wrap: wrap;\n\t\tgap: 16px;\n\n\t\t&__left {\n\t\t\tdisplay: flex;\n\t\t\tflex-grow: 1;\n\t\t\talign-items: center;\n\t\t\tgap: 16px;\n\t\t\tflex-wrap: wrap;\n\t\t}\n\n\t\t&__right {\n\t\t\tdisplay: flex;\n\t\t\tflex-grow: 1;\n\t\t\talign-items: center;\n\t\t\tjustify-content: flex-end;\n\t\t\tflex-wrap: wrap;\n\t\t}\n\t}\n}\n</style>\n"],"names":["_sfc_main","ArrowLeft","NcButton","NcLoadingIcon","t"],"mappings":"+JAiDA,MAAAA,EAAA,CACA,KAAA,mBAEA,WAAA,CACA,UAAAC,EACA,SAAAC,EACA,cAAAC,CAAA,EAGA,aAAA,GAEA,MAAA,CACA,QAAA,CACA,KAAA,QACA,QAAA,EAAA,EAGA,KAAA,CACA,KAAA,OACA,QAAA,GAAA,EAGA,MAAA,CACA,KAAA,OACA,SAAA,EAAA,EAGA,UAAA,CACA,KAAA,OACA,QAAAC,EAAA,SAAA,QAAA,CAAA,CACA,EAGA,SAAA,CACA,QAAA,CAEA,OADA,KAAA,OAAA,GAEA,EAEA,MAAA,CACA,OAAA,KAAA,OACA,KAAA,UAEA,KAAA,KACA,CAAA,EAGA,QAAA,CACA,UAAA,CACA,KAAA,QAAA,KAAA,KAAA,OAAA,KAAA,MAAA,GAAA,EAAA,MAAA,EAAA,EAAA,EAAA,KAAA,GAAA,CAAA,CACA,EAEA,SAAA,CACA,KAAA,MAAA,SAAA,CACA,EAAA,EAEAA,CAAA,CAEA"}
Save File
Cancel