mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-19 00:22:15 +00:00
41 lines
1.3 KiB
Vue
41 lines
1.3 KiB
Vue
<template>
|
|
<label
|
|
class="flex items-center py-4 px-5 group cursor-pointer hover:bg-light-background dark:hover:bg-4x-dark-foreground"
|
|
>
|
|
<div class="mr-4">
|
|
<upload-cloud-icon v-if="type === 'file'" size="17" class="vue-feather group-hover-text-theme" />
|
|
<folder-upload-icon v-if="type === 'folder'" size="17" class="vue-feather group-hover-text-theme" />
|
|
</div>
|
|
<div class="group-hover-text-theme text-sm font-bold text-left">
|
|
{{ title }}
|
|
|
|
<input v-if="type === 'file'" @change="emmitFiles" v-show="false" id="file" type="file" name="files[]" multiple />
|
|
<input v-if="type === 'folder'" @change="emmitFolder" v-show="false" id="folder" type="file" name="folders[]" webkitdirectory mozdirectory />
|
|
</div>
|
|
</label>
|
|
</template>
|
|
|
|
<script>
|
|
import FolderUploadIcon from './Icons/FolderUploadIcon'
|
|
import { UploadCloudIcon } from 'vue-feather-icons'
|
|
|
|
export default {
|
|
name: 'Option',
|
|
props: ['title', 'type'],
|
|
components: {
|
|
FolderUploadIcon,
|
|
UploadCloudIcon,
|
|
},
|
|
methods: {
|
|
emmitFiles(e) {
|
|
this.$uploadFiles(e.target.files)
|
|
},
|
|
emmitFolder(e) {
|
|
this.$store.commit('UPDATE_UPLOADING_FOLDER_STATE', true)
|
|
|
|
this.$uploadFiles(e.target.files)
|
|
},
|
|
},
|
|
}
|
|
</script>
|