nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-20 08:52:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

added prettier

Browse Source
This commit is contained in:
Čarodej
2022-02-01 12:21:38 +01:00
parent 5ae875233b
commit b38b532cbe
284 changed files with 25410 additions and 25338 deletions
Download Patch File Download Diff File Expand all files Collapse all files

178
resources/js/views/Platform.vue
View File

@@ -1,16 +1,15 @@
<template>
<div class="lg:flex lg:h-screen lg:overflow-hidden">
<!--On Top of App Components-->
<FilePreview />
<Spotlight />
<Spotlight />
<!--Popups-->
<!--Popups-->
<ProcessingPopup />
<ConfirmPopup />
<CreateTeamFolderPopup />
<EditTeamFolderPopup />
<CreateTeamFolderPopup />
<EditTeamFolderPopup />
<ShareCreatePopup />
<ShareEditPopup />
@@ -19,111 +18,100 @@
<RenameItemPopup />
<MoveItemPopup />
<!--Mobile components-->
<!--Mobile components-->
<FileSortingMobile />
<FileFilterMobile />
<!--Navigations-->
<!--Navigations-->
<MobileNavigation />
<!--Others-->
<!--Others-->
<DragUI />
<!--2 col Sidebars-->
<!--2 col Sidebars-->
<SidebarNavigation />
<PanelNavigationFiles />
<PanelNavigationFiles />
<div
@contextmenu.prevent.capture="contextMenu($event, undefined)"
class="lg:grid lg:content-start lg:flex-grow lg:px-3.5 transition-transform duration-200"
>
<DesktopToolbar />
<div @contextmenu.prevent.capture="contextMenu($event, undefined)" class="transition-transform duration-200 lg:grid lg:flex-grow lg:content-start lg:px-3.5">
<DesktopToolbar />
<MobileToolbar />
<MobileToolbar />
<!--File list & info sidebar-->
<div class="flex space-x-3 lg:overflow-hidden lg:h-screen">
<!--File list & info sidebar-->
<div class="flex space-x-3 lg:h-screen lg:overflow-hidden">
<router-view id="file-view" class="relative w-full" :key="$route.fullPath" />
<router-view
id="file-view"
class="relative w-full"
:key="$route.fullPath"
/>
<InfoSidebar v-if="isVisibleSidebar" />
</div>
</div>
<InfoSidebar v-if="isVisibleSidebar" />
</div>
</div>
</div>
</template>
<script>
import FileSortingMobile from "../components/FilesView/FileSortingMobile";
import SidebarNavigation from "../components/Sidebar/SidebarNavigation";
import FileFilterMobile from '../components/FilesView/FileFilterMobile'
import CreateFolderPopup from '../components/Others/CreateFolderPopup'
import ProcessingPopup from '../components/FilesView/ProcessingPopup'
import MobileNavigation from '../components/Others/MobileNavigation'
import ShareCreatePopup from '../components/Others/ShareCreatePopup'
import DesktopToolbar from '../components/FilesView/DesktopToolbar'
import CreateTeamFolderPopup from "../components/Teams/CreateTeamFolderPopup"
import ConfirmPopup from '../components/Others/Popup/ConfirmPopup'
import RenameItemPopup from '../components/Others/RenameItemPopup'
import PanelNavigationFiles from "./FileView/Components/PanelNavigationFiles"
import MobileToolbar from '../components/FilesView/MobileToolbar'
import ShareEditPopup from '../components/Others/ShareEditPopup'
import FilePreview from '../components/FilePreview/FilePreview'
import MoveItemPopup from '../components/Others/MoveItemPopup'
import EditTeamFolderPopup from "../components/Teams/EditTeamFolderPopup"
import Spotlight from '../components/Spotlight/Spotlight'
import DragUI from '../components/FilesView/DragUI'
import InfoSidebar from "../components/FilesView/InfoSidebar"
import {events} from '../bus'
import {mapGetters} from "vuex"
import FileSortingMobile from '../components/FilesView/FileSortingMobile'
import SidebarNavigation from '../components/Sidebar/SidebarNavigation'
import FileFilterMobile from '../components/FilesView/FileFilterMobile'
import CreateFolderPopup from '../components/Others/CreateFolderPopup'
import ProcessingPopup from '../components/FilesView/ProcessingPopup'
import MobileNavigation from '../components/Others/MobileNavigation'
import ShareCreatePopup from '../components/Others/ShareCreatePopup'
import DesktopToolbar from '../components/FilesView/DesktopToolbar'
import CreateTeamFolderPopup from '../components/Teams/CreateTeamFolderPopup'
import ConfirmPopup from '../components/Others/Popup/ConfirmPopup'
import RenameItemPopup from '../components/Others/RenameItemPopup'
import PanelNavigationFiles from './FileView/Components/PanelNavigationFiles'
import MobileToolbar from '../components/FilesView/MobileToolbar'
import ShareEditPopup from '../components/Others/ShareEditPopup'
import FilePreview from '../components/FilePreview/FilePreview'
import MoveItemPopup from '../components/Others/MoveItemPopup'
import EditTeamFolderPopup from '../components/Teams/EditTeamFolderPopup'
import Spotlight from '../components/Spotlight/Spotlight'
import DragUI from '../components/FilesView/DragUI'
import InfoSidebar from '../components/FilesView/InfoSidebar'
import { events } from '../bus'
import { mapGetters } from 'vuex'
export default {
name: 'Platform',
components: {
CreateTeamFolderPopup,
PanelNavigationFiles,
EditTeamFolderPopup,
CreateFolderPopup,
FileSortingMobile,
SidebarNavigation,
FileFilterMobile,
MobileNavigation,
ShareCreatePopup,
ProcessingPopup,
RenameItemPopup,
ShareEditPopup,
DesktopToolbar,
MoveItemPopup,
MobileToolbar,
ConfirmPopup,
InfoSidebar,
FilePreview,
Spotlight,
DragUI,
},
computed: {
...mapGetters([
'isVisibleSidebar',
'isLimitedUser',
])
},
data() {
return {
isScaledDown: false
}
},
methods: {
contextMenu(event, item) {
events.$emit('context-menu:show', event, item)
},
},
mounted() {
// TODO: new scaledown effect
events.$on('mobile-menu:show', () => this.isScaledDown = true)
events.$on('mobile-menu:hide', () => this.isScaledDown = false)
}
}
export default {
name: 'Platform',
components: {
CreateTeamFolderPopup,
PanelNavigationFiles,
EditTeamFolderPopup,
CreateFolderPopup,
FileSortingMobile,
SidebarNavigation,
FileFilterMobile,
MobileNavigation,
ShareCreatePopup,
ProcessingPopup,
RenameItemPopup,
ShareEditPopup,
DesktopToolbar,
MoveItemPopup,
MobileToolbar,
ConfirmPopup,
InfoSidebar,
FilePreview,
Spotlight,
DragUI,
},
computed: {
...mapGetters(['isVisibleSidebar', 'isLimitedUser']),
},
data() {
return {
isScaledDown: false,
}
},
methods: {
contextMenu(event, item) {
events.$emit('context-menu:show', event, item)
},
},
mounted() {
// TODO: new scaledown effect
events.$on('mobile-menu:show', () => (this.isScaledDown = true))
events.$on('mobile-menu:hide', () => (this.isScaledDown = false))
},
}
</script>