aboutsummaryrefslogtreecommitdiff
path: root/src/site/components
diff options
context:
space:
mode:
Diffstat (limited to 'src/site/components')
-rw-r--r--src/site/components/grid/Grid.vue17
-rw-r--r--src/site/components/grid/waterfall/Waterfall.vue9
-rw-r--r--src/site/components/grid/waterfall/WaterfallItem.vue2
-rw-r--r--src/site/components/grid/waterfall/old/waterfall-slot.vue76
-rw-r--r--src/site/components/grid/waterfall/old/waterfall.vue442
-rw-r--r--src/site/components/home/links/Links.vue4
-rw-r--r--src/site/components/logo/Logo.vue4
-rw-r--r--src/site/components/navbar/Navbar.vue8
-rw-r--r--src/site/components/sidebar/Sidebar.vue18
-rw-r--r--src/site/components/uploader/Uploader.vue26
10 files changed, 45 insertions, 561 deletions
diff --git a/src/site/components/grid/Grid.vue b/src/site/components/grid/Grid.vue
index 50e626b..615d68f 100644
--- a/src/site/components/grid/Grid.vue
+++ b/src/site/components/grid/Grid.vue
@@ -1,5 +1,5 @@
<style lang="scss" scoped>
- @import '../../styles/_colors.scss';
+ @import '~/assets/styles/_colors.scss';
.item-move {
transition: all .25s cubic-bezier(.55,0,.1,1);
-webkit-transition: all .25s cubic-bezier(.55,0,.1,1);
@@ -99,25 +99,25 @@
position="is-top">
<a :href="`${item.url}`"
target="_blank">
- <i class="icon-web-code"/>
+ <i class="icon-web-code" />
</a>
</b-tooltip>
<b-tooltip label="Albums"
position="is-top">
<a @click="manageAlbums(item)">
- <i class="icon-interface-window"/>
+ <i class="icon-interface-window" />
</a>
</b-tooltip>
<b-tooltip label="Tags"
position="is-top">
<a @click="manageTags(item)">
- <i class="icon-ecommerce-tag-c"/>
+ <i class="icon-ecommerce-tag-c" />
</a>
</b-tooltip>
<b-tooltip label="Delete"
position="is-top">
<a @click="deleteFile(item, index)">
- <i class="icon-editorial-trash-a-l"/>
+ <i class="icon-editorial-trash-a-l" />
</a>
</b-tooltip>
</div>
@@ -155,6 +155,11 @@ export default {
data() {
return { showWaterfall: true };
},
+ computed: {
+ config() {
+ return this.$store.state.config;
+ }
+ },
methods: {
deleteFile(file, index) {
this.$dialog.confirm({
@@ -165,7 +170,7 @@ export default {
hasIcon: true,
onConfirm: async () => {
try {
- const response = await this.axios.delete(`${this.$config.baseURL}/file/${file.id}`);
+ const response = await this.axios.delete(`${this.config.baseURL}/file/${file.id}`);
this.showWaterfall = false;
this.files.splice(index, 1);
this.$nextTick(() => {
diff --git a/src/site/components/grid/waterfall/Waterfall.vue b/src/site/components/grid/waterfall/Waterfall.vue
index 9827075..8631ea5 100644
--- a/src/site/components/grid/waterfall/Waterfall.vue
+++ b/src/site/components/grid/waterfall/Waterfall.vue
@@ -5,20 +5,19 @@
</style>
<template>
<div class="waterfall">
- <slot/>
+ <slot />
</div>
</template>
<script>
// import {quickSort, getMinIndex, _, sum} from './util'
const quickSort = (arr, type) => {
- let left = [];
- let right = [];
- let povis;
+ const left = [];
+ const right = [];
if (arr.length <= 1) {
return arr;
}
- povis = arr[0];
+ const povis = arr[0];
for (let i = 1; i < arr.length; i++) {
if (arr[i][type] < povis[type]) {
left.push(arr[i]);
diff --git a/src/site/components/grid/waterfall/WaterfallItem.vue b/src/site/components/grid/waterfall/WaterfallItem.vue
index 597cca6..a02ea1f 100644
--- a/src/site/components/grid/waterfall/WaterfallItem.vue
+++ b/src/site/components/grid/waterfall/WaterfallItem.vue
@@ -5,7 +5,7 @@
</style>
<template>
<div class="waterfall-item">
- <slot/>
+ <slot />
</div>
</template>
<script>
diff --git a/src/site/components/grid/waterfall/old/waterfall-slot.vue b/src/site/components/grid/waterfall/old/waterfall-slot.vue
deleted file mode 100644
index 07ca268..0000000
--- a/src/site/components/grid/waterfall/old/waterfall-slot.vue
+++ /dev/null
@@ -1,76 +0,0 @@
-<template>
- <div class="vue-waterfall-slot" v-show="isShow">
- <slot></slot>
- </div>
-</template>
-
-<style>
-.vue-waterfall-slot {
- position: absolute;
- margin: 0;
- padding: 0;
- box-sizing: border-box;
-}
-</style>
-
-<script>
-
-export default {
- data: () => ({
- isShow: false
- }),
- props: {
- width: {
- required: true,
- validator: (val) => val >= 0
- },
- height: {
- required: true,
- validator: (val) => val >= 0
- },
- order: {
- default: 0
- },
- moveClass: {
- default: ''
- }
- },
- methods: {
- notify () {
- this.$parent.$emit('reflow', this)
- },
- getMeta () {
- return {
- vm: this,
- node: this.$el,
- order: this.order,
- width: this.width,
- height: this.height,
- moveClass: this.moveClass
- }
- }
- },
- created () {
- this.rect = {
- top: 0,
- left: 0,
- width: 0,
- height: 0
- }
- this.$watch(() => (
- this.width,
- this.height
- ), this.notify)
- },
- mounted () {
- this.$parent.$once('reflowed', () => {
- this.isShow = true
- })
- this.notify()
- },
- destroyed () {
- this.notify()
- }
-}
-
-</script>
diff --git a/src/site/components/grid/waterfall/old/waterfall.vue b/src/site/components/grid/waterfall/old/waterfall.vue
deleted file mode 100644
index 84e3c98..0000000
--- a/src/site/components/grid/waterfall/old/waterfall.vue
+++ /dev/null
@@ -1,442 +0,0 @@
-<template>
- <div class="vue-waterfall" :style="style">
- <slot></slot>
- </div>
-</template>
-
-<style>
-.vue-waterfall {
- position: relative;
- /*overflow: hidden; cause clientWidth = 0 in IE if height not bigger than 0 */
-}
-</style>
-
-<script>
-
-const MOVE_CLASS_PROP = '_wfMoveClass'
-
-export default {
- props: {
- autoResize: {
- default: true
- },
- interval: {
- default: 200,
- validator: (val) => val >= 0
- },
- align: {
- default: 'left',
- validator: (val) => ~['left', 'right', 'center'].indexOf(val)
- },
- line: {
- default: 'v',
- validator: (val) => ~['v', 'h'].indexOf(val)
- },
- lineGap: {
- required: true,
- validator: (val) => val >= 0
- },
- minLineGap: {
- validator: (val) => val >= 0
- },
- maxLineGap: {
- validator: (val) => val >= 0
- },
- singleMaxWidth: {
- validator: (val) => val >= 0
- },
- fixedHeight: {
- default: false
- },
- grow: {
- validator: (val) => val instanceof Array
- },
- watch: {
- default: () => ({})
- }
- },
- data: () => ({
- style: {
- height: '',
- overflow: ''
- },
- token: null
- }),
- methods: {
- reflowHandler,
- autoResizeHandler,
- reflow
- },
- created () {
- this.virtualRects = []
- this.$on('reflow', () => {
- this.reflowHandler()
- })
- this.$watch(() => (
- this.align,
- this.line,
- this.lineGap,
- this.minLineGap,
- this.maxLineGap,
- this.singleMaxWidth,
- this.fixedHeight,
- this.watch
- ), this.reflowHandler)
- this.$watch('grow', this.reflowHandler)
- },
- mounted () {
- this.$watch('autoResize', this.autoResizeHandler)
- on(this.$el, getTransitionEndEvent(), tidyUpAnimations, true)
- this.autoResizeHandler(this.autoResize)
- },
- beforeDestroy () {
- this.autoResizeHandler(false)
- off(this.$el, getTransitionEndEvent(), tidyUpAnimations, true)
- }
-}
-
-function autoResizeHandler (autoResize) {
- if (autoResize === false || !this.autoResize) {
- off(window, 'resize', this.reflowHandler, false)
- } else {
- on(window, 'resize', this.reflowHandler, false)
- }
-}
-
-function tidyUpAnimations (event) {
- let node = event.target
- let moveClass = node[MOVE_CLASS_PROP]
- if (moveClass) {
- removeClass(node, moveClass)
- }
-}
-
-function reflowHandler () {
- clearTimeout(this.token)
- this.token = setTimeout(this.reflow, this.interval)
-}
-
-function reflow () {
- if (!this.$el) { return }
- let width = this.$el.clientWidth
- let metas = this.$children.map((slot) => slot.getMeta())
- metas.sort((a, b) => a.order - b.order)
- this.virtualRects = metas.map(() => ({}))
- calculate(this, metas, this.virtualRects)
- setTimeout(() => {
- if (isScrollBarVisibilityChange(this.$el, width)) {
- calculate(this, metas, this.virtualRects)
- }
- this.style.overflow = 'hidden'
- render(this.virtualRects, metas)
- this.$emit('reflowed', this)
- }, 0)
-}
-
-function isScrollBarVisibilityChange (el, lastClientWidth) {
- return lastClientWidth !== el.clientWidth
-}
-
-function calculate (vm, metas, styles) {
- let options = getOptions(vm)
- let processor = vm.line === 'h' ? horizontalLineProcessor : verticalLineProcessor
- processor.calculate(vm, options, metas, styles)
-}
-
-function getOptions (vm) {
- const maxLineGap = vm.maxLineGap ? +vm.maxLineGap : vm.lineGap
- return {
- align: ~['left', 'right', 'center'].indexOf(vm.align) ? vm.align : 'left',
- line: ~['v', 'h'].indexOf(vm.line) ? vm.line : 'v',
- lineGap: +vm.lineGap,
- minLineGap: vm.minLineGap ? +vm.minLineGap : vm.lineGap,
- maxLineGap: maxLineGap,
- singleMaxWidth: Math.max(vm.singleMaxWidth || 0, maxLineGap),
- fixedHeight: !!vm.fixedHeight,
- grow: vm.grow && vm.grow.map(val => +val)
- }
-}
-
-var verticalLineProcessor = (() => {
-
- function calculate (vm, options, metas, rects) {
- let width = vm.$el.clientWidth
- let grow = options.grow
- let strategy = grow
- ? getRowStrategyWithGrow(width, grow)
- : getRowStrategy(width, options)
- let tops = getArrayFillWith(0, strategy.count)
- metas.forEach((meta, index) => {
- let offset = tops.reduce((last, top, i) => top < tops[last] ? i : last, 0)
- let width = strategy.width[offset % strategy.count]
- let rect = rects[index]
- rect.top = tops[offset]
- rect.left = strategy.left + (offset ? sum(strategy.width.slice(0, offset)) : 0)
- rect.width = width
- rect.height = meta.height * (options.fixedHeight ? 1 : width / meta.width)
- tops[offset] = tops[offset] + rect.height
- })
- vm.style.height = Math.max.apply(Math, tops) + 'px'
- }
-
- function getRowStrategy (width, options) {
- let count = width / options.lineGap
- let slotWidth
- if (options.singleMaxWidth >= width) {
- count = 1
- slotWidth = Math.max(width, options.minLineGap)
- } else {
- let maxContentWidth = options.maxLineGap * ~~count
- let minGreedyContentWidth = options.minLineGap * ~~(count + 1)
- let canFit = maxContentWidth >= width
- let canFitGreedy = minGreedyContentWidth <= width
- if (canFit && canFitGreedy) {
- count = Math.round(count)
- slotWidth = width / count
- } else if (canFit) {
- count = ~~count
- slotWidth = width / count
- } else if (canFitGreedy) {
- count = ~~(count + 1)
- slotWidth = width / count
- } else {
- count = ~~count
- slotWidth = options.maxLineGap
- }
- if (count === 1) {
- slotWidth = Math.min(width, options.singleMaxWidth)
- slotWidth = Math.max(slotWidth, options.minLineGap)
- }
- }
- return {
- width: getArrayFillWith(slotWidth, count),
- count: count,
- left: getLeft(width, slotWidth * count, options.align)
- }
- }
-
- function getRowStrategyWithGrow (width, grow) {
- let total = sum(grow)
- return {
- width: grow.map(val => width * val / total),
- count: grow.length,
- left: 0
- }
- }
-
- return {
- calculate
- }
-
-})()
-
-var horizontalLineProcessor = (() => {
-
- function calculate (vm, options, metas, rects) {
- let width = vm.$el.clientWidth
- let total = metas.length
- let top = 0
- let offset = 0
- while (offset < total) {
- let strategy = getRowStrategy(width, options, metas, offset)
- for (let i = 0, left = 0, meta, rect; i < strategy.count; i++) {
- meta = metas[offset + i]
- rect = rects[offset + i]
- rect.top = top
- rect.left = strategy.left + left
- rect.width = meta.width * strategy.height / meta.height
- rect.height = strategy.height
- left += rect.width
- }
- offset += strategy.count
- top += strategy.height
- }
- vm.style.height = top + 'px'
- }
-
- function getRowStrategy (width, options, metas, offset) {
- let greedyCount = getGreedyCount(width, options.lineGap, metas, offset)
- let lazyCount = Math.max(greedyCount - 1, 1)
- let greedySize = getContentSize(width, options, metas, offset, greedyCount)
- let lazySize = getContentSize(width, options, metas, offset, lazyCount)
- let finalSize = chooseFinalSize(lazySize, greedySize, width)
- let height = finalSize.height
- let fitContentWidth = finalSize.width
- if (finalSize.count === 1) {
- fitContentWidth = Math.min(options.singleMaxWidth, width)
- height = metas[offset].height * fitContentWidth / metas[offset].width
- }
- return {
- left: getLeft(width, fitContentWidth, options.align),
- count: finalSize.count,
- height: height
- }
- }
-
- function getGreedyCount (rowWidth, rowHeight, metas, offset) {
- let count = 0
- for (let i = offset, width = 0; i < metas.length && width <= rowWidth; i++) {
- width += metas[i].width * rowHeight / metas[i].height
- count++
- }
- return count
- }
-
- function getContentSize (rowWidth, options, metas, offset, count) {
- let originWidth = 0
- for (let i = count - 1; i >= 0; i--) {
- let meta = metas[offset + i]
- originWidth += meta.width * options.lineGap / meta.height
- }
- let fitHeight = options.lineGap * rowWidth / originWidth
- let canFit = (fitHeight <= options.maxLineGap && fitHeight >= options.minLineGap)
- if (canFit) {
- return {
- cost: Math.abs(options.lineGap - fitHeight),
- count: count,
- width: rowWidth,
- height: fitHeight
- }
- } else {
- let height = originWidth > rowWidth ? options.minLineGap : options.maxLineGap
- return {
- cost: Infinity,
- count: count,
- width: originWidth * height / options.lineGap,
- height: height
- }
- }
- }
-
- function chooseFinalSize (lazySize, greedySize, rowWidth) {
- if (lazySize.cost === Infinity && greedySize.cost === Infinity) {
- return greedySize.width < rowWidth ? greedySize : lazySize
- } else {
- return greedySize.cost >= lazySize.cost ? lazySize : greedySize
- }
- }
-
- return {
- calculate
- }
-
-})()
-
-function getLeft (width, contentWidth, align) {
- switch (align) {
- case 'right':
- return width - contentWidth
- case 'center':
- return (width - contentWidth) / 2
- default:
- return 0
- }
-}
-
-function sum (arr) {
- return arr.reduce((sum, val) => sum + val)
-}
-
-function render (rects, metas) {
- let metasNeedToMoveByTransform = metas.filter((meta) => meta.moveClass)
- let firstRects = getRects(metasNeedToMoveByTransform)
- applyRects(rects, metas)
- let lastRects = getRects(metasNeedToMoveByTransform)
- metasNeedToMoveByTransform.forEach((meta, i) => {
- meta.node[MOVE_CLASS_PROP] = meta.moveClass
- setTransform(meta.node, firstRects[i], lastRects[i])
- })
- document.body.clientWidth // forced reflow
- metasNeedToMoveByTransform.forEach((meta) => {
- addClass(meta.node, meta.moveClass)
- clearTransform(meta.node)
- })
-}
-
-function getRects (metas) {
- return metas.map((meta) => meta.vm.rect)
-}
-
-function applyRects (rects, metas) {
- rects.forEach((rect, i) => {
- let style = metas[i].node.style
- metas[i].vm.rect = rect
- for (let prop in rect) {
- style[prop] = rect[prop] + 'px'
- }
- })
-}
-
-function setTransform (node, firstRect, lastRect) {
- let dx = firstRect.left - lastRect.left
- let dy = firstRect.top - lastRect.top
- let sw = firstRect.width / lastRect.width
- let sh = firstRect.height / lastRect.height
- node.style.transform =
- node.style.WebkitTransform = `translate(${dx}px,${dy}px) scale(${sw},${sh})`
- node.style.transitionDuration = '0s'
-}
-
-function clearTransform (node) {
- node.style.transform = node.style.WebkitTransform = ''
- node.style.transitionDuration = ''
-}
-
-function getTransitionEndEvent () {
- let isWebkitTrans =
- window.ontransitionend === undefined &&
- window.onwebkittransitionend !== undefined
- let transitionEndEvent = isWebkitTrans
- ? 'webkitTransitionEnd'
- : 'transitionend'
- return transitionEndEvent
-}
-
-/**
- * util
- */
-
-function getArrayFillWith (item, count) {
- let getter = (typeof item === 'function') ? () => item() : () => item
- let arr = []
- for (let i = 0; i < count; i++) {
- arr[i] = getter()
- }
- return arr
-}
-
-function addClass (elem, name) {
- if (!hasClass(elem, name)) {
- let cur = attr(elem, 'class').trim()
- let res = (cur + ' ' + name).trim()
- attr(elem, 'class', res)
- }
-}
-
-function removeClass (elem, name) {
- let reg = new RegExp('\\s*\\b' + name + '\\b\\s*', 'g')
- let res = attr(elem, 'class').replace(reg, ' ').trim()
- attr(elem, 'class', res)
-}
-
-function hasClass (elem, name) {
- return (new RegExp('\\b' + name + '\\b')).test(attr(elem, 'class'))
-}
-
-function attr (elem, name, value) {
- if (typeof value !== 'undefined') {
- elem.setAttribute(name, value)
- } else {
- return elem.getAttribute(name) || ''
- }
-}
-
-function on (elem, type, listener, useCapture = false) {
- elem.addEventListener(type, listener, useCapture)
-}
-
-function off (elem, type, listener, useCapture = false) {
- elem.removeEventListener(type, listener, useCapture)
-}
-
-</script>
diff --git a/src/site/components/home/links/Links.vue b/src/site/components/home/links/Links.vue
index ba1e493..0a5f218 100644
--- a/src/site/components/home/links/Links.vue
+++ b/src/site/components/home/links/Links.vue
@@ -1,5 +1,5 @@
<style lang="scss" scoped>
- @import '../../../styles/_colors.scss';
+ @import '~/assets/styles/_colors.scss';
.links {
margin-bottom: 3em;
align-items: stretch;
@@ -96,5 +96,5 @@
</div>
</template>
<script>
-export default {}
+export default {};
</script>
diff --git a/src/site/components/logo/Logo.vue b/src/site/components/logo/Logo.vue
index 2452b58..b083cb4 100644
--- a/src/site/components/logo/Logo.vue
+++ b/src/site/components/logo/Logo.vue
@@ -1,5 +1,5 @@
<style lang="scss" scoped>
- @import '../../styles/_colors.scss';
+ @import '~/assets/styles/_colors.scss';
#logo {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
@@ -50,7 +50,7 @@
<template>
<p id="logo">
- <img src="../../public/images/logo.png">
+ <img src="~/assets/images/logo.png">
</p>
</template>
diff --git a/src/site/components/navbar/Navbar.vue b/src/site/components/navbar/Navbar.vue
index 108c150..5b422ae 100644
--- a/src/site/components/navbar/Navbar.vue
+++ b/src/site/components/navbar/Navbar.vue
@@ -1,5 +1,5 @@
<style lang="scss" scoped>
- @import '../../styles/colors.scss';
+ @import '~/assets/styles/_colors.scss';
nav.navbar {
background: transparent;
box-shadow: none;
@@ -47,7 +47,7 @@
<div class="navbar-brand">
<router-link to="/"
class="navbar-item no-active">
- <i class="icon-ecommerce-safebox"/> {{ config.serviceName }}
+ <i class="icon-ecommerce-safebox" /> {{ config.serviceName }}
</router-link>
<!--
@@ -78,12 +78,12 @@
<router-link v-if="!loggedIn"
class="navbar-item"
- to="/login"><i class="hidden"/>Login</router-link>
+ to="/login"><i class="hidden" />Login</router-link>
<router-link v-else
to="/dashboard"
class="navbar-item no-active"
- exact><i class="hidden"/>Dashboard</router-link>
+ exact><i class="hidden" />Dashboard</router-link>
</div>
</nav>
</template>
diff --git a/src/site/components/sidebar/Sidebar.vue b/src/site/components/sidebar/Sidebar.vue
index 861ebea..77d0cdd 100644
--- a/src/site/components/sidebar/Sidebar.vue
+++ b/src/site/components/sidebar/Sidebar.vue
@@ -1,5 +1,5 @@
<style lang="scss" scoped>
- @import '../../styles/colors.scss';
+ @import '~/assets/styles/_colors.scss';
.dashboard-menu {
a {
display: block;
@@ -25,19 +25,17 @@
</style>
<template>
<div class="dashboard-menu">
- <router-link to="/"><i class="icon-ecommerce-safebox"/>lolisafe</router-link>
+ <router-link to="/"><i class="icon-ecommerce-safebox" />lolisafe</router-link>
<hr>
- <a><i class="icon-interface-cloud-upload"/>Upload files</a>
+ <a><i class="icon-interface-cloud-upload" />Upload files</a>
<hr>
- <router-link to="/dashboard"><i class="icon-com-pictures"/>Files</router-link>
- <router-link to="/dashboard/albums"><i class="icon-interface-window"/>Albums</router-link>
- <router-link to="/dashboard/tags"><i class="icon-ecommerce-tag-c"/>Tags</router-link>
+ <router-link to="/dashboard"><i class="icon-com-pictures" />Files</router-link>
+ <router-link to="/dashboard/albums"><i class="icon-interface-window" />Albums</router-link>
+ <router-link to="/dashboard/tags"><i class="icon-ecommerce-tag-c" />Tags</router-link>
<hr>
- <router-link to="/dashboard/settings"><i class="icon-setting-gear-a"/>Settings</router-link>
+ <router-link to="/dashboard/settings"><i class="icon-setting-gear-a" />Settings</router-link>
</div>
</template>
<script>
-export default {
-
-}
+export default {};
</script>
diff --git a/src/site/components/uploader/Uploader.vue b/src/site/components/uploader/Uploader.vue
index afafd55..bc157bb 100644
--- a/src/site/components/uploader/Uploader.vue
+++ b/src/site/components/uploader/Uploader.vue
@@ -8,8 +8,8 @@
expanded>
<option
v-for="album in albums"
- :value="album.id"
- :key="album.id">
+ :key="album.id"
+ :value="album.id">
{{ album.name }}
</option>
</b-select>
@@ -29,20 +29,20 @@
ref="template">
<div class="dz-preview dz-file-preview">
<div class="dz-details">
- <div class="dz-filename"><span data-dz-name/></div>
- <div class="dz-size"><span data-dz-size/></div>
+ <div class="dz-filename"><span data-dz-name /></div>
+ <div class="dz-size"><span data-dz-size /></div>
</div>
<div class="result">
<div class="copyLink">
<b-tooltip label="Copy link">
- <i class="icon-web-code"/>
+ <i class="icon-web-code" />
</b-tooltip>
</div>
<div class="openLink">
<b-tooltip label="Open file">
<a class="link"
target="_blank">
- <i class="icon-web-url"/>
+ <i class="icon-web-url" />
</a>
</b-tooltip>
</div>
@@ -51,14 +51,14 @@
<div>
<span>
<span class="error-message"
- data-dz-errormessage/>
- <i class="icon-web-warning"/>
+ data-dz-errormessage />
+ <i class="icon-web-warning" />
</span>
</div>
</div>
<div class="dz-progress">
<span class="dz-upload"
- data-dz-uploadprogress/>
+ data-dz-uploadprogress />
</div>
<!--
<div class="dz-error-message"><span data-dz-errormessage/></div>
@@ -72,7 +72,7 @@
<script>
import Dropzone from 'nuxt-dropzone';
-import '../../styles/dropzone.scss';
+import '~/assets/styles/dropzone.scss';
export default {
components: { Dropzone },
@@ -107,7 +107,7 @@ export default {
},
mounted() {
this.dropzoneOptions = {
- url: `${this.$config.baseURL}/upload`,
+ url: `${this.config.baseURL}/upload`,
autoProcessQueue: true,
addRemoveLinks: false,
parallelUploads: 5,
@@ -135,7 +135,7 @@ export default {
*/
async getAlbums() {
try {
- const response = await this.axios.get(`${this.$config.baseURL}/albums/dropdown`);
+ const response = await this.axios.get(`${this.config.baseURL}/albums/dropdown`);
this.albums = response.data.albums;
this.updateDropzoneConfig();
} catch (error) {
@@ -218,7 +218,7 @@ export default {
}
</style>
<style lang="scss">
- @import '../../styles/colors.scss';
+ @import '~/assets/styles/_colors.scss';
.filepond--panel-root {
background: transparent;
border: 2px solid #2c3340;
generated by cgit v1.2.3 (git 2.25.1) at 2026-05-14 08:01:16 +0000