diff options
| author | Pitu <[email protected]> | 2020-04-11 00:52:06 +0900 |
|---|---|---|
| committer | Pitu <[email protected]> | 2020-04-11 00:52:06 +0900 |
| commit | 05c129ec322216356456cdcae517cd6c879a844a (patch) | |
| tree | a53d125eb16946a878b6735b9583299df3584627 /src/site/components/uploader | |
| parent | chore: make use of sass (diff) | |
| download | host.fuwn.me-05c129ec322216356456cdcae517cd6c879a844a.tar.xz host.fuwn.me-05c129ec322216356456cdcae517cd6c879a844a.zip | |
chore: remove filepond
Diffstat (limited to 'src/site/components/uploader')
| -rw-r--r-- | src/site/components/uploader/Filepond.vue | 97 | ||||
| -rw-r--r-- | src/site/components/uploader/Uploader.vue | 20 |
2 files changed, 0 insertions, 117 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 { |