MultiSelectToolbar.vue refactoring

This commit is contained in:
Peter Papp
2021-08-21 11:19:03 +02:00
parent a6e60d2efa
commit 1f529ae7e0
11 changed files with 222 additions and 169 deletions
+17 -1
View File
@@ -58,7 +58,6 @@
</template>
</MobileContextMenu>
<!--Show files & folders-->
<FileBrowser>
<template v-if="$checkPermission('editor')" v-slot:file-actions-mobile>
<MobileActionButton @click.native="$openSpotlight" icon="search">
@@ -102,10 +101,25 @@
</ButtonUpload>
</template>
</FileBrowser>
<MultiSelectToolbar>
<template v-slot:visitor>
<ToolbarButton @click.native="downloadItem" class="action-btn" source="download" :action="$t('actions.download')" />
</template>
<template v-slot:editor>
<ToolbarButton @click.native="$moveFileOrFolder(clipboard)" class="action-btn" source="move" :action="$t('actions.move')" :class="{'is-inactive' : clipboard.length < 1}" />
<ToolbarButton @click.native="$deleteFileOrFolder(clipboard)" class="action-btn" source="trash" :class="{'is-inactive' : clipboard.length < 1}" :action="$t('actions.delete')" />
<ToolbarButton @click.native="downloadItem" class="action-btn" source="download" :action="$t('actions.download')" />
</template>
</MultiSelectToolbar>
</div>
</template>
<script>
import MultiSelectToolbar from "/resources/js/components/FilesView/MultiSelectToolbar"
import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
import MobileContextMenu from "/resources/js/components/FilesView/MobileContextMenu"
import MobileActionButtonUpload from '/resources/js/components/FilesView/MobileActionButtonUpload'
import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
@@ -120,6 +134,8 @@
export default {
name: 'Files',
components: {
MultiSelectToolbar,
ToolbarButton,
MobileActionButtonUpload,
MobileActionButton,
MobileContextMenu,