diff options
Diffstat (limited to 'src/site/components')
19 files changed, 166 insertions, 153 deletions
diff --git a/src/site/components/album/AlbumDetails.vue b/src/site/components/album/AlbumDetails.vue index 2d0bb5d..4067853 100644 --- a/src/site/components/album/AlbumDetails.vue +++ b/src/site/components/album/AlbumDetails.vue @@ -120,17 +120,17 @@ export default { props: { albumId: { type: Number, - default: 0, + default: 0 }, details: { type: Object, - default: () => ({}), - }, + default: () => ({}) + } }, data() { return { isCreatingLink: false, - isDeletingLinks: [], + isDeletingLinks: [] }; }, computed: mapState(['config', 'auth']), @@ -141,20 +141,20 @@ export default { updateLinkOptionsAction: 'albums/updateLinkOptions', createLinkAction: 'albums/createLink', createCustomLinkAction: 'albums/createCustomLink', - alert: 'alert/set', + alert: 'alert/set' }), promptDeleteAlbum(id) { this.$buefy.dialog.confirm({ type: 'is-danger', message: 'Are you sure you want to delete this album?', - onConfirm: () => this.deleteAlbum(id), + onConfirm: () => this.deleteAlbum(id) }); }, promptDeleteAlbumLink(albumId, identifier) { this.$buefy.dialog.confirm({ type: 'is-danger', message: 'Are you sure you want to delete this album link?', - onConfirm: () => this.deleteAlbumLink(albumId, identifier), + onConfirm: () => this.deleteAlbumLink(albumId, identifier) }); }, async deleteAlbum(id) { @@ -204,16 +204,16 @@ export default { message: 'Custom link identifier', inputAttrs: { placeholder: '', - maxlength: 10, + maxlength: 10 }, trapFocus: true, - onConfirm: (value) => this.$handler.executeAction('albums/createCustomLink', { albumId, value }), + onConfirm: (value) => this.$handler.executeAction('albums/createCustomLink', { albumId, value }) }); }, isDeleting(identifier) { return this.isDeletingLinks.indexOf(identifier) > -1; - }, - }, + } + } }; </script> diff --git a/src/site/components/album/AlbumEntry.vue b/src/site/components/album/AlbumEntry.vue index 2723b49..1e1b2cf 100644 --- a/src/site/components/album/AlbumEntry.vue +++ b/src/site/components/album/AlbumEntry.vue @@ -63,22 +63,22 @@ import AlbumDetails from '~/components/album/AlbumDetails.vue'; export default { components: { - AlbumDetails, + AlbumDetails }, props: { album: { type: Object, - default: () => ({}), - }, + default: () => ({}) + } }, computed: { ...mapGetters({ isExpandedGetter: 'albums/isExpanded', - getDetails: 'albums/getDetails', + getDetails: 'albums/getDetails' }), isExpanded() { return this.isExpandedGetter(this.album.id); - }, + } }, methods: { async toggleDetails(album) { @@ -86,8 +86,8 @@ export default { await this.$store.dispatch('albums/fetchDetails', album.id); } this.$store.commit('albums/toggleExpandedState', album.id); - }, - }, + } + } }; </script> diff --git a/src/site/components/footer/Footer.vue b/src/site/components/footer/Footer.vue index 19d18f2..b409cf5 100644 --- a/src/site/components/footer/Footer.vue +++ b/src/site/components/footer/Footer.vue @@ -81,8 +81,8 @@ export default { ...mapState({ version: (state) => state.config.version, serviceName: (state) => state.config.serviceName, - token: (state) => state.auth.token, - }), + token: (state) => state.auth.token + }) }, methods: { createShareXThing() { @@ -102,8 +102,8 @@ export default { }`; const sharexBlob = new Blob([sharexFile], { type: 'application/octet-binary' }); saveAs(sharexBlob, `${location.hostname}.sxcu`); - }, - }, + } + } }; </script> diff --git a/src/site/components/grid/Grid.vue b/src/site/components/grid/Grid.vue index 1fa3167..3a15335 100644 --- a/src/site/components/grid/Grid.vue +++ b/src/site/components/grid/Grid.vue @@ -162,37 +162,37 @@ import ImageInfo from '~/components/image-modal/ImageInfo.vue'; export default { components: { Waterfall, - ImageInfo, + ImageInfo }, props: { files: { type: Array, - default: () => [], + default: () => [] }, total: { type: Number, - default: 0, + default: 0 }, fixed: { type: Boolean, - default: false, + default: false }, isPublic: { type: Boolean, - default: false, + default: false }, width: { type: Number, - default: 150, + default: 150 }, enableSearch: { type: Boolean, - default: true, + default: true }, enableToolbar: { type: Boolean, - default: true, - }, + default: true + } }, data() { return { @@ -208,15 +208,15 @@ export default { modalData: { file: null, tags: null, - albums: null, - }, + albums: null + } }; }, computed: { ...mapState({ user: (state) => state.auth.user, albums: (state) => state.albums.tinyDetails, - images: (state) => state.images, + images: (state) => state.images }), blank() { // eslint-disable-next-line global-require, import/no-unresolved @@ -224,7 +224,7 @@ export default { }, gridFiles() { return (this.files || []).filter((v) => !v.hideFromList); - }, + } }, created() { // TODO: Create a middleware for this @@ -251,7 +251,7 @@ export default { } catch (e) { this.$store.dispatch('alert/set', { text: e.message, error: true }, { root: true }); } - }, + } }); }, isAlbumSelected(id) { @@ -279,12 +279,12 @@ export default { if (add) { response = await this.$store.dispatch('images/addToAlbum', { albumId: id, - fileId: this.showingModalForFile.id, + fileId: this.showingModalForFile.id }); } else { response = await this.$store.dispatch('images/removeFromAlbum', { albumId: id, - fileId: this.showingModalForFile.id, + fileId: this.showingModalForFile.id }); } @@ -332,8 +332,8 @@ export default { }, isHovered(id) { return this.hoveredItems.includes(id); - }, - }, + } + } }; </script> diff --git a/src/site/components/grid/waterfall/Waterfall.vue b/src/site/components/grid/waterfall/Waterfall.vue index 762cbbd..af2af3f 100644 --- a/src/site/components/grid/waterfall/Waterfall.vue +++ b/src/site/components/grid/waterfall/Waterfall.vue @@ -20,29 +20,29 @@ const imagesloaded = isBrowser ? require('imagesloaded') : null; export default { name: 'Waterfall', components: { - WaterfallItem, + WaterfallItem }, props: { options: { type: Object, - default: () => {}, + default: () => {} }, items: { type: Array, - default: () => [], + default: () => [] }, itemWidth: { type: Number, - default: 150, + default: 150 }, gutterWidth: { type: Number, - default: 10, + default: 10 }, gutterHeight: { type: Number, - default: 4, - }, + default: 4 + } }, mounted() { this.initializeMasonry(); @@ -62,7 +62,7 @@ export default { node, () => { this.masonry.layout(); - }, + } ); }, performLayout() { @@ -101,7 +101,7 @@ export default { removed, appended, prepended, - moved, + moved }; }, initializeMasonry() { @@ -111,8 +111,8 @@ export default { { columnWidth: this.itemWidth, gutter: this.gutterWidth, - ...this.options, - }, + ...this.options + } ); this.domChildren = this.getNewDomChildren(); } @@ -122,8 +122,8 @@ export default { const children = this.options && this.options.itemSelector ? node.querySelectorAll(this.options.itemSelector) : node.children; return Array.prototype.slice.call(children); - }, - }, + } + } }; </script> diff --git a/src/site/components/grid/waterfall/WaterfallItem.vue b/src/site/components/grid/waterfall/WaterfallItem.vue index c5cade1..2a18606 100644 --- a/src/site/components/grid/waterfall/WaterfallItem.vue +++ b/src/site/components/grid/waterfall/WaterfallItem.vue @@ -5,6 +5,6 @@ </template> <script> export default { - name: 'WaterfallItem', + name: 'WaterfallItem' }; </script> diff --git a/src/site/components/home/links/Links.vue b/src/site/components/home/links/Links.vue index 41bd271..b20649f 100644 --- a/src/site/components/home/links/Links.vue +++ b/src/site/components/home/links/Links.vue @@ -1,6 +1,7 @@ <template> <div class="links"> - <a href="https://github.com/WeebDev/lolisafe" + <a + href="https://github.com/WeebDev/lolisafe" target="_blank" class="link"> <header class="bd-footer-star-header"> @@ -8,15 +9,21 @@ <p class="bd-footer-subtitle">Deploy your own lolisafe</p> </header> </a> - <div v-if="loggedIn" + <div + v-if="loggedIn" class="link" @click="createShareXThing"> <header class="bd-footer-star-header"> - <h4 class="bd-footer-title">ShareX</h4> - <p class="bd-footer-subtitle">Upload from your Desktop</p> + <h4 class="bd-footer-title"> + ShareX + </h4> + <p class="bd-footer-subtitle"> + Upload from your Desktop + </p> </header> </div> - <a href="https://chrome.google.com/webstore/detail/lolisafe-uploader/enkkmplljfjppcdaancckgilmgoiofnj" + <a + href="https://chrome.google.com/webstore/detail/lolisafe-uploader/enkkmplljfjppcdaancckgilmgoiofnj" target="_blank" class="link"> <header class="bd-footer-star-header"> @@ -24,17 +31,23 @@ <p class="bd-footer-subtitle">Upload from any website</p> </header> </a> - <router-link to="/faq" + <router-link + to="/faq" class="link"> <header class="bd-footer-star-header"> - <h4 class="bd-footer-title">FAQ</h4> - <p class="bd-footer-subtitle">We got you covered</p> + <h4 class="bd-footer-title"> + FAQ + </h4> + <p class="bd-footer-subtitle"> + We got you covered + </p> </header> </router-link> </div> </template> <script> import { saveAs } from 'file-saver'; + export default { computed: { loggedIn() { diff --git a/src/site/components/image-modal/AlbumInfo.vue b/src/site/components/image-modal/AlbumInfo.vue index 8974a11..17c375a 100644 --- a/src/site/components/image-modal/AlbumInfo.vue +++ b/src/site/components/image-modal/AlbumInfo.vue @@ -31,21 +31,21 @@ export default { props: { imageId: { type: Number, - default: 0, + default: 0 }, imageAlbums: { type: Array, - default: () => [], + default: () => [] }, albums: { type: Array, - default: () => [], - }, + default: () => [] + } }, data() { return { selectedOptions: [], - orderedAlbums: [], + orderedAlbums: [] }; }, created() { @@ -65,7 +65,7 @@ export default { return selectedA ? -1 : 1; } return a.name.localeCompare(b.name); - }, + } ); }, isAlbumSelected(id) { @@ -78,15 +78,15 @@ export default { if (this.selectedOptions.indexOf(id) > -1) { this.$handler.executeAction('images/addToAlbum', { albumId: id, - fileId: this.imageId, + fileId: this.imageId }); } else { this.$handler.executeAction('images/removeFromAlbum', { albumId: id, - fileId: this.imageId, + fileId: this.imageId }); } - }, - }, + } + } }; </script> diff --git a/src/site/components/image-modal/ImageInfo.vue b/src/site/components/image-modal/ImageInfo.vue index 0562e1f..73b6339 100644 --- a/src/site/components/image-modal/ImageInfo.vue +++ b/src/site/components/image-modal/ImageInfo.vue @@ -118,25 +118,25 @@ import Taginfo from './TagInfo.vue'; export default { components: { Taginfo, - Albuminfo, + Albuminfo }, props: { file: { type: Object, - default: () => ({}), + default: () => ({}) }, albums: { type: Array, - default: () => ([]), + default: () => ([]) }, tags: { type: Array, - default: () => ([]), - }, + default: () => ([]) + } }, computed: mapState({ images: (state) => state.images, - tinyDetails: (state) => state.albums.tinyDetails, + tinyDetails: (state) => state.albums.tinyDetails }), methods: { formatBytes(bytes, decimals = 2) { @@ -152,8 +152,8 @@ export default { }, isVideo(type) { return type.startsWith('video'); - }, - }, + } + } }; </script> diff --git a/src/site/components/image-modal/TagInfo.vue b/src/site/components/image-modal/TagInfo.vue index a337148..59d01f5 100644 --- a/src/site/components/image-modal/TagInfo.vue +++ b/src/site/components/image-modal/TagInfo.vue @@ -23,24 +23,24 @@ export default { props: { imageId: { type: Number, - default: 0, + default: 0 }, imageTags: { type: Array, - default: () => [], - }, + default: () => [] + } }, data() { return { - filteredTags: [], + filteredTags: [] }; }, computed: { ...mapState({ - tags: (state) => state.tags.tagsList, + tags: (state) => state.tags.tagsList }), selectedTags() { return this.imageTags.map((e) => e.name); }, - lowercaseTags() { return this.imageTags.map((e) => e.name.toLowerCase()); }, + lowercaseTags() { return this.imageTags.map((e) => e.name.toLowerCase()); } }, methods: { getFilteredTags(str) { @@ -78,8 +78,8 @@ export default { }, tagRemoved(tag) { this.$handler.executeAction('images/removeTag', { fileId: this.imageId, tagName: tag }); - }, - }, + } + } }; </script> diff --git a/src/site/components/loading/CubeShadow.vue b/src/site/components/loading/CubeShadow.vue index bbfdb52..71b5da5 100644 --- a/src/site/components/loading/CubeShadow.vue +++ b/src/site/components/loading/CubeShadow.vue @@ -9,16 +9,16 @@ export default { props: { size: { type: String, - default: '60px', + default: '60px' }, background: { type: String, - default: '#9C27B0', + default: '#9C27B0' }, duration: { type: String, - default: '1.8s', - }, + default: '1.8s' + } }, computed: { styles() { @@ -26,10 +26,10 @@ export default { width: this.size, height: this.size, backgroundColor: this.background, - animationDuration: this.duration, + animationDuration: this.duration }; - }, - }, + } + } }; </script> diff --git a/src/site/components/loading/Origami.vue b/src/site/components/loading/Origami.vue index cd1c087..59c5d8f 100644 --- a/src/site/components/loading/Origami.vue +++ b/src/site/components/loading/Origami.vue @@ -20,8 +20,8 @@ export default { props: { size: { type: String, - default: '40px', - }, + default: '40px' + } }, computed: { innerStyles() { @@ -31,10 +31,10 @@ export default { styles() { return { width: this.size, - height: this.size, + height: this.size }; - }, - }, + } + } }; </script> diff --git a/src/site/components/loading/PingPong.vue b/src/site/components/loading/PingPong.vue index d562e9f..c04ae72 100644 --- a/src/site/components/loading/PingPong.vue +++ b/src/site/components/loading/PingPong.vue @@ -19,8 +19,8 @@ export default { props: { size: { type: String, - default: '60px', - }, + default: '60px' + } }, computed: { innerStyles() { @@ -30,10 +30,10 @@ export default { styles() { return { width: this.size, - height: this.size, + height: this.size }; - }, - }, + } + } }; </script> diff --git a/src/site/components/loading/RotateSquare.vue b/src/site/components/loading/RotateSquare.vue index 089e01a..7bc9bb0 100644 --- a/src/site/components/loading/RotateSquare.vue +++ b/src/site/components/loading/RotateSquare.vue @@ -9,18 +9,18 @@ export default { props: { size: { type: String, - default: '40px', - }, + default: '40px' + } }, computed: { styles() { return { width: this.size, height: this.size, - display: 'inline-block', + display: 'inline-block' }; - }, - }, + } + } }; </script> diff --git a/src/site/components/navbar/Navbar.vue b/src/site/components/navbar/Navbar.vue index 1b1f10e..22d41d4 100644 --- a/src/site/components/navbar/Navbar.vue +++ b/src/site/components/navbar/Navbar.vue @@ -73,22 +73,22 @@ export default { props: { isWhite: { type: Boolean, - default: false, - }, + default: false + } }, data() { return { hamburger: false }; }, computed: { ...mapGetters({ loggedIn: 'auth/isLoggedIn' }), - ...mapState(['config']), + ...mapState(['config']) }, methods: { async logOut() { await this.$store.dispatch('auth/logout'); this.$router.replace('/login'); - }, - }, + } + } }; </script> diff --git a/src/site/components/search-input/SearchInput.vue b/src/site/components/search-input/SearchInput.vue index abc433a..1c5b983 100644 --- a/src/site/components/search-input/SearchInput.vue +++ b/src/site/components/search-input/SearchInput.vue @@ -90,11 +90,11 @@ export default { value: [Number, String], data: { type: Array, - default: () => [], + default: () => [] }, field: { type: String, - default: 'value', + default: 'value' }, keepFirst: Boolean, clearOnSelect: Boolean, @@ -106,12 +106,12 @@ export default { maxHeight: [String, Number], dropdownPosition: { type: String, - default: 'auto', + default: 'auto' }, iconRight: String, iconRightClickable: Boolean, appendToBody: Boolean, - customSelector: Function, + customSelector: Function }, data() { return { @@ -125,7 +125,7 @@ export default { style: {}, _isAutocomplete: true, _elementRef: 'input', - _bodyEl: undefined, // Used to append to body + _bodyEl: undefined // Used to append to body }; }, computed: { @@ -202,9 +202,9 @@ export default { // eslint-disable-next-line no-nested-ternary maxHeight: this.maxHeight === undefined // eslint-disable-next-line no-restricted-globals - ? null : (isNaN(this.maxHeight) ? this.maxHeight : `${this.maxHeight}px`), + ? null : (isNaN(this.maxHeight) ? this.maxHeight : `${this.maxHeight}px`) }; - }, + } }, watch: { /** @@ -258,7 +258,7 @@ export default { if (this.keepFirst) { this.selectFirstOption(value); } - }, + } }, created() { if (typeof window !== 'undefined') { @@ -507,10 +507,10 @@ export default { left: `${left}px`, width: `${trigger.clientWidth}px`, maxWidth: `${trigger.clientWidth}px`, - zIndex: '99', + zIndex: '99' }; } - }, - }, + } + } }; </script> diff --git a/src/site/components/search/Search.vue b/src/site/components/search/Search.vue index 72a5707..778474c 100644 --- a/src/site/components/search/Search.vue +++ b/src/site/components/search/Search.vue @@ -36,13 +36,13 @@ import SearchInput from '~/components/search-input/SearchInput.vue'; export default { components: { - SearchInput, + SearchInput }, props: { hiddenHints: { type: Array, - default: () => [], - }, + default: () => [] + } }, data() { return { @@ -51,35 +51,35 @@ export default { { 'name': 'tag', 'valueFormat': 'name', - 'hint': '', + 'hint': '' }, { 'name': 'album', 'valueFormat': 'name', - 'hint': '', + 'hint': '' }, { 'name': 'before', 'valueFormat': 'specific date', - 'hint': '', + 'hint': '' }, { 'name': 'during', 'valueFormat': 'specific date', - 'hint': '', + 'hint': '' }, { 'name': 'after', 'valueFormat': 'specific date', - 'hint': '', + 'hint': '' }, { 'name': 'file', 'valueFormat': 'generated name', - 'hint': '', - }, + 'hint': '' + } ], - filteredHints: [], + filteredHints: [] }; }, created() { @@ -122,8 +122,8 @@ export default { if (/:$/gi.test(this.query)) { return; } } this.$emit('search', this.query, event); - }, - }, + } + } }; </script> diff --git a/src/site/components/sidebar/Sidebar.vue b/src/site/components/sidebar/Sidebar.vue index 2e8ca9e..e0c8fa2 100644 --- a/src/site/components/sidebar/Sidebar.vue +++ b/src/site/components/sidebar/Sidebar.vue @@ -48,7 +48,7 @@ import { mapState } from 'vuex'; export default { computed: mapState({ - user: (state) => state.auth.user, + user: (state) => state.auth.user }), methods: { isRouteActive(id) { @@ -56,8 +56,8 @@ export default { return true; } return false; - }, - }, + } + } }; </script> diff --git a/src/site/components/uploader/Uploader.vue b/src/site/components/uploader/Uploader.vue index 7e2d446..2740bee 100644 --- a/src/site/components/uploader/Uploader.vue +++ b/src/site/components/uploader/Uploader.vue @@ -88,15 +88,15 @@ export default { files: [], dropzoneOptions: {}, showDropzone: false, - selectedAlbum: null, + selectedAlbum: null }; }, computed: { ...mapState({ config: (state) => state.config, - albums: (state) => state.albums.tinyDetails, + albums: (state) => state.albums.tinyDetails }), - ...mapGetters({ loggedIn: 'auth/isLoggedIn', token: 'auth/getToken' }), + ...mapGetters({ loggedIn: 'auth/isLoggedIn', token: 'auth/getToken' }) }, watch: { loggedIn() { @@ -104,7 +104,7 @@ export default { }, selectedAlbum() { this.updateDropzoneConfig(); - }, + } }, mounted() { this.dropzoneOptions = { @@ -127,7 +127,7 @@ export default { maxFilesize: this.config.maxFileSize, previewTemplate: this.$refs.template.innerHTML, dictDefaultMessage: 'Drag & Drop your files or click to browse', - headers: { Accept: 'application/vnd.lolisafe.json' }, + headers: { Accept: 'application/vnd.lolisafe.json' } }; this.showDropzone = true; if (this.loggedIn) this.getAlbums(); @@ -154,7 +154,7 @@ export default { this.$refs.el.setOption('headers', { Accept: 'application/vnd.lolisafe.json', Authorization: this.token ? `Bearer ${this.token}` : '', - albumId: this.selectedAlbum ? this.selectedAlbum : null, + albumId: this.selectedAlbum ? this.selectedAlbum : null }); }, @@ -170,7 +170,7 @@ export default { dropzoneError(file, message, xhr) { this.$store.dispatch('alert', { text: 'There was an error uploading this file. Check the console.', - error: true, + error: true }); // eslint-disable-next-line no-console console.error(file, message, xhr); @@ -182,8 +182,8 @@ export default { original: file.name, size: file.size, type: file.type, - count: file.upload.totalChunkCount, - }], + count: file.upload.totalChunkCount + }] }); this.processResult(file, data); @@ -205,8 +205,8 @@ export default { this.$clipboard(response.url); }); */ - }, - }, + } + } }; </script> <style lang="scss" scoped> |