mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-18 16:22:14 +00:00
vue components refactoring
This commit is contained in:
Čarodej
@@ -1,152 +0,0 @@
|
||||
<template>
|
||||
<ContentSidebar
|
||||
v-if="navigationTree && navigationTree.length >= 1 && isVisibleNavigationBars"
|
||||
class="relative lg:!grid"
|
||||
>
|
||||
<!--Full screen button-->
|
||||
<div
|
||||
@click="$store.dispatch('toggleNavigationBars')"
|
||||
class="absolute top-2.5 right-0 inline-block cursor-pointer p-3 opacity-20 transition-all duration-200 hover:opacity-70"
|
||||
>
|
||||
<chevrons-left-icon size="18" />
|
||||
</div>
|
||||
|
||||
<div class="mb-auto">
|
||||
<!--Locations-->
|
||||
<ContentGroup :title="$t('base')">
|
||||
<b
|
||||
@click="goHome"
|
||||
class="flex cursor-pointer items-center py-2.5"
|
||||
:class="{ 'router-link-active': $route.params.id === sharedDetail.data.attributes.item_id }"
|
||||
>
|
||||
<home-icon size="17" class="vue-feather icon-active mr-2.5" />
|
||||
<small class="text-active text-xs font-bold">
|
||||
{{ $t('home') }}
|
||||
</small>
|
||||
</b>
|
||||
</ContentGroup>
|
||||
|
||||
<!--Navigator-->
|
||||
<ContentGroup :title="$t('navigator')" can-collapse="true">
|
||||
<TreeMenuNavigator
|
||||
class="folder-tree"
|
||||
:depth="0"
|
||||
:nodes="folder"
|
||||
v-for="folder in navigationTree"
|
||||
:key="folder.id"
|
||||
/>
|
||||
</ContentGroup>
|
||||
</div>
|
||||
|
||||
<ContentGroup class="mt-auto">
|
||||
<router-link
|
||||
v-if="!config.isAuthenticated"
|
||||
:to="{ name: 'SignIn' }"
|
||||
class="group flex cursor-pointer items-center py-2.5"
|
||||
>
|
||||
<div class="button-icon inline-block cursor-pointer rounded-xl pr-3">
|
||||
<user-icon size="14" class="vue-feather group-hover-text-theme" />
|
||||
</div>
|
||||
<b class="group-hover-text-theme text-xs"> Sign In or Create Account </b>
|
||||
</router-link>
|
||||
<div
|
||||
@click="$store.dispatch('toggleThemeMode')"
|
||||
:title="$t('dark_mode_toggle')"
|
||||
class="group flex cursor-pointer items-center py-2.5"
|
||||
>
|
||||
<div class="button-icon inline-block cursor-pointer rounded-xl pr-3">
|
||||
<sun-icon v-if="isDarkMode" size="14" class="vue-feather group-hover-text-theme" />
|
||||
<moon-icon v-if="!isDarkMode" size="14" class="vue-feather group-hover-text-theme" />
|
||||
</div>
|
||||
<b class="group-hover-text-theme text-xs"> Set {{ isDarkMode ? 'Light' : 'Dark' }} Mode </b>
|
||||
</div>
|
||||
</ContentGroup>
|
||||
</ContentSidebar>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
UserIcon,
|
||||
SunIcon,
|
||||
MoonIcon,
|
||||
ChevronsLeftIcon,
|
||||
FolderIcon,
|
||||
HomeIcon,
|
||||
LinkIcon,
|
||||
Trash2Icon,
|
||||
UploadCloudIcon,
|
||||
UserCheckIcon,
|
||||
UsersIcon,
|
||||
XIcon,
|
||||
} from 'vue-feather-icons'
|
||||
import TreeMenuNavigator from '../../../components/Others/TreeMenuNavigator'
|
||||
import ContentSidebar from '../../../components/Sidebar/ContentSidebar'
|
||||
import ContentGroup from '../../../components/Sidebar/ContentGroup'
|
||||
import { events } from '../../../bus'
|
||||
import { mapGetters } from 'vuex'
|
||||
|
||||
export default {
|
||||
name: 'NavigationSharePanel',
|
||||
components: {
|
||||
TreeMenuNavigator,
|
||||
ContentSidebar,
|
||||
ContentGroup,
|
||||
UserIcon,
|
||||
SunIcon,
|
||||
MoonIcon,
|
||||
UploadCloudIcon,
|
||||
ChevronsLeftIcon,
|
||||
UserCheckIcon,
|
||||
FolderIcon,
|
||||
Trash2Icon,
|
||||
UsersIcon,
|
||||
HomeIcon,
|
||||
LinkIcon,
|
||||
XIcon,
|
||||
},
|
||||
computed: {
|
||||
...mapGetters([
|
||||
'sharedDetail',
|
||||
'navigation',
|
||||
'clipboard',
|
||||
'config',
|
||||
'user',
|
||||
'isVisibleNavigationBars',
|
||||
'isDarkMode',
|
||||
]),
|
||||
favourites() {
|
||||
return this.user.data.relationships.favourites.data.attributes.folders
|
||||
},
|
||||
storage() {
|
||||
return this.$store.getters.user.data.attributes.storage
|
||||
},
|
||||
tree() {
|
||||
return this.user.data.attributes.folders
|
||||
},
|
||||
navigationTree() {
|
||||
return this.navigation ? this.navigation[0].folders : undefined
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
draggedItem: undefined,
|
||||
area: false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
goHome() {
|
||||
this.$router.replace({
|
||||
name: 'Public',
|
||||
params: {
|
||||
token: this.sharedDetail.data.attributes.token,
|
||||
id: this.sharedDetail.data.attributes.item_id,
|
||||
},
|
||||
})
|
||||
},
|
||||
},
|
||||
created() {
|
||||
// Listen for dragstart folder items
|
||||
events.$on('dragstart', (item) => (this.draggedItem = item))
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@@ -1,252 +0,0 @@
|
||||
<template>
|
||||
<ContentSidebar v-if="isVisibleNavigationBars" class="relative">
|
||||
<!--Full screen button-->
|
||||
<div
|
||||
@click="$store.dispatch('toggleNavigationBars')"
|
||||
class="absolute top-[11px] right-1 inline-block cursor-pointer p-3 opacity-20 transition-all duration-200 hover:opacity-70"
|
||||
>
|
||||
<chevrons-left-icon size="18" />
|
||||
</div>
|
||||
|
||||
<!--Locations-->
|
||||
<ContentGroup
|
||||
v-for="(menu, i) in nav"
|
||||
:key="i"
|
||||
:title="menu.groupTitle"
|
||||
:slug="menu.groupTitle"
|
||||
:can-collapse="menu.groupCollapsable"
|
||||
>
|
||||
<router-link
|
||||
v-for="(item, i) in menu.groupLinks"
|
||||
:key="i"
|
||||
@click.native="resetData"
|
||||
:to="{ name: item.route }"
|
||||
class="flex items-center py-2.5"
|
||||
>
|
||||
<home-icon v-if="item.icon === 'home'" size="17" class="vue-feather icon-active mr-2.5" />
|
||||
<upload-cloud-icon
|
||||
v-if="item.icon === 'upload-cloud'"
|
||||
size="17"
|
||||
class="vue-feather icon-active mr-2.5"
|
||||
/>
|
||||
<link-icon v-if="item.icon === 'link'" size="17" class="vue-feather icon-active mr-2.5" />
|
||||
<trash2-icon v-if="item.icon === 'trash'" size="17" class="vue-feather icon-active mr-2.5" />
|
||||
<users-icon size="17" v-if="item.icon === 'users'" class="vue-feather icon-active mr-2.5" />
|
||||
<user-check-icon size="17" v-if="item.icon === 'user-check'" class="vue-feather icon-active mr-2.5" />
|
||||
|
||||
<b class="text-active text-xs font-bold">
|
||||
{{ item.title }}
|
||||
</b>
|
||||
</router-link>
|
||||
</ContentGroup>
|
||||
|
||||
<!--Navigator-->
|
||||
<ContentGroup v-if="navigation" :title="$t('navigator')" slug="navigator" :can-collapse="true">
|
||||
<small v-if="tree.length === 0" class="text-xs text-gray-500 dark:text-gray-500">
|
||||
{{ $t("not_any_folder") }}
|
||||
</small>
|
||||
<TreeMenuNavigator :depth="0" :nodes="folder" v-for="folder in tree" :key="folder.id" />
|
||||
</ContentGroup>
|
||||
|
||||
<!--Favourites-->
|
||||
<ContentGroup v-if="user" :title="$t('favourites')" slug="favourites" :can-collapse="true">
|
||||
<div
|
||||
@dragover.prevent="dragEnter"
|
||||
@dragleave="dragLeave"
|
||||
@drop="dragFinish($event)"
|
||||
:class="{ 'border-theme': area }"
|
||||
class="-ml-5 rounded-lg border-2 border-dashed border-transparent pl-5"
|
||||
>
|
||||
<!--Empty message-->
|
||||
<small v-if="favourites.length === 0" class="text-xs text-gray-500 dark:text-gray-500" :key="0">
|
||||
{{ $t('sidebar.favourites_empty') }}
|
||||
</small>
|
||||
|
||||
<!--Folder item-->
|
||||
<div
|
||||
@click="goToFolder(folder)"
|
||||
v-for="folder in favourites"
|
||||
:key="folder.data.id"
|
||||
class="group flex cursor-pointer items-center justify-between py-2.5"
|
||||
>
|
||||
<div class="flex items-center">
|
||||
<folder-icon
|
||||
size="17"
|
||||
class="vue-feather mr-2.5"
|
||||
:class="{
|
||||
'text-theme': $route.params.id === folder.data.id,
|
||||
}"
|
||||
/>
|
||||
<span
|
||||
class="max-w-1 overflow-hidden text-ellipsis whitespace-nowrap text-xs font-bold"
|
||||
:class="{
|
||||
'text-theme': $route.params.id === folder.data.id,
|
||||
}"
|
||||
>
|
||||
{{ folder.data.attributes.name }}
|
||||
</span>
|
||||
</div>
|
||||
<div @click.stop="$removeFavourite(folder)" class="-m-2 p-2">
|
||||
<x-icon size="12" class="mr-5 opacity-0 group-hover:opacity-100" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ContentGroup>
|
||||
</ContentSidebar>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
ChevronsLeftIcon,
|
||||
FolderIcon,
|
||||
HomeIcon,
|
||||
LinkIcon,
|
||||
Trash2Icon,
|
||||
UploadCloudIcon,
|
||||
UserCheckIcon,
|
||||
UsersIcon,
|
||||
XIcon,
|
||||
} from 'vue-feather-icons'
|
||||
import TreeMenuNavigator from '../../../components/Others/TreeMenuNavigator'
|
||||
import ContentSidebar from '../../../components/Sidebar/ContentSidebar'
|
||||
import ContentGroup from '../../../components/Sidebar/ContentGroup'
|
||||
import { events } from '../../../bus'
|
||||
import { mapGetters } from 'vuex'
|
||||
|
||||
export default {
|
||||
name: 'PanelNavigationFiles',
|
||||
components: {
|
||||
TreeMenuNavigator,
|
||||
ContentSidebar,
|
||||
ContentGroup,
|
||||
ChevronsLeftIcon,
|
||||
UploadCloudIcon,
|
||||
UserCheckIcon,
|
||||
FolderIcon,
|
||||
Trash2Icon,
|
||||
UsersIcon,
|
||||
HomeIcon,
|
||||
LinkIcon,
|
||||
XIcon,
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['isVisibleNavigationBars', 'navigation', 'clipboard', 'config', 'user']),
|
||||
favourites() {
|
||||
return this.user.data.relationships.favourites.data
|
||||
},
|
||||
storage() {
|
||||
return this.$store.getters.user.data.attributes.storage
|
||||
},
|
||||
tree() {
|
||||
return {
|
||||
RecentUploads: this.navigation[0].folders,
|
||||
MySharedItems: this.navigation[0].folders,
|
||||
Trash: this.navigation[0].folders,
|
||||
Public: this.navigation[0].folders,
|
||||
Files: this.navigation[0].folders,
|
||||
TeamFolders: this.navigation[1].folders,
|
||||
SharedWithMe: this.navigation[2].folders,
|
||||
}[this.$route.name]
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
draggedItem: undefined,
|
||||
area: false,
|
||||
nav: [
|
||||
{
|
||||
groupCollapsable: false,
|
||||
groupTitle: this.$t('sidebar.locations_title'),
|
||||
groupLinks: [
|
||||
{
|
||||
icon: 'home',
|
||||
route: 'Files',
|
||||
title: this.$t('sidebar.home'),
|
||||
},
|
||||
{
|
||||
icon: 'upload-cloud',
|
||||
route: 'RecentUploads',
|
||||
title: this.$t('sidebar.latest'),
|
||||
},
|
||||
{
|
||||
icon: 'link',
|
||||
route: 'MySharedItems',
|
||||
title: this.$t('publicly_shared'),
|
||||
},
|
||||
{
|
||||
icon: 'trash',
|
||||
route: 'Trash',
|
||||
title: this.$t('locations.trash'),
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
groupCollapsable: true,
|
||||
groupTitle: this.$t('collaboration'),
|
||||
groupLinks: [
|
||||
{
|
||||
icon: 'users',
|
||||
route: 'TeamFolders',
|
||||
title: this.$t('team_folders'),
|
||||
},
|
||||
{
|
||||
icon: 'user-check',
|
||||
route: 'SharedWithMe',
|
||||
title: this.$t('shared_with_me'),
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
resetData() {
|
||||
this.$store.commit('SET_CURRENT_TEAM_FOLDER', null)
|
||||
this.$store.commit('CLIPBOARD_CLEAR')
|
||||
},
|
||||
goToFolder(folder) {
|
||||
this.$router.push({ name: 'Files', params: { id: folder.data.id } })
|
||||
},
|
||||
dragLeave() {
|
||||
this.area = false
|
||||
},
|
||||
dragEnter() {
|
||||
if (this.draggedItem && this.draggedItem.data.type !== 'folder') return
|
||||
|
||||
if (this.clipboard.length > 0 && this.clipboard.find((item) => item.data.type !== 'folder')) return
|
||||
|
||||
this.area = true
|
||||
},
|
||||
dragFinish() {
|
||||
this.area = false
|
||||
|
||||
events.$emit('drop')
|
||||
|
||||
// Check if dragged item is folder
|
||||
if (this.draggedItem && this.draggedItem.data.type !== 'folder') return
|
||||
|
||||
// Check if folder exist in favourites
|
||||
if (this.favourites.find((folder) => folder.data.id === this.draggedItem.data.id)) return
|
||||
|
||||
// Prevent to move folders to self
|
||||
if (this.clipboard.length > 0 && this.clipboard.find((item) => item.data.type !== 'folder')) return
|
||||
|
||||
// Add to favourites non selected folder
|
||||
if (!this.clipboard.includes(this.draggedItem)) {
|
||||
this.$store.dispatch('addToFavourites', this.draggedItem)
|
||||
}
|
||||
|
||||
// Add to favourites selected folders
|
||||
if (this.clipboard.includes(this.draggedItem)) {
|
||||
this.$store.dispatch('addToFavourites', null)
|
||||
}
|
||||
},
|
||||
},
|
||||
created() {
|
||||
// Listen for dragstart folder items
|
||||
events.$on('dragstart', (item) => (this.draggedItem = item))
|
||||
|
||||
this.$store.dispatch('getFolderTree')
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@@ -210,20 +210,20 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import EmptyFilePage from '../../components/FilesView/EmptyFilePage'
|
||||
import FileActionsMobile from '../../components/FilesView/FileActionsMobile'
|
||||
import MobileActionButtonUpload from '../../components/FilesView/MobileActionButtonUpload'
|
||||
import MobileMultiSelectToolbar from '../../components/FilesView/MobileMultiSelectToolbar'
|
||||
import MobileActionButton from '../../components/FilesView/MobileActionButton'
|
||||
import MobileContextMenu from '../../components/FilesView/MobileContextMenu'
|
||||
import MobileCreateMenu from '../../components/FilesView/MobileCreateMenu'
|
||||
import ButtonUpload from '../../components/FilesView/ButtonUpload'
|
||||
import ToolbarButton from '../../components/FilesView/ToolbarButton'
|
||||
import OptionUpload from '../../components/FilesView/OptionUpload'
|
||||
import FileBrowser from '../../components/FilesView/FileBrowser'
|
||||
import ContextMenu from '../../components/FilesView/ContextMenu'
|
||||
import OptionGroup from '../../components/FilesView/OptionGroup'
|
||||
import Option from '../../components/FilesView/Option'
|
||||
import EmptyFilePage from '../../components/EntriesView/EmptyFilePage'
|
||||
import FileActionsMobile from '../../components/Mobile/FileActionsMobile'
|
||||
import MobileActionButtonUpload from '../../components/UI/Buttons/MobileActionButtonUpload'
|
||||
import MobileMultiSelectToolbar from '../../components/Layout/Toolbars/MobileMultiSelectToolbar'
|
||||
import MobileActionButton from '../../components/UI/Buttons/MobileActionButton'
|
||||
import MobileContextMenu from '../../components/Menus/MobileContextMenu'
|
||||
import MobileCreateMenu from '../../components/Menus/MobileCreateMenu'
|
||||
import ButtonUpload from '../../components/UI/Buttons/ButtonUpload'
|
||||
import ToolbarButton from '../../components/UI/Buttons/ToolbarButton'
|
||||
import OptionUpload from '../../components/Menus/Components/OptionUpload'
|
||||
import FileBrowser from '../../components/EntriesView/FileBrowser'
|
||||
import ContextMenu from '../../components/Menus/ContextMenu'
|
||||
import OptionGroup from '../../components/Menus/Components/OptionGroup'
|
||||
import Option from '../../components/Menus/Components/Option'
|
||||
import { mapGetters } from 'vuex'
|
||||
import { events } from '../../bus'
|
||||
|
||||
|
||||
@@ -122,17 +122,17 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import EmptyFilePage from '../../components/FilesView/EmptyFilePage'
|
||||
import FileActionsMobile from '../../components/FilesView/FileActionsMobile'
|
||||
import MobileActionButtonUpload from '../../components/FilesView/MobileActionButtonUpload'
|
||||
import MobileActionButton from '../../components/FilesView/MobileActionButton'
|
||||
import MobileMultiSelectToolbar from '../../components/FilesView/MobileMultiSelectToolbar'
|
||||
import MobileContextMenu from '../../components/FilesView/MobileContextMenu'
|
||||
import ToolbarButton from '../../components/FilesView/ToolbarButton'
|
||||
import FileBrowser from '../../components/FilesView/FileBrowser'
|
||||
import ContextMenu from '../../components/FilesView/ContextMenu'
|
||||
import OptionGroup from '../../components/FilesView/OptionGroup'
|
||||
import Option from '../../components/FilesView/Option'
|
||||
import EmptyFilePage from '../../components/EntriesView/EmptyFilePage'
|
||||
import FileActionsMobile from '../../components/Mobile/FileActionsMobile'
|
||||
import MobileActionButtonUpload from '../../components/UI/Buttons/MobileActionButtonUpload'
|
||||
import MobileActionButton from '../../components/UI/Buttons/MobileActionButton'
|
||||
import MobileMultiSelectToolbar from '../../components/Layout/Toolbars/MobileMultiSelectToolbar'
|
||||
import MobileContextMenu from '../../components/Menus/MobileContextMenu'
|
||||
import ToolbarButton from '../../components/UI/Buttons/ToolbarButton'
|
||||
import FileBrowser from '../../components/EntriesView/FileBrowser'
|
||||
import ContextMenu from '../../components/Menus/ContextMenu'
|
||||
import OptionGroup from '../../components/Menus/Components/OptionGroup'
|
||||
import Option from '../../components/Menus/Components/Option'
|
||||
import { mapGetters } from 'vuex'
|
||||
import { events } from '../../bus'
|
||||
|
||||
|
||||
@@ -181,19 +181,19 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import EmptyFilePage from '../../components/FilesView/EmptyFilePage'
|
||||
import FileActionsMobile from '../../components/FilesView/FileActionsMobile'
|
||||
import MobileMultiSelectToolbar from '../../components/FilesView/MobileMultiSelectToolbar'
|
||||
import MobileActionButton from '../../components/FilesView/MobileActionButton'
|
||||
import MobileContextMenu from '../../components/FilesView/MobileContextMenu'
|
||||
import MobileCreateMenu from '../../components/FilesView/MobileCreateMenu'
|
||||
import ToolbarButton from '../../components/FilesView/ToolbarButton'
|
||||
import OptionUpload from '../../components/FilesView/OptionUpload'
|
||||
import ButtonUpload from '../../components/FilesView/ButtonUpload'
|
||||
import FileBrowser from '../../components/FilesView/FileBrowser'
|
||||
import ContextMenu from '../../components/FilesView/ContextMenu'
|
||||
import OptionGroup from '../../components/FilesView/OptionGroup'
|
||||
import Option from '../../components/FilesView/Option'
|
||||
import EmptyFilePage from '../../components/EntriesView/EmptyFilePage'
|
||||
import FileActionsMobile from '../../components/Mobile/FileActionsMobile'
|
||||
import MobileMultiSelectToolbar from '../../components/Layout/Toolbars/MobileMultiSelectToolbar'
|
||||
import MobileActionButton from '../../components/UI/Buttons/MobileActionButton'
|
||||
import MobileContextMenu from '../../components/Menus/MobileContextMenu'
|
||||
import MobileCreateMenu from '../../components/Menus/MobileCreateMenu'
|
||||
import ToolbarButton from '../../components/UI/Buttons/ToolbarButton'
|
||||
import OptionUpload from '../../components/Menus/Components/OptionUpload'
|
||||
import ButtonUpload from '../../components/UI/Buttons/ButtonUpload'
|
||||
import FileBrowser from '../../components/EntriesView/FileBrowser'
|
||||
import ContextMenu from '../../components/Menus/ContextMenu'
|
||||
import OptionGroup from '../../components/Menus/Components/OptionGroup'
|
||||
import Option from '../../components/Menus/Components/Option'
|
||||
import { events } from '../../bus'
|
||||
import { mapGetters } from 'vuex'
|
||||
|
||||
|
||||
@@ -111,18 +111,18 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import EmptyFilePage from '../../components/FilesView/EmptyFilePage'
|
||||
import FileActionsMobile from '../../components/FilesView/FileActionsMobile'
|
||||
import MobileActionButtonUpload from '../../components/FilesView/MobileActionButtonUpload'
|
||||
import MobileActionButton from '../../components/FilesView/MobileActionButton'
|
||||
import MobileMultiSelectToolbar from '../../components/FilesView/MobileMultiSelectToolbar'
|
||||
import MobileContextMenu from '../../components/FilesView/MobileContextMenu'
|
||||
import ToolbarButton from '../../components/FilesView/ToolbarButton'
|
||||
import ButtonUpload from '../../components/FilesView/ButtonUpload'
|
||||
import FileBrowser from '../../components/FilesView/FileBrowser'
|
||||
import ContextMenu from '../../components/FilesView/ContextMenu'
|
||||
import OptionGroup from '../../components/FilesView/OptionGroup'
|
||||
import Option from '../../components/FilesView/Option'
|
||||
import EmptyFilePage from '../../components/EntriesView/EmptyFilePage'
|
||||
import FileActionsMobile from '../../components/Mobile/FileActionsMobile'
|
||||
import MobileActionButtonUpload from '../../components/UI/Buttons/MobileActionButtonUpload'
|
||||
import MobileActionButton from '../../components/UI/Buttons/MobileActionButton'
|
||||
import MobileMultiSelectToolbar from '../../components/Layout/Toolbars/MobileMultiSelectToolbar'
|
||||
import MobileContextMenu from '../../components/Menus/MobileContextMenu'
|
||||
import ToolbarButton from '../../components/UI/Buttons/ToolbarButton'
|
||||
import ButtonUpload from '../../components/UI/Buttons/ButtonUpload'
|
||||
import FileBrowser from '../../components/EntriesView/FileBrowser'
|
||||
import ContextMenu from '../../components/Menus/ContextMenu'
|
||||
import OptionGroup from '../../components/Menus/Components/OptionGroup'
|
||||
import Option from '../../components/Menus/Components/Option'
|
||||
import { mapGetters } from 'vuex'
|
||||
import { events } from '../../bus'
|
||||
|
||||
|
||||
@@ -158,22 +158,22 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import MobileTeamContextMenu from '../../components/FilesView/MobileTeamContextMenu'
|
||||
import EmptyFilePage from '../../components/FilesView/EmptyFilePage'
|
||||
import FileActionsMobile from '../../components/FilesView/FileActionsMobile'
|
||||
import MobileActionButtonUpload from '../../components/FilesView/MobileActionButtonUpload'
|
||||
import MobileMultiSelectToolbar from '../../components/FilesView/MobileMultiSelectToolbar'
|
||||
import MobileActionButton from '../../components/FilesView/MobileActionButton'
|
||||
import MobileContextMenu from '../../components/FilesView/MobileContextMenu'
|
||||
import MobileCreateMenu from '../../components/FilesView/MobileCreateMenu'
|
||||
import ButtonUpload from '../../components/FilesView/ButtonUpload'
|
||||
import ToolbarButton from '../../components/FilesView/ToolbarButton'
|
||||
import OptionUpload from '../../components/FilesView/OptionUpload'
|
||||
import FileBrowser from '../../components/FilesView/FileBrowser'
|
||||
import ContextMenu from '../../components/FilesView/ContextMenu'
|
||||
import OptionGroup from '../../components/FilesView/OptionGroup'
|
||||
import ButtonBase from '../../components/FilesView/ButtonBase'
|
||||
import Option from '../../components/FilesView/Option'
|
||||
import MobileTeamContextMenu from '../../components/Menus/MobileTeamContextMenu'
|
||||
import EmptyFilePage from '../../components/EntriesView/EmptyFilePage'
|
||||
import FileActionsMobile from '../../components/Mobile/FileActionsMobile'
|
||||
import MobileActionButtonUpload from '../../components/UI/Buttons/MobileActionButtonUpload'
|
||||
import MobileMultiSelectToolbar from '../../components/Layout/Toolbars/MobileMultiSelectToolbar'
|
||||
import MobileActionButton from '../../components/UI/Buttons/MobileActionButton'
|
||||
import MobileContextMenu from '../../components/Menus/MobileContextMenu'
|
||||
import MobileCreateMenu from '../../components/Menus/MobileCreateMenu'
|
||||
import ButtonUpload from '../../components/UI/Buttons/ButtonUpload'
|
||||
import ToolbarButton from '../../components/UI/Buttons/ToolbarButton'
|
||||
import OptionUpload from '../../components/Menus/Components/OptionUpload'
|
||||
import FileBrowser from '../../components/EntriesView/FileBrowser'
|
||||
import ContextMenu from '../../components/Menus/ContextMenu'
|
||||
import OptionGroup from '../../components/Menus/Components/OptionGroup'
|
||||
import ButtonBase from '../../components/UI/Buttons/ButtonBase'
|
||||
import Option from '../../components/Menus/Components/Option'
|
||||
import { mapGetters } from 'vuex'
|
||||
import { events } from '../../bus'
|
||||
|
||||
|
||||
@@ -224,22 +224,22 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import MobileTeamContextMenu from '../../components/FilesView/MobileTeamContextMenu'
|
||||
import EmptyFilePage from '../../components/FilesView/EmptyFilePage'
|
||||
import FileActionsMobile from '../../components/FilesView/FileActionsMobile'
|
||||
import MobileActionButtonUpload from '../../components/FilesView/MobileActionButtonUpload'
|
||||
import MobileMultiSelectToolbar from '../../components/FilesView/MobileMultiSelectToolbar'
|
||||
import MobileActionButton from '../../components/FilesView/MobileActionButton'
|
||||
import MobileContextMenu from '../../components/FilesView/MobileContextMenu'
|
||||
import MobileCreateMenu from '../../components/FilesView/MobileCreateMenu'
|
||||
import ButtonUpload from '../../components/FilesView/ButtonUpload'
|
||||
import ToolbarButton from '../../components/FilesView/ToolbarButton'
|
||||
import OptionUpload from '../../components/FilesView/OptionUpload'
|
||||
import FileBrowser from '../../components/FilesView/FileBrowser'
|
||||
import ContextMenu from '../../components/FilesView/ContextMenu'
|
||||
import OptionGroup from '../../components/FilesView/OptionGroup'
|
||||
import ButtonBase from '../../components/FilesView/ButtonBase'
|
||||
import Option from '../../components/FilesView/Option'
|
||||
import MobileTeamContextMenu from '../../components/Menus/MobileTeamContextMenu'
|
||||
import EmptyFilePage from '../../components/EntriesView/EmptyFilePage'
|
||||
import FileActionsMobile from '../../components/Mobile/FileActionsMobile'
|
||||
import MobileActionButtonUpload from '../../components/UI/Buttons/MobileActionButtonUpload'
|
||||
import MobileMultiSelectToolbar from '../../components/Layout/Toolbars/MobileMultiSelectToolbar'
|
||||
import MobileActionButton from '../../components/UI/Buttons/MobileActionButton'
|
||||
import MobileContextMenu from '../../components/Menus/MobileContextMenu'
|
||||
import MobileCreateMenu from '../../components/Menus/MobileCreateMenu'
|
||||
import ButtonUpload from '../../components/UI/Buttons/ButtonUpload'
|
||||
import ToolbarButton from '../../components/UI/Buttons/ToolbarButton'
|
||||
import OptionUpload from '../../components/Menus/Components/OptionUpload'
|
||||
import FileBrowser from '../../components/EntriesView/FileBrowser'
|
||||
import ContextMenu from '../../components/Menus/ContextMenu'
|
||||
import OptionGroup from '../../components/Menus/Components/OptionGroup'
|
||||
import ButtonBase from '../../components/UI/Buttons/ButtonBase'
|
||||
import Option from '../../components/Menus/Components/Option'
|
||||
import { mapGetters } from 'vuex'
|
||||
import { events } from '../../bus'
|
||||
|
||||
|
||||
@@ -111,17 +111,17 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import EmptyFilePage from '../../components/FilesView/EmptyFilePage'
|
||||
import FileActionsMobile from '../../components/FilesView/FileActionsMobile'
|
||||
import MobileActionButtonUpload from '../../components/FilesView/MobileActionButtonUpload'
|
||||
import MobileActionButton from '../../components/FilesView/MobileActionButton'
|
||||
import MobileMultiSelectToolbar from '../../components/FilesView/MobileMultiSelectToolbar'
|
||||
import MobileContextMenu from '../../components/FilesView/MobileContextMenu'
|
||||
import ToolbarButton from '../../components/FilesView/ToolbarButton'
|
||||
import FileBrowser from '../../components/FilesView/FileBrowser'
|
||||
import ContextMenu from '../../components/FilesView/ContextMenu'
|
||||
import OptionGroup from '../../components/FilesView/OptionGroup'
|
||||
import Option from '../../components/FilesView/Option'
|
||||
import EmptyFilePage from '../../components/EntriesView/EmptyFilePage'
|
||||
import FileActionsMobile from '../../components/Mobile/FileActionsMobile'
|
||||
import MobileActionButtonUpload from '../../components/UI/Buttons/MobileActionButtonUpload'
|
||||
import MobileActionButton from '../../components/UI/Buttons/MobileActionButton'
|
||||
import MobileMultiSelectToolbar from '../../components/Layout/Toolbars/MobileMultiSelectToolbar'
|
||||
import MobileContextMenu from '../../components/Menus/MobileContextMenu'
|
||||
import ToolbarButton from '../../components/UI/Buttons/ToolbarButton'
|
||||
import FileBrowser from '../../components/EntriesView/FileBrowser'
|
||||
import ContextMenu from '../../components/Menus/ContextMenu'
|
||||
import OptionGroup from '../../components/Menus/Components/OptionGroup'
|
||||
import Option from '../../components/Menus/Components/Option'
|
||||
import { mapGetters } from 'vuex'
|
||||
import { events } from '../../bus'
|
||||
|
||||
|
||||
@@ -157,24 +157,24 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import MobileMultiSelectToolbar from '../../components/FilesView/MobileMultiSelectToolbar'
|
||||
import MobileActionButton from '../../components/FilesView/MobileActionButton'
|
||||
import FileActionsMobile from '../../components/FilesView/FileActionsMobile'
|
||||
import MobileContextMenu from '../../components/FilesView/MobileContextMenu'
|
||||
import MobileMultiSelectToolbar from '../../components/Layout/Toolbars/MobileMultiSelectToolbar'
|
||||
import MobileActionButton from '../../components/UI/Buttons/MobileActionButton'
|
||||
import FileActionsMobile from '../../components/Mobile/FileActionsMobile'
|
||||
import MobileContextMenu from '../../components/Menus/MobileContextMenu'
|
||||
import VueFolderIcon from '../../components/Icons/VueFolderIcon'
|
||||
import MobileCreateMenu from '../../components/FilesView/MobileCreateMenu'
|
||||
import EmptyFilePage from '../../components/FilesView/EmptyFilePage'
|
||||
import ToolbarButton from '../../components/FilesView/ToolbarButton'
|
||||
import MemberAvatar from '../../components/FilesView/MemberAvatar'
|
||||
import ButtonUpload from '../../components/FilesView/ButtonUpload'
|
||||
import OptionUpload from '../../components/FilesView/OptionUpload'
|
||||
import FileBrowser from '../../components/FilesView/FileBrowser'
|
||||
import ContextMenu from '../../components/FilesView/ContextMenu'
|
||||
import OptionGroup from '../../components/FilesView/OptionGroup'
|
||||
import Option from '../../components/FilesView/Option'
|
||||
import MobileCreateMenu from '../../components/Menus/MobileCreateMenu'
|
||||
import EmptyFilePage from '../../components/EntriesView/EmptyFilePage'
|
||||
import ToolbarButton from '../../components/UI/Buttons/ToolbarButton'
|
||||
import MemberAvatar from '../../components/UI/Others/MemberAvatar'
|
||||
import ButtonUpload from '../../components/UI/Buttons/ButtonUpload'
|
||||
import OptionUpload from '../../components/Menus/Components/OptionUpload'
|
||||
import FileBrowser from '../../components/EntriesView/FileBrowser'
|
||||
import ContextMenu from '../../components/Menus/ContextMenu'
|
||||
import OptionGroup from '../../components/Menus/Components/OptionGroup'
|
||||
import Option from '../../components/Menus/Components/Option'
|
||||
import {events} from '../../bus'
|
||||
import {mapGetters} from 'vuex'
|
||||
import InfoBox from "../../components/Others/Forms/InfoBox";
|
||||
import InfoBox from "../../components/UI/Others/InfoBox";
|
||||
|
||||
export default {
|
||||
name: 'Files',
|
||||
|
||||
Reference in New Issue
Block a user