diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/site/components/uploader/Filepond.vue | 97 | ||||
| -rw-r--r-- | src/site/components/uploader/Uploader.vue | 20 | ||||
| -rw-r--r-- | src/site/layouts/default.vue | 3 | ||||
| -rw-r--r-- | src/site/pages/index.vue | 5 |
4 files changed, 1 insertions, 124 deletions
diff --git a/src/site/components/uploader/Filepond.vue b/src/site/components/uploader/Filepond.vue deleted file mode 100644 index 1ee5288..0000000 --- a/src/site/components/uploader/Filepond.vue +++ /dev/null @@ -1,97 +0,0 @@ -<template> - <file-pond - ref="pond" - name="test" - class="pond" - class-name="my-pond" - label-idle="Drop files here or click to browse" - :allow-multiple="true" - :files="myFiles" - :max-files="1000" - :chunk-uploads="true" - :chunk-size:="50 * 1000000" - :server="server" - @init="handleFilePondInit" - @error="handleFilePondError" - @addfile="handleFilePondAddFile" /> -</template> - -<script> -// Import Vue FilePond -import vueFilePond from 'vue-filepond'; - -// Import FilePond styles -import 'filepond/dist/filepond.min.css'; - -// Import FilePond plugins -// Please note that you need to install these plugins separately - -// Import image preview plugin styles -// import 'filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css'; - -// Import image preview and file type validation plugins -// import FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type'; -// import FilePondPluginImagePreview from 'filepond-plugin-image-preview'; - -// Create component -const FilePond = vueFilePond(); // FilePondPluginFileValidateType, FilePondPluginImagePreview); - -export default { - components: { - FilePond - }, - data() { - return { - myFiles: [], - server: { - url: 'http://localhost:5000', - process: { - url: '/api/upload', - method: 'POST', - headers: { - 'Accept': 'application/vnd.lolisafe.json' - }, - timeout: 300000, // 5 minutes - onload: response => console.log(response) - } - } - }; - }, - methods: { - handleFilePondInit() { - console.log('FilePond has initialized'); - console.log(this.$refs.pond); - // FilePond instance methods are available on `this.$refs.pond` - }, - handleFilePondError(error) { - console.log(error); - }, - handleFilePondAddFile(error, file) { - console.log(error, file); - } - } -}; -</script> -<style lang="scss"> -.pond { - width: 400px; - margin: 0 auto; - - .filepond--browser.filepond--browser { - height: 100%; - padding-top: 1.75rem; - top: 0; - left: 0; - width: 100%; - cursor: pointer; - } -} - -.pond.mini { - position: absolute; - width: 300px; - height: auto; - top: calc(50% - 40px); - left: calc(50% - 150px); -} -</style> diff --git a/src/site/components/uploader/Uploader.vue b/src/site/components/uploader/Uploader.vue index d9ed46a..9974e1d 100644 --- a/src/site/components/uploader/Uploader.vue +++ b/src/site/components/uploader/Uploader.vue @@ -225,26 +225,6 @@ export default { </style> <style lang="scss"> @import '~/assets/styles/_colors.scss'; - .filepond--panel-root { - background: transparent; - border: 2px solid #2c3340; - } - .filepond--drop-label { - color: #c7ccd8; - pointer-events: none; - } - - .filepond--item-panel { - background-color: #767b8b; - } - - .filepond--root .filepond--drip-blob { - background-color: #7f8a9a - } - - .filepond--drip { - background: black; - } div.uploader-wrapper { &.has-files { diff --git a/src/site/layouts/default.vue b/src/site/layouts/default.vue index f33a61a..e69a21c 100644 --- a/src/site/layouts/default.vue +++ b/src/site/layouts/default.vue @@ -2,16 +2,13 @@ <div v-bar> <div> <div class="layout"> - <!--<Uploader />--> <nuxt-child id="app" /> </div> </div> </div> </template> <script> -import Uploader from '~/components/uploader/Filepond.vue'; export default { - components: { Uploader }, computed: { config() { return this.$store.state.config; diff --git a/src/site/pages/index.vue b/src/site/pages/index.vue index 0fcb4de..861a24f 100644 --- a/src/site/pages/index.vue +++ b/src/site/pages/index.vue @@ -65,7 +65,6 @@ </div> <div class="spacer mt7" /> <Uploader v-if="config.publicMode || (!config.publicMode && loggedIn)" /> - <!--<Filepond v-if="config.publicMode || (!config.publicMode && loggedIn)" />--> <div v-else> This site has disabled public uploads. You need an account. </div> @@ -85,7 +84,6 @@ import Navbar from '~/components/navbar/Navbar.vue'; import Logo from '~/components/logo/Logo.vue'; import Uploader from '~/components/uploader/Uploader.vue'; import Links from '~/components/home/links/Links.vue'; -import Filepond from '~/components/uploader/Filepond.vue'; export default { name: 'Home', @@ -93,8 +91,7 @@ export default { Navbar, Logo, Uploader, - Links, - Filepond + Links }, data() { return { albums: [] }; |