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

215
resources/js/views/Shared.vue
View File

@@ -1,12 +1,11 @@
<template>
<div class="sm:flex md:h-screen md:overflow-hidden">
<!--Loading Spinner-->
<Spinner v-if="isLoading" />
<!--File preview window-->
<FilePreview />
<Spotlight />
<Spotlight />
<!--Popups-->
<ProcessingPopup />
@@ -24,125 +23,125 @@
<DragUI />
<Alert />
<NavigationSharePanel v-if="sharedDetail && $router.currentRoute.name === 'Public'"/>
<NavigationSharePanel v-if="sharedDetail && $router.currentRoute.name === 'Public'" />
<div
@contextmenu.prevent.capture="contextMenu($event, undefined)"
class="md:grid md:content-start sm:flex-grow sm:px-3.5 transition-transform duration-300"
:class="{'transform scale-97 origin-center': isScaledDown}"
>
<DesktopToolbar />
<div
@contextmenu.prevent.capture="contextMenu($event, undefined)"
class="transition-transform duration-300 sm:flex-grow sm:px-3.5 md:grid md:content-start"
:class="{ 'origin-center scale-97 transform': isScaledDown }"
>
<DesktopToolbar />
<MobileToolbar />
<MobileToolbar />
<!--File list & info sidebar-->
<div class="flex space-x-6 md:overflow-hidden md:h-full">
<!--File list & info sidebar-->
<div class="flex space-x-6 md:h-full md:overflow-hidden">
<router-view
id="file-view"
:class="{
'w-full md:w-4/6 2xl:w-5/6': isVisibleSidebar,
'w-full': !isVisibleSidebar,
}"
class="relative"
:key="$route.fullPath"
/>
<router-view
id="file-view"
:class="{'2xl:w-5/6 md:w-4/6 w-full': isVisibleSidebar, 'w-full': ! isVisibleSidebar}"
class="relative"
:key="$route.fullPath"
/>
<InfoSidebar
v-if="isVisibleSidebar"
class="2xl:w-72 w-2/6 overflow-y-auto overflow-x-hidden h-screen md:block hidden"
/>
</div>
</div>
<InfoSidebar v-if="isVisibleSidebar" class="hidden h-screen w-2/6 overflow-y-auto overflow-x-hidden md:block 2xl:w-72" />
</div>
</div>
</div>
</template>
<script>
import MobileToolbar from "../components/FilesView/MobileToolbar";
import InfoSidebar from "../components/FilesView/InfoSidebar";
import MobileMultiSelectToolbar from "../components/FilesView/MobileMultiSelectToolbar";
import FileSortingMobile from "../components/FilesView/FileSortingMobile";
import CreateFolderPopup from "../components/Others/CreateFolderPopup";
import ProcessingPopup from "../components/FilesView/ProcessingPopup";
import NavigationSharePanel from "./FileView/Components/NavigationSharePanel"
import RenameItemPopup from "../components/Others/RenameItemPopup";
import FilePreview from "../components/FilePreview/FilePreview";
import MoveItemPopup from "../components/Others/MoveItemPopup";
import DesktopToolbar from "../components/FilesView/DesktopToolbar"
import Spinner from "../components/FilesView/Spinner";
import Vignette from "../components/Others/Vignette";
import DragUI from "../components/FilesView/DragUI";
import Alert from "../components/FilesView/Alert";
import Spotlight from "../components/Spotlight/Spotlight"
import {events} from '../bus'
import {mapGetters} from 'vuex'
import MobileToolbar from '../components/FilesView/MobileToolbar'
import InfoSidebar from '../components/FilesView/InfoSidebar'
import MobileMultiSelectToolbar from '../components/FilesView/MobileMultiSelectToolbar'
import FileSortingMobile from '../components/FilesView/FileSortingMobile'
import CreateFolderPopup from '../components/Others/CreateFolderPopup'
import ProcessingPopup from '../components/FilesView/ProcessingPopup'
import NavigationSharePanel from './FileView/Components/NavigationSharePanel'
import RenameItemPopup from '../components/Others/RenameItemPopup'
import FilePreview from '../components/FilePreview/FilePreview'
import MoveItemPopup from '../components/Others/MoveItemPopup'
import DesktopToolbar from '../components/FilesView/DesktopToolbar'
import Spinner from '../components/FilesView/Spinner'
import Vignette from '../components/Others/Vignette'
import DragUI from '../components/FilesView/DragUI'
import Alert from '../components/FilesView/Alert'
import Spotlight from '../components/Spotlight/Spotlight'
import { events } from '../bus'
import { mapGetters } from 'vuex'
export default {
name: 'Shared',
components: {
MobileToolbar,
InfoSidebar,
NavigationSharePanel,
MobileMultiSelectToolbar,
CreateFolderPopup,
FileSortingMobile,
ProcessingPopup,
RenameItemPopup,
DesktopToolbar,
MoveItemPopup,
FilePreview,
Spotlight,
Vignette,
Spinner,
DragUI,
Alert,
},
computed: {
...mapGetters([
'isVisibleSidebar',
'sharedDetail',
'config',
])
},
data() {
return {
isLoading: true,
isScaledDown: false
export default {
name: 'Shared',
components: {
MobileToolbar,
InfoSidebar,
NavigationSharePanel,
MobileMultiSelectToolbar,
CreateFolderPopup,
FileSortingMobile,
ProcessingPopup,
RenameItemPopup,
DesktopToolbar,
MoveItemPopup,
FilePreview,
Spotlight,
Vignette,
Spinner,
DragUI,
Alert,
},
computed: {
...mapGetters(['isVisibleSidebar', 'sharedDetail', 'config']),
},
data() {
return {
isLoading: true,
isScaledDown: false,
}
},
methods: {
spotlightListener(e) {
if (e.key === 'k' && e.metaKey) {
events.$emit('spotlight:show')
}
},
methods: {
spotlightListener(e) {
if (e.key === 'k' && e.metaKey) {
events.$emit('spotlight:show');
}
},
contextMenu(event, item) {
events.$emit('context-menu:show', event, item)
},
},
mounted() {
events.$on('mobile-menu:show', () => this.isScaledDown = true)
contextMenu(event, item) {
events.$emit('context-menu:show', event, item)
},
},
mounted() {
events.$on('mobile-menu:show', () => (this.isScaledDown = true))
this.$store.dispatch('getShareDetail', this.$route.params.token)
.then(response => {
this.isLoading = false
this.$store.dispatch('getShareDetail', this.$route.params.token).then((response) => {
this.isLoading = false
let type = response.data.data.attributes.type
let routeName = this.$router.currentRoute.name
let isProtected = response.data.data.attributes.protected
let type = response.data.data.attributes.type
let routeName = this.$router.currentRoute.name
let isProtected = response.data.data.attributes.protected
// Show public file browser
if (type === 'folder' && !isProtected && routeName !== 'Public') {
this.$router.replace({name: 'Public', params: {token: this.$route.params.token, id: response.data.data.attributes.item_id}})
}
// Show public single file
if (type !== 'folder' && !isProtected && routeName !== 'SharedSingleFile') {
this.$router.push({name: 'SharedSingleFile'})
}
// Show authentication page
if (isProtected && routeName !== 'SharedAuthentication') {
this.$router.push({name: 'SharedAuthentication'})
}
// Show public file browser
if (type === 'folder' && !isProtected && routeName !== 'Public') {
this.$router.replace({
name: 'Public',
params: {
token: this.$route.params.token,
id: response.data.data.attributes.item_id,
},
})
}
}
}
// Show public single file
if (type !== 'folder' && !isProtected && routeName !== 'SharedSingleFile') {
this.$router.push({ name: 'SharedSingleFile' })
}
// Show authentication page
if (isProtected && routeName !== 'SharedAuthentication') {
this.$router.push({ name: 'SharedAuthentication' })
}
})
},
}
</script>