- added recent uploads

- added my shared items
- added trash

resources/js/components/FilesView/FileBrowser.vue

@@ -19,7 +19,9 @@
             <MobileToolbar />
 
 			<!--Mobile Actions-->
-            <FileActionsMobile />
+            <FileActionsMobile>
+				<slot name="file-actions-mobile"></slot>
+			</FileActionsMobile>
 
 			<!--Item previews list-->
             <div v-if="isList" class="file-list-wrapper">

resources/js/components/FilesView/FileFilterMobile.vue

@@ -35,24 +35,17 @@ export default {
         ]),
     },
     methods: {
-        flushBrowseHistory() {
-            this.$store.commit('FLUSH_FOLDER_HISTORY')
-        },
         goToFiles() {
             this.$store.dispatch('getFolder', [{folder: this.homeDirectory, back: false, init: true}])
-            this.flushBrowseHistory()
         },
         goToLatest() {
             this.$store.dispatch('getLatest')
-            this.flushBrowseHistory()
         },
         goToTrash() {
             this.$store.dispatch('getTrash')
-            this.flushBrowseHistory()
         },
         goToShared() {
             this.$store.dispatch('getShared', [{back: false, init: false}])
-            this.flushBrowseHistory()
         }
     }
 }

resources/js/components/FilesView/FileItemList.vue

@@ -223,7 +223,6 @@ export default {
                     if (this.$isThisLocation('public')) {
                         this.$store.dispatch('browseShared', [{folder: this.item, back: false, init: false}])
                     } else {
-                        //this.$store.dispatch('getFolder', [{folder: this.item, back: false, init: false}])
 						this.$router.push({name: 'Files', params: {id: this.item.id}})
                     }
                 } else {
@@ -261,8 +260,14 @@ export default {
                 if (this.$isThisLocation('public')) {
                     this.$store.dispatch('browseShared', [{folder: this.item, back: false, init: false}])
                 } else {
-                    //this.$store.dispatch('getFolder', [{folder: this.item, back: false, init: false}])
-					this.$router.push({name: 'Files', params: {id: this.item.id}})
+                	let route = this.$router.currentRoute.name
+
+					if (route === 'Files')
+						this.$router.push({name: 'Files', params: {id: this.item.id}})
+					if (route === 'Trash')
+						this.$router.push({name: 'Trash', params: {id: this.item.id}})
+					else
+						this.$router.push({name: 'Files', params: {id: this.item.id}})
                 }
             }
         },

resources/js/router.js

@@ -405,6 +405,33 @@ const routesUser = [
                     requiresAuth: true
                 },
             },
+            {
+                name: 'RecentUploads',
+                path: '/platform/recent-uploads',
+                component: () =>
+                    import(/* webpackChunkName: "chunks/recent-uploads" */ './views/FileView/RecentUploads/RecentUploads'),
+                meta: {
+                    requiresAuth: true
+                },
+            },
+            {
+                name: 'MySharedItems',
+                path: '/platform/my-shared-items',
+                component: () =>
+                    import(/* webpackChunkName: "chunks/my-shared-items" */ './views/FileView/MySharedItems/MySharedItems'),
+                meta: {
+                    requiresAuth: true
+                },
+            },
+            {
+                name: 'Trash',
+                path: '/platform/trash/:id?',
+                component: () =>
+                    import(/* webpackChunkName: "chunks/trash" */ './views/FileView/Trash/Trash'),
+                meta: {
+                    requiresAuth: true
+                },
+            },
             {
                 name: 'Settings',
                 path: '/platform/settings',

resources/js/store/modules/fileBrowser.js

@@ -43,16 +43,9 @@ const actions = {
                 }
             })
     },
-    getLatest: ({commit, getters}) => {
+    getRecentUploads: ({commit, getters}) => {
         commit('LOADING_STATE', {loading: true, data: []})
 
-        commit('STORE_PREVIOUS_FOLDER', getters.currentFolder)
-        commit('STORE_CURRENT_FOLDER', {
-            name: i18n.t('sidebar.latest'),
-            id: undefined,
-            location: 'latest',
-        })
-
         axios
             .get(getters.api + '/browse/latest')
             .then(response => {
@@ -61,45 +54,25 @@ const actions = {
             })
             .catch(() => Vue.prototype.$isSomethingWrong())
     },
-    getShared: ({commit, getters}) => {
+    getMySharedItems: ({commit, getters}) => {
         commit('LOADING_STATE', {loading: true, data: []})
-        commit('FLUSH_FOLDER_HISTORY')
-
-        let currentFolder = {
-            name: i18n.t('sidebar.my_shared'),
-            location: 'shared',
-            id: undefined,
-        }
-
-        commit('STORE_CURRENT_FOLDER', currentFolder)
 
         axios
             .get(getters.api + '/browse/share' + getters.sorting.URI)
             .then(response => {
                 commit('LOADING_STATE', {loading: false, data: response.data})
-                commit('STORE_PREVIOUS_FOLDER', currentFolder)
 
                 events.$emit('scrollTop')
             })
             .catch(() => Vue.prototype.$isSomethingWrong())
     },
-    getTrash: ({commit, getters}) => {
+    getTrash: ({commit, getters}, id) => {
         commit('LOADING_STATE', {loading: true, data: []})
-        commit('FLUSH_FOLDER_HISTORY')
-
-        let trash = {
-            name: i18n.t('locations.trash'),
-            id: undefined,
-            location: 'trash-root',
-        }
-
-        commit('STORE_CURRENT_FOLDER', trash)
 
         axios
-            .get(getters.api + '/browse/trash' + getters.sorting.URI)
+            .get(`${getters.api}/browse/trash/${id}/${getters.sorting.URI}`)
             .then(response => {
                 commit('LOADING_STATE', {loading: false, data: response.data})
-                commit('STORE_PREVIOUS_FOLDER', trash)
 
                 events.$emit('scrollTop')
             })
@@ -142,20 +115,11 @@ const mutations = {
     UPDATE_FOLDER_TREE(state, tree) {
         state.navigation = tree
     },
-    FLUSH_FOLDER_HISTORY(state) {
-        state.browseHistory = []
-    },
     FLUSH_SHARED(state, id) {
         state.entries.find(item => {
             if (item.id === id) item.shared = undefined
         })
     },
-    STORE_PREVIOUS_FOLDER(state, folder) {
-        state.browseHistory.push(folder)
-    },
-    REMOVE_BROWSER_HISTORY(state) {
-        state.browseHistory.pop()
-    },
     CHANGE_ITEM_NAME(state, updatedFile) {
 
         // Rename filename in clipboard
@@ -191,9 +155,6 @@ const mutations = {
             if (el.id && el.id === id) el.items++
         })
     },
-    STORE_CURRENT_FOLDER(state, folder) {
-        state.currentFolder = folder
-    },
     REMOVE_ITEM_FROM_CLIPBOARD(state, item) {
         state.clipboard = state.clipboard.filter(element => element.id !== item.id)
     },

resources/js/store/modules/sharing.js

@@ -24,12 +24,6 @@ const actions = {
     browseShared: ({commit, getters}, [payload]) => {
         commit('LOADING_STATE', {loading: true, data: []})
 
-        if (payload.init)
-            commit('FLUSH_FOLDER_HISTORY')
-
-        if (! payload.back && !payload.sorting)
-            commit('STORE_PREVIOUS_FOLDER', getters.currentFolder)
-
         payload.folder.location = 'public'
 
         return new Promise((resolve, reject) => {
@@ -37,12 +31,8 @@ const actions = {
                 .get(`/api/browse/folders/${payload.folder.id}/${router.currentRoute.params.token}${getters.sorting.URI}`)
                 .then(response => {
                     commit('LOADING_STATE', {loading: false, data: response.data})
-                    commit('STORE_CURRENT_FOLDER', payload.folder)
                     events.$emit('scrollTop')
 
-                    if (payload.back && !payload.sorting)
-                        commit('REMOVE_BROWSER_HISTORY')
-
                     resolve(response)
                 })
                 .catch((error) => {

resources/js/views/FileView/Home/Files.vue

@@ -11,18 +11,15 @@
 				<OptionGroup v-if="isFolder">
 					<Option @click.native="addToFavourites" :title="isInFavourites ? $t('context_menu.remove_from_favourites') : $t('context_menu.add_to_favourites')" icon="favourites" />
 				</OptionGroup>
-
 				<OptionGroup>
 					<Option @click.native="$renameFileOrFolder(item)" :title="$t('context_menu.rename')" icon="rename" />
 					<Option @click.native="$moveFileOrFolder(item)" :title="$t('context_menu.move')" icon="move-item" />
 					<Option @click.native="$deleteFileOrFolder(item)" :title="$t('context_menu.delete')" icon="trash" />
 				</OptionGroup>
-
 				<OptionGroup>
 					<Option @click.native="$shareFileOrFolder(item)" :title="item.shared ? $t('context_menu.share_edit') : $t('context_menu.share')" icon="share" />
 					<Option @click.native="$updateTeamFolder(item)" v-if="isFolder" :title="$t('Convert as Team Folder')" icon="users" />
 				</OptionGroup>
-
 				<OptionGroup>
 					<Option @click.native="$openInDetailPanel(item)" :title="$t('context_menu.detail')" icon="detail" />
 					<Option @click.native="downloadItem" :title="$t('context_menu.download')" icon="download" />
@@ -33,12 +30,10 @@
 				<OptionGroup v-if="!hasFile">
 					<Option @click.native="addToFavourites" :title="isInFavourites ? $t('context_menu.remove_from_favourites') : $t('context_menu.add_to_favourites')" icon="favourites" />
 				</OptionGroup>
-
 				<OptionGroup>
-					<Option @click.native="$moveFileOrFolder(item)" v-if="!$isThisLocation(['latest'])" :title="$t('context_menu.move')" icon="move-item" />
+					<Option @click.native="$moveFileOrFolder(item)" :title="$t('context_menu.move')" icon="move-item" />
 					<Option @click.native="$deleteFileOrFolder(item)" :title="$t('context_menu.delete')" icon="trash" />
 				</OptionGroup>
-
 				<OptionGroup>
 					<Option @click.native="downloadItem" :title="$t('context_menu.download')" icon="download" />
 				</OptionGroup>
@@ -46,7 +41,11 @@
 		</ContextMenu>
 
 		<!--Show files & folders-->
-		<FileBrowser/>
+		<FileBrowser>
+			<template v-slot:file-actions-mobile>
+				<!-- todo: Implement mobile buttons-->
+			</template>
+		</FileBrowser>
 	</div>
 </template>
 
@@ -59,7 +58,7 @@
 	import {events} from "../../../bus";
 
 	export default {
-		name: 'FilesView',
+		name: 'Files',
 		components: {
 			OptionGroup,
 			FileBrowser,

resources/js/views/FileView/MySharedItems/MySharedItems.vue

@@ -0,0 +1,117 @@
+<template>
+	<div>
+		<ContextMenu>
+			<template v-slot:single-select v-if="item">
+				<OptionGroup v-if="isFolder">
+					<Option @click.native="addToFavourites" :title="isInFavourites ? $t('context_menu.remove_from_favourites') : $t('context_menu.add_to_favourites')" icon="favourites" />
+				</OptionGroup>
+				<OptionGroup>
+					<Option @click.native="$renameFileOrFolder(item)" :title="$t('context_menu.rename')" icon="rename" />
+					<Option @click.native="$deleteFileOrFolder(item)" :title="$t('context_menu.delete')" icon="trash" />
+				</OptionGroup>
+				<OptionGroup>
+					<Option @click.native="$shareFileOrFolder(item)" :title="item.shared ? $t('context_menu.share_edit') : $t('context_menu.share')" icon="share" />
+				</OptionGroup>
+				<OptionGroup>
+					<Option @click.native="$openInDetailPanel(item)" :title="$t('context_menu.detail')" icon="detail" />
+					<Option @click.native="downloadItem" :title="$t('context_menu.download')" icon="download" />
+				</OptionGroup>
+			</template>
+
+			<template v-slot:multiple-select v-if="item">
+				<OptionGroup v-if="!hasFile">
+					<Option @click.native="addToFavourites" :title="isInFavourites ? $t('context_menu.remove_from_favourites') : $t('context_menu.add_to_favourites')" icon="favourites" />
+				</OptionGroup>
+				<OptionGroup>
+					<Option @click.native="$shareCancel" :title="$t('context_menu.share_cancel')" icon="share" />
+					<Option @click.native="$deleteFileOrFolder(item)" :title="$t('context_menu.delete')" icon="trash" />
+				</OptionGroup>
+				<OptionGroup>
+					<Option @click.native="downloadItem" :title="$t('context_menu.download')" icon="download" />
+				</OptionGroup>
+			</template>
+		</ContextMenu>
+
+		<!--Show files & folders-->
+		<FileBrowser>
+			<template v-slot:file-actions-mobile>
+				<!-- todo: Implement mobile buttons-->
+			</template>
+		</FileBrowser>
+	</div>
+</template>
+
+<script>
+	import FileBrowser from '/resources/js/components/FilesView/FileBrowser'
+	import ContextMenu from '/resources/js/components/FilesView/ContextMenu'
+	import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
+	import Option from '/resources/js/components/FilesView/Option'
+	import { mapGetters } from 'vuex'
+	import {events} from "../../../bus";
+
+	export default {
+		name: 'MySharedItems',
+		components: {
+			OptionGroup,
+			FileBrowser,
+			ContextMenu,
+			Option,
+		},
+		computed: {
+			...mapGetters([
+				'clipboard',
+				'user',
+			]),
+			isFolder() {
+				return this.item && this.item.type === 'folder'
+			},
+			isInFavourites() {
+				return this.favourites.find((el) => el.id === this.item.id)
+			},
+			hasFile() {
+				return this.clipboard.find(item => item.type !== 'folder')
+			},
+			favourites() {
+				return this.user.data.relationships.favourites.data.attributes.folders
+			},
+		},
+		data() {
+			return {
+				item: undefined,
+			}
+		},
+		methods: {
+			addToFavourites() {
+				// Check if folder is in favourites and then add/remove from favourites
+				if (
+					this.favourites &&
+					!this.favourites.find(el => el.id === this.item.id)
+				) {
+					// Add to favourite folder that is not selected
+					if (!this.clipboard.includes(this.item)) {
+						this.$store.dispatch('addToFavourites', this.item)
+					}
+
+					// Add to favourites all selected folders
+					if (this.clipboard.includes(this.item)) {
+						this.$store.dispatch('addToFavourites', null)
+					}
+				} else {
+					this.$store.dispatch('removeFromFavourites', this.item)
+				}
+			},
+			downloadItem() {
+				if (this.clipboard.length > 1 || (this.clipboard.length === 1 && this.clipboard[0].type === 'folder'))
+					this.$store.dispatch('downloadZip')
+				else {
+					this.$downloadFile(this.item.file_url, this.item.name + '.' + this.item.mimetype)
+				}
+			},
+		},
+		created() {
+			this.$store.dispatch('getMySharedItems')
+
+			events.$on('contextMenu:show', (event, item) => this.item = item)
+		}
+	}
+</script>

resources/js/views/FileView/NavigationPanel.vue

@@ -8,66 +8,66 @@
 		<!--Locations-->
 		<ContentGroup :title="$t('sidebar.locations_title')">
 			<div class="menu-list-wrapper vertical">
-				<a class="menu-list-item link">
+				<router-link :to="{name: 'Files'}" class="menu-list-item link">
 					<div class="icon text-theme">
 						<home-icon size="17" />
 					</div>
 					<div class="label text-theme">
 						{{ $t('sidebar.home') }}
 					</div>
-				</a>
-				<a class="menu-list-item link">
+				</router-link>
+				<router-link :to="{name: 'RecentUploads'}" class="menu-list-item link">
 					<div class="icon text-theme">
 						<upload-cloud-icon size="17" />
 					</div>
 					<div class="label text-theme">
 						{{ $t('sidebar.latest') }}
 					</div>
-				</a>
-				<a class="menu-list-item link">
+				</router-link>
+				<router-link :to="{name: 'MySharedItems'}" class="menu-list-item link">
 					<div class="icon text-theme">
 						<link-icon size="17" />
 					</div>
 					<div class="label text-theme">
 						{{ $t('sidebar.my_shared') }}
 					</div>
-				</a>
-				<a class="menu-list-item link">
+				</router-link>
+				<router-link :to="{name: 'Trash'}" class="menu-list-item link">
 					<div class="icon text-theme">
 						<trash2-icon size="17" />
 					</div>
 					<div class="label text-theme">
 						{{ $t('locations.trash') }}
 					</div>
-				</a>
+				</router-link>
 			</div>
 		</ContentGroup>
 
 		<!--Locations-->
 		<ContentGroup :title="$t('Collaboration')" slug="collaboration" :can-collapse="true">
 			<div class="menu-list-wrapper vertical">
-				<a class="menu-list-item link">
+				<router-link class="menu-list-item link">
 					<div class="icon text-theme">
 						<users-icon size="17" />
 					</div>
 					<div class="label text-theme">
 						{{ $t('Team Folders') }}
 					</div>
-				</a>
-				<a class="menu-list-item link">
+				</router-link>
+				<router-link class="menu-list-item link">
 					<div class="icon text-theme">
 						<user-check-icon size="17" />
 					</div>
 					<div class="label text-theme">
 						{{ $t('Shared with Me') }}
 					</div>
-				</a>
+				</router-link>
 			</div>
 		</ContentGroup>
 
 		<!--Navigator-->
 		<ContentGroup :title="$t('sidebar.navigator_title')" slug="navigator" :can-collapse="true" class="navigator">
-			<span class="empty-note navigator" v-if="tree.length === 0">
+			<span v-if="tree.length === 0" class="empty-note navigator">
 				{{ $t('sidebar.folders_empty') }}
 			</span>
 			<TreeMenuNavigator class="folder-tree" :depth="0" :nodes="folder" v-for="folder in tree" :key="folder.id"/>
@@ -82,13 +82,13 @@
 						{{ $t('sidebar.favourites_empty') }}
 					</span>
 
-					<a class="menu-list-item" v-for="folder in favourites" :key="folder.id">
+					<router-link :to="{name: 'Files', params: {id: folder.id}}" v-for="folder in favourites" :key="folder.id" class="menu-list-item">
 						<div class="text-theme">
-							<folder-icon size="17" class="folder-icon text-theme"></folder-icon>
+							<folder-icon size="17" class="folder-icon text-theme" />
 							<span class="label text-theme">{{ folder.name }}</span>
 						</div>
-						<x-icon size="17" @click.stop="$removeFavourite(folder)" class="delete-icon"></x-icon>
-					</a>
+						<x-icon @click.stop="$removeFavourite(folder)" size="17" class="delete-icon" />
+					</router-link>
 				</transition-group>
 			</div>
 		</ContentGroup>
@@ -165,8 +165,6 @@ export default {
 			// Prevent to move folders to self
 			if (this.clipboard.length > 0 && this.clipboard.find(item => item.type !== 'folder')) return
 
-			// Store favourites folder
-
 			//Add to favourites non selected folder
 			if (!this.clipboard.includes(this.draggedItem)) {
 				this.$store.dispatch('addToFavourites', this.draggedItem)

resources/js/views/FileView/RecentUploads/RecentUploads.vue

@@ -0,0 +1,81 @@
+<template>
+	<div>
+		<ContextMenu>
+			<template v-slot:single-select v-if="item">
+				<OptionGroup>
+					<Option @click.native="$renameFileOrFolder(item)" :title="$t('context_menu.rename')" icon="rename" />
+					<Option @click.native="$moveFileOrFolder(item)" :title="$t('context_menu.move')" icon="move-item" />
+					<Option @click.native="$deleteFileOrFolder(item)" :title="$t('context_menu.delete')" icon="trash" />
+				</OptionGroup>
+				<OptionGroup>
+					<Option @click.native="$shareFileOrFolder(item)" :title="item.shared ? $t('context_menu.share_edit') : $t('context_menu.share')" icon="share" />
+				</OptionGroup>
+				<OptionGroup>
+					<Option @click.native="$openInDetailPanel(item)" :title="$t('context_menu.detail')" icon="detail" />
+					<Option @click.native="downloadItem" :title="$t('context_menu.download')" icon="download" />
+				</OptionGroup>
+			</template>
+
+			<template v-slot:multiple-select v-if="item">
+				<OptionGroup>
+					<Option @click.native="$moveFileOrFolder(item)" :title="$t('context_menu.move')" icon="move-item" />
+					<Option @click.native="$deleteFileOrFolder(item)" :title="$t('context_menu.delete')" icon="trash" />
+				</OptionGroup>
+				<OptionGroup>
+					<Option @click.native="downloadItem" :title="$t('context_menu.download')" icon="download" />
+				</OptionGroup>
+			</template>
+		</ContextMenu>
+
+		<!--Show files & folders-->
+		<FileBrowser>
+			<template v-slot:file-actions-mobile>
+				<!-- todo: Implement mobile buttons-->
+			</template>
+		</FileBrowser>
+	</div>
+</template>
+
+<script>
+	import FileBrowser from '/resources/js/components/FilesView/FileBrowser'
+	import ContextMenu from '/resources/js/components/FilesView/ContextMenu'
+	import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
+	import Option from '/resources/js/components/FilesView/Option'
+	import { mapGetters } from 'vuex'
+	import {events} from "../../../bus";
+
+	export default {
+		name: 'RecentUploads',
+		components: {
+			OptionGroup,
+			FileBrowser,
+			ContextMenu,
+			Option,
+		},
+		computed: {
+			...mapGetters([
+				'clipboard',
+				'user',
+			])
+		},
+		data() {
+			return {
+				item: undefined,
+			}
+		},
+		methods: {
+			downloadItem() {
+				if (this.clipboard.length > 1 || (this.clipboard.length === 1 && this.clipboard[0].type === 'folder'))
+					this.$store.dispatch('downloadZip')
+				else {
+					this.$downloadFile(this.item.file_url, this.item.name + '.' + this.item.mimetype)
+				}
+			},
+		},
+		created() {
+			this.$store.dispatch('getRecentUploads')
+
+			events.$on('contextMenu:show', (event, item) => this.item = item)
+		}
+	}
+</script>

resources/js/views/FileView/Trash/Trash.vue

@@ -0,0 +1,84 @@
+<template>
+	<div>
+		<ContextMenu>
+			<template v-slot:empty-select>
+				<OptionGroup>
+					<Option @click.native="$emptyTrash" :title="$t('context_menu.empty_trash')" icon="empty-trash" />
+				</OptionGroup>
+			</template>
+
+			<template v-slot:single-select v-if="item">
+				<OptionGroup>
+					<Option @click.native="$restoreFileOrFolder(item)" v-if="item" :title="$t('context_menu.restore')" icon="restore" />
+					<Option @click.native="$deleteFileOrFolder(item)" v-if="item" :title="$t('context_menu.delete')" icon="trash" />
+					<Option @click.native="$emptyTrash" :title="$t('context_menu.empty_trash')" icon="empty-trash" />
+				</OptionGroup>
+				<OptionGroup>
+					<Option @click.native="$openInDetailPanel(item)" :title="$t('context_menu.detail')" icon="detail" />
+					<Option @click.native="downloadItem" :title="$t('context_menu.download')" icon="download" />
+				</OptionGroup>
+			</template>
+
+			<template v-slot:multiple-select v-if="item">
+				<OptionGroup>
+					<Option @click.native="$restoreFileOrFolder(item)" v-if="item" :title="$t('context_menu.restore')" icon="restore" />
+					<Option @click.native="$deleteFileOrFolder(item)" :title="$t('context_menu.delete')" icon="trash" />
+					<Option @click.native="$emptyTrash" :title="$t('context_menu.empty_trash')" icon="empty-trash" />
+				</OptionGroup>
+				<OptionGroup>
+					<Option @click.native="downloadItem" :title="$t('context_menu.download')" icon="download" />
+				</OptionGroup>
+			</template>
+		</ContextMenu>
+
+		<!--Show files & folders-->
+		<FileBrowser>
+			<template v-slot:file-actions-mobile>
+				<!-- todo: Implement mobile buttons-->
+			</template>
+		</FileBrowser>
+	</div>
+</template>
+
+<script>
+	import FileBrowser from '/resources/js/components/FilesView/FileBrowser'
+	import ContextMenu from '/resources/js/components/FilesView/ContextMenu'
+	import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
+	import Option from '/resources/js/components/FilesView/Option'
+	import { mapGetters } from 'vuex'
+	import {events} from "../../../bus";
+
+	export default {
+		name: 'Trash',
+		components: {
+			OptionGroup,
+			FileBrowser,
+			ContextMenu,
+			Option,
+		},
+		computed: {
+			...mapGetters([
+				'clipboard',
+			]),
+		},
+		data() {
+			return {
+				item: undefined,
+			}
+		},
+		methods: {
+			downloadItem() {
+				if (this.clipboard.length > 1 || (this.clipboard.length === 1 && this.clipboard[0].type === 'folder'))
+					this.$store.dispatch('downloadZip')
+				else {
+					this.$downloadFile(this.item.file_url, this.item.name + '.' + this.item.mimetype)
+				}
+			},
+		},
+		created() {
+			this.$store.dispatch('getTrash', this.$route.params.id)
+
+			events.$on('contextMenu:show', (event, item) => this.item = item)
+		}
+	}
+</script>