Peps
/
v3.0.0
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

chore: remove filepond

This commit is contained in:
Pitu 2020-04-11 00:52:06 +09:00
parent 3fb303380e
commit 05c129ec32
6 changed files with 1 additions and 136 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -46,7 +46,6 @@
"express": "^4.16.4",
"express-rate-limit": "^3.4.0",
"file-saver": "^2.0.1",
"filepond": "^4.7.2",
"flexsearch": "^0.6.22",
"fluent-ffmpeg": "^2.1.2",
"fs-jetpack": "^2.2.2",
@ -70,7 +69,6 @@
"uuid": "^3.3.2",
"v-clipboard": "^2.2.1",
"vue-axios": "^2.1.4",
"vue-filepond": "^5.1.3",
"vue-isyourpasswordsafe": "^1.0.2",
"vue-plyr": "^5.1.0",
"vue-timeago": "^3.4.4",

97
src/site/components/uploader/Filepond.vue
View File

@ -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>

20
src/site/components/uploader/Uploader.vue
View File

@ -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 {

3
src/site/layouts/default.vue
View File

@ -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;

5
src/site/pages/index.vue
View File

@ -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: [] };

10
yarn.lock
View File

@ -3895,11 +3895,6 @@ file-uri-to-path@1.0.0:
resolved "https://registry.yarnpkg.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"
integrity sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==
filepond@^4.7.2:
version "4.13.0"
resolved "https://registry.yarnpkg.com/filepond/-/filepond-4.13.0.tgz#d97938cd9f456b1e96d8c85979308c07cf47ac49"
integrity sha512-M9bNneR2EBrhXqNMHZLDRZVRSPJ5fUa8hjKyfMuJ8dV61qW1oPsFWZY2Ubx7WmVKZXnBLJCef2WNGh6CaIoTew==
filesize@^3.6.1:
version "3.6.1"
resolved "https://registry.yarnpkg.com/filesize/-/filesize-3.6.1.tgz#090bb3ee01b6f801a8a8be99d31710b3422bb317"
@ -9783,11 +9778,6 @@ vue-eslint-parser@^5.0.0:
esquery "^1.0.1"
lodash "^4.17.11"
vue-filepond@^5.1.3:
version "5.1.3"
resolved "https://registry.yarnpkg.com/vue-filepond/-/vue-filepond-5.1.3.tgz#de9bb492492f143e6877a65e9fa1bd8efb55671d"
integrity sha512-XUq92twmXwUzKQZw43dMQyRrOZSqvipzSGMY1Km+UNZwQcV5fqvzymtc3JpsLbAdYMkxK1xtmyulJ4Xs7BnrzA==
vue-hot-reload-api@^2.3.0:
version "2.3.4"
resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"