aboutsummaryrefslogtreecommitdiff
path: root/src/site/components/uploader
diff options
context:
space:
mode:
authorPitu <[email protected]>2020-04-11 00:52:06 +0900
committerPitu <[email protected]>2020-04-11 00:52:06 +0900
commit05c129ec322216356456cdcae517cd6c879a844a (patch)
treea53d125eb16946a878b6735b9583299df3584627 /src/site/components/uploader
parentchore: make use of sass (diff)
downloadhost.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.vue97
-rw-r--r--src/site/components/uploader/Uploader.vue20
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 {