vuex refactoring

.env.example

@@ -5,6 +5,7 @@ APP_DEBUG=true
 APP_URL=http://localhost
 
 LOG_CHANNEL=stack
+SCOUT_DRIVER=tntsearch
 
 DB_CONNECTION=mysql
 DB_HOST=127.0.0.1
@@ -44,3 +45,6 @@ PUSHER_APP_CLUSTER=mt1
 
 MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
 MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"
+
+PASSPORT_CLIENT_ID=
+PASSPORT_CLIENT_SECRET=

public/mix-manifest.json

@@ -214,5 +214,45 @@
     "/js/main.7b1e18cb2577dcdb780e.hot-update.js": "/js/main.7b1e18cb2577dcdb780e.hot-update.js",
     "/js/main.54ca8adfafdcafc86b0f.hot-update.js": "/js/main.54ca8adfafdcafc86b0f.hot-update.js",
     "/js/main.2e70035a3831fd25a670.hot-update.js": "/js/main.2e70035a3831fd25a670.hot-update.js",
-    "/js/main.f7dbfad8184fb6bd1f3b.hot-update.js": "/js/main.f7dbfad8184fb6bd1f3b.hot-update.js"
+    "/js/main.f7dbfad8184fb6bd1f3b.hot-update.js": "/js/main.f7dbfad8184fb6bd1f3b.hot-update.js",
+    "/js/main.28d7761029580ddb8b6d.hot-update.js": "/js/main.28d7761029580ddb8b6d.hot-update.js",
+    "/js/main.6473f21ab99f0e5fb932.hot-update.js": "/js/main.6473f21ab99f0e5fb932.hot-update.js",
+    "/js/main.6ad50c1b7903b92ba427.hot-update.js": "/js/main.6ad50c1b7903b92ba427.hot-update.js",
+    "/js/main.2065aabe6bc944092c8a.hot-update.js": "/js/main.2065aabe6bc944092c8a.hot-update.js",
+    "/js/main.f9d46d237d830099bf7e.hot-update.js": "/js/main.f9d46d237d830099bf7e.hot-update.js",
+    "/js/main.0a21921c6dcb9ba365ad.hot-update.js": "/js/main.0a21921c6dcb9ba365ad.hot-update.js",
+    "/js/main.bf306d93cfdf64aa4785.hot-update.js": "/js/main.bf306d93cfdf64aa4785.hot-update.js",
+    "/js/main.ad81c2c87cddc3b7931d.hot-update.js": "/js/main.ad81c2c87cddc3b7931d.hot-update.js",
+    "/js/main.c0c1083a368f085c4097.hot-update.js": "/js/main.c0c1083a368f085c4097.hot-update.js",
+    "/js/main.762b561a9d603136ae2e.hot-update.js": "/js/main.762b561a9d603136ae2e.hot-update.js",
+    "/js/main.e048f9e3a89c34484df7.hot-update.js": "/js/main.e048f9e3a89c34484df7.hot-update.js",
+    "/js/main.9b774a764bb2a0375fe8.hot-update.js": "/js/main.9b774a764bb2a0375fe8.hot-update.js",
+    "/js/main.6827b30460cd982e2595.hot-update.js": "/js/main.6827b30460cd982e2595.hot-update.js",
+    "/js/main.07f5295cb85c4dcb7d8b.hot-update.js": "/js/main.07f5295cb85c4dcb7d8b.hot-update.js",
+    "/js/main.8b3330154c1811025d6d.hot-update.js": "/js/main.8b3330154c1811025d6d.hot-update.js",
+    "/js/main.ac01db55c5f7db9172c2.hot-update.js": "/js/main.ac01db55c5f7db9172c2.hot-update.js",
+    "/js/main.adb096503965dbb1b2e5.hot-update.js": "/js/main.adb096503965dbb1b2e5.hot-update.js",
+    "/js/main.b7c241e00bf850fe5d00.hot-update.js": "/js/main.b7c241e00bf850fe5d00.hot-update.js",
+    "/js/main.5f1598ffa46642a78fa8.hot-update.js": "/js/main.5f1598ffa46642a78fa8.hot-update.js",
+    "/js/main.23f788a0532912bb398e.hot-update.js": "/js/main.23f788a0532912bb398e.hot-update.js",
+    "/js/main.e28c1ebe470e1621e454.hot-update.js": "/js/main.e28c1ebe470e1621e454.hot-update.js",
+    "/js/main.a046555856f75f205a4f.hot-update.js": "/js/main.a046555856f75f205a4f.hot-update.js",
+    "/js/main.9a8f6af2013ff077336f.hot-update.js": "/js/main.9a8f6af2013ff077336f.hot-update.js",
+    "/js/main.00fd6674fa13cb87d6f4.hot-update.js": "/js/main.00fd6674fa13cb87d6f4.hot-update.js",
+    "/js/main.9dc88fa476ec8939f323.hot-update.js": "/js/main.9dc88fa476ec8939f323.hot-update.js",
+    "/js/main.a29a5ff36d20d75ba72a.hot-update.js": "/js/main.a29a5ff36d20d75ba72a.hot-update.js",
+    "/js/main.63effaa97b289c9d6838.hot-update.js": "/js/main.63effaa97b289c9d6838.hot-update.js",
+    "/js/main.f9246e02328bdc45a608.hot-update.js": "/js/main.f9246e02328bdc45a608.hot-update.js",
+    "/js/main.500718e0195bfe14cfbe.hot-update.js": "/js/main.500718e0195bfe14cfbe.hot-update.js",
+    "/js/main.73a15e81347d9912a4a8.hot-update.js": "/js/main.73a15e81347d9912a4a8.hot-update.js",
+    "/js/main.9b4a6c9b260dc7dbcb7f.hot-update.js": "/js/main.9b4a6c9b260dc7dbcb7f.hot-update.js",
+    "/js/main.ee349c1929f3d838ba92.hot-update.js": "/js/main.ee349c1929f3d838ba92.hot-update.js",
+    "/js/main.10e2dc3ab31e05bd3d72.hot-update.js": "/js/main.10e2dc3ab31e05bd3d72.hot-update.js",
+    "/js/main.49d30181a44d314a8837.hot-update.js": "/js/main.49d30181a44d314a8837.hot-update.js",
+    "/js/main.73d1b20aa4640e18c516.hot-update.js": "/js/main.73d1b20aa4640e18c516.hot-update.js",
+    "/js/main.6c3018119ce8495132b9.hot-update.js": "/js/main.6c3018119ce8495132b9.hot-update.js",
+    "/js/main.4ca90bdb0b28a0bac77f.hot-update.js": "/js/main.4ca90bdb0b28a0bac77f.hot-update.js",
+    "/js/main.84c1025500258c824186.hot-update.js": "/js/main.84c1025500258c824186.hot-update.js",
+    "/js/main.801e23504da473fa4b55.hot-update.js": "/js/main.801e23504da473fa4b55.hot-update.js",
+    "/js/main.32006f8d1211bd1ac2d7.hot-update.js": "/js/main.32006f8d1211bd1ac2d7.hot-update.js"
 }

resources/js/components/VueFileManagerComponents/FilesView/ContextMenu.vue

@@ -160,7 +160,7 @@
             },
             ItemDetail() {
                 // Dispatch load file info detail
-                this.$store.dispatch('loadFileInfoDetail', this.item)
+                this.$store.commit('GET_FILEINFO_DETAIL', this.item)
 
                 // Show panel if is not open
                 this.$store.dispatch('fileInfoToggle', true)

resources/js/components/VueFileManagerComponents/FilesView/DesktopToolbar.vue

@@ -84,7 +84,7 @@
                 'currentFolder',
                 'browseHistory',
                 'homeDirectory',
-                'preview_type',
+                'FilePreviewType',
             ]),
             directoryName() {
                 return this.currentFolder ? this.currentFolder.name : this.homeDirectory.name
@@ -95,7 +95,7 @@
                 return this.browseHistory[length] ? this.browseHistory[length] : this.homeDirectory
             },
             preview() {
-                return this.preview_type === 'list' ? 'th' : 'th-list'
+                return this.FilePreviewType === 'list' ? 'th' : 'th-list'
             },
             isTrash() {
                 return this.currentFolder.location === 'trash' || this.currentFolder.location === 'trash-root'
@@ -122,7 +122,7 @@
                     if ( this.$isThisLocation('public') ) {
                         this.$store.dispatch('browseShared', [this.previousFolder, true])
                     } else {
-                        this.$store.dispatch('goToFolder', [this.previousFolder, true])
+                        this.$store.dispatch('getFolder', [this.previousFolder, true])
                     }
                 }
             },

resources/js/components/VueFileManagerComponents/FilesView/FileBrowser.vue

@@ -26,7 +26,7 @@
                         name="file"
                         tag="section"
                         class="file-list"
-                        :class="preview_type"
+                        :class="FilePreviewType"
                 >
                     <FileItemList
                             @dragstart="dragStart(item)"
@@ -46,7 +46,7 @@
                         name="file"
                         tag="section"
                         class="file-list"
-                        :class="preview_type"
+                        :class="FilePreviewType"
                 >
                     <FileItemGrid
                             @dragstart="dragStart(item)"
@@ -112,16 +112,16 @@
                 'fileInfoVisible',
                 'fileInfoDetail',
                 'currentFolder',
-                'preview_type',
+                'FilePreviewType',
                 'isSearching',
                 'isLoading',
                 'data'
             ]),
             isGrid() {
-                return this.preview_type === 'grid'
+                return this.FilePreviewType === 'grid'
             },
             isList() {
-                return this.preview_type === 'list'
+                return this.FilePreviewType === 'list'
             },
             isEmpty() {
                 return this.data.length == 0

resources/js/components/VueFileManagerComponents/FilesView/FileItemGrid.vue

@@ -80,7 +80,7 @@
         name: 'FileItem',
         props: ['data'],
         computed: {
-            ...mapGetters(['preview_type']),
+            ...mapGetters(['FilePreviewType']),
             isFolder() {
                 return this.data.type === 'folder'
             },
@@ -113,7 +113,7 @@
         methods: {
             showItemActions() {
                 // Load file info detail
-                this.$store.dispatch('loadFileInfoDetail', this.data)
+                this.$store.commit('GET_FILEINFO_DETAIL', this.data)
 
                 events.$emit('mobileMenu:show')
             },
@@ -139,12 +139,12 @@
                     if ( this.$isThisLocation('public') ) {
                         this.$store.dispatch('browseShared', [this.data, false])
                     } else {
-                        this.$store.dispatch('goToFolder', [this.data, false])
+                        this.$store.dispatch('getFolder', [this.data, false])
                     }
                 }
 
                 // Load file info detail
-                this.$store.dispatch('loadFileInfoDetail', this.data)
+                this.$store.commit('GET_FILEINFO_DETAIL', this.data)
 
                 // Get target classname
                 let itemClass = e.target.className
@@ -173,7 +173,7 @@
                     if ( this.$isThisLocation('public') ) {
                         this.$store.dispatch('browseShared', [this.data, false])
                     } else {
-                        this.$store.dispatch('goToFolder', [this.data, false])
+                        this.$store.dispatch('getFolder', [this.data, false])
                     }
                 }
             },

resources/js/components/VueFileManagerComponents/FilesView/FileItemList.vue

@@ -82,7 +82,7 @@
         name: 'FileItem',
         props: ['data'],
         computed: {
-            ...mapGetters(['preview_type']),
+            ...mapGetters(['FilePreviewType']),
             isFolder() {
                 return this.data.type === 'folder'
             },
@@ -126,7 +126,7 @@
         methods: {
             showItemActions() {
                 // Load file info detail
-                this.$store.dispatch('loadFileInfoDetail', this.data)
+                this.$store.commit('GET_FILEINFO_DETAIL', this.data)
 
                 //this.isClicked = true
 
@@ -154,12 +154,12 @@
                     if ( this.$isThisLocation('public') ) {
                         this.$store.dispatch('browseShared', [this.data, false])
                     } else {
-                        this.$store.dispatch('goToFolder', [this.data, false])
+                        this.$store.dispatch('getFolder', [this.data, false])
                     }
                 }
 
                 // Load file info detail
-                this.$store.dispatch('loadFileInfoDetail', this.data)
+                this.$store.commit('GET_FILEINFO_DETAIL', this.data)
 
                 // Get target classname
                 let itemClass = e.target.className
@@ -188,7 +188,7 @@
                     if ( this.$isThisLocation('public') ) {
                         this.$store.dispatch('browseShared', [this.data, false])
                     } else {
-                        this.$store.dispatch('goToFolder', [this.data, false])
+                        this.$store.dispatch('getFolder', [this.data, false])
                     }
                 }
             },

resources/js/components/VueFileManagerComponents/FilesView/MobileActions.vue

@@ -52,12 +52,12 @@
             UploadProgress,
         },
         computed: {
-            ...mapGetters(['preview_type']),
+            ...mapGetters(['FilePreviewType']),
             previewIcon() {
-                return this.preview_type === 'list' ? 'th' : 'th-list'
+                return this.FilePreviewType === 'list' ? 'th' : 'th-list'
             },
             previewText() {
-                return this.preview_type === 'list' ? this.$t('preview_type.grid') : this.$t('preview_type.list')
+                return this.FilePreviewType === 'list' ? this.$t('preview_type.grid') : this.$t('preview_type.list')
             }
         },
         methods: {

resources/js/components/VueFileManagerComponents/FilesView/MobileToolbar.vue

@@ -39,11 +39,11 @@
         computed: {
             ...mapGetters([
                 'fileInfoVisible',
+                'FilePreviewType',
                 'fileInfoDetail',
                 'currentFolder',
                 'browseHistory',
                 'homeDirectory',
-                'preview_type',
                 'appSize',
             ]),
             directoryName() {
@@ -78,7 +78,7 @@
                     if ( this.$isThisLocation('public') ) {
                         this.$store.dispatch('browseShared', [this.previousFolder, false])
                     } else {
-                        this.$store.dispatch('goToFolder', [this.previousFolder, false])
+                        this.$store.dispatch('getFolder', [this.previousFolder, false])
                     }
                 }
             },

resources/js/components/VueFileManagerComponents/FilesView/SearchBar.vue

@@ -54,7 +54,7 @@
                         if ( this.$isThisLocation('public') ) {
                             this.$store.dispatch('browseShared', [this.currentFolder, true])
                         } else {
-                            this.$store.dispatch('goToFolder', [this.currentFolder, true])
+                            this.$store.dispatch('getFolder', [this.currentFolder, true])
                         }
                     }
 

resources/js/components/VueFileManagerComponents/Sidebar/Sidebar.vue

@@ -121,12 +121,12 @@
             },
             goHome() {
                 this.$store.commit('FLUSH_BROWSER_HISTORY')
-                this.$store.dispatch('goToFolder', [this.homeDirectory, true])
+                this.$store.dispatch('getFolder', [this.homeDirectory, true])
             },
             openFolder(folder) {
 
                 // Go to folder
-                this.$store.dispatch('goToFolder', [folder, false])
+                this.$store.dispatch('getFolder', [folder, false])
             },
             downloadFile(file) {
 
@@ -134,7 +134,7 @@
             },
             showFileDetail(file) {
                 // Dispatch load file info detail
-                this.$store.dispatch('getLatestUploadDetail', file)
+                this.$store.dispatch('getFileDetail', file)
 
                 // Show panel if is not open
                 this.$store.dispatch('fileInfoToggle', true)

resources/js/store/index.js

@@ -1,6 +1,7 @@
 import Vuex from 'vuex'
 import Vue from 'vue'
 
+import fileFunctions from './modules/fileFunctions'
 import fileBrowser from './modules/fileBrowser'
 import userAuth from './modules/userAuth'
 import sharing from './modules/sharing'
@@ -10,6 +11,10 @@ Vue.use(Vuex)
 
 export default new Vuex.Store({
     modules: {
-        fileBrowser, userAuth, app, sharing,
+        fileFunctions,
+        fileBrowser,
+        userAuth,
+        sharing,
+        app,
     }
 })

resources/js/store/modules/app.js

@@ -1,19 +1,64 @@
 const defaultState = {
+	fileInfoPanelVisible: localStorage.getItem('file_info_visibility') == 'true' || false,
+	FilePreviewType: localStorage.getItem('FilePreviewType') || 'list',
 	appSize: undefined,
 	config: undefined,
 }
 const actions = {
+	changePreviewType: ({commit, dispatch, state, getters}) => {
+		// Get preview type
+		let previewType = state.FilePreviewType == 'grid' ? 'list' : 'grid'
 
+		// Store preview type to localStorage
+		localStorage.setItem('preview_type', previewType)
+
+		// Change preview
+		commit('CHANGE_PREVIEW', previewType)
+
+		if (getters.currentFolder.location === 'trash-root') {
+			dispatch('getTrash')
+
+		} else {
+
+			if ( this.$isThisLocation('public') ) {
+				dispatch('browseShared', [this.currentFolder(), false, true])
+			} else {
+				dispatch('getFolder', [getters.currentFolder, false, true])
+			}
+		}
+	},
+	fileInfoToggle: (context, visibility = undefined) => {
+		if (!visibility) {
+			if (context.state.fileInfoPanelVisible) {
+				context.commit('FILE_INFO_TOGGLE', false)
+			} else {
+				context.commit('FILE_INFO_TOGGLE', true)
+			}
+		} else {
+			context.commit('FILE_INFO_TOGGLE', visibility)
+		}
+	},
 }
 const mutations = {
-	SET_CONFIG(state, config) {
+	FILE_INFO_TOGGLE(state, isVisible) {
-		state.config = config
+		state.fileInfoPanelVisible = isVisible
+
+		localStorage.setItem('file_info_visibility', isVisible)
 	},
 	SET_APP_WIDTH(state, scale) {
 		state.appSize = scale
 	},
+	CHANGE_PREVIEW(state, type) {
+		state.FilePreviewType = type
+	},
+	SET_CONFIG(state, config) {
+		state.config = config
+	},
+
 }
 const getters = {
+	fileInfoVisible: state => state.fileInfoPanelVisible,
+	FilePreviewType: state => state.FilePreviewType,
 	appSize: state => state.appSize,
 	api: state => state.config.api,
 	config: state => state.config,

resources/js/store/modules/fileBrowser.js

@@ -5,8 +5,6 @@ import { includes } from 'lodash'
 import i18n from '@/i18n/index'
 
 const defaultState = {
-    fileInfoPanelVisible: localStorage.getItem('file_info_visibility') == 'true' || false,
-    preview_type: localStorage.getItem('preview_type') || 'list',
     uploadingFilesCount: undefined,
     fileInfoDetail: undefined,
     currentFolder: undefined,
@@ -20,7 +18,7 @@ const defaultState = {
 }
 
 const actions = {
-    goToFolder: (context, [folder, back = false, init = false]) => {
+    getFolder: (context, [folder, back = false, init = false]) => {
         events.$emit('show:content')
 
         // Go to files view
@@ -144,183 +142,6 @@ const actions = {
                 })
             })
     },
-    emptyTrash: (context) => {
-        context.commit('FLUSH_DATA')
-        context.commit('LOADING_STATE', true)
-
-        axios
-            .delete(context.getters.api + '/empty-trash')
-            .then(() => {
-                context.commit('LOADING_STATE', false)
-                events.$emit('scrollTop')
-
-                // Remove file preview
-                context.commit('CLEAR_FILEINFO_DETAIL')
-
-                // Show error message
-                events.$emit('success:open', {
-                    title: i18n.t('popup_trashed.title'),
-                    message: i18n.t('popup_trashed.message'),
-                })
-            })
-            .catch(() => {
-                // Show error message
-                events.$emit('alert:open', {
-                    title: i18n.t('popup_error.title'),
-                    message: i18n.t('popup_error.message'),
-                })
-            })
-    },
-    createFolder: (context, folderName) => {
-        const parent_id = context.state.currentFolder
-            ? context.state.currentFolder.unique_id
-            : 0
-
-        axios
-            .post(context.getters.api + '/create-folder', {
-                parent_id: parent_id,
-                name: folderName
-            })
-            .then(response => {
-                context.commit('ADD_NEW_FOLDER', response.data)
-            })
-            .catch(() => {
-                // Show error message
-                events.$emit('alert:open', {
-                    title: i18n.t('popup_error.title'),
-                    message: i18n.t('popup_error.message'),
-                })
-            })
-    },
-    removeItems: (context, [ids, items]) => {
-        context.commit('REMOVE_ITEMS', ids)
-
-        // Remove file preview
-        context.commit('CLEAR_FILEINFO_DETAIL')
-
-        axios
-            .post(context.getters.api + '/remove-items', {
-                items: items
-            })
-            .catch(() => {
-                // Show error message
-                events.$emit('alert:open', {
-                    title: i18n.t('popup_error.title'),
-                    message: i18n.t('popup_error.message'),
-                })
-            })
-    },
-    removeItem: ({commit, state, getters}, data) => {
-
-        // Remove file
-        commit('REMOVE_ITEM', data.unique_id)
-
-        if (data.type === 'folder')
-            commit('REMOVE_ITEM_FROM_FAVOURITES', data)
-        else
-            commit('REMOVE_ITEM_FROM_RECENT_UPLOAD', data.unique_id)
-
-        // Remove file preview
-        commit('CLEAR_FILEINFO_DETAIL')
-
-        axios
-            .post(getters.api + '/remove-item', {
-                type: data.type,
-                unique_id: data.unique_id,
-                force_delete: data.deleted_at ? true : false
-            })
-            .catch(() => {
-                // Show error message
-                events.$emit('alert:open', {
-                    title: i18n.t('popup_error.title'),
-                    message: i18n.t('popup_error.message'),
-                })
-            })
-    },
-    restoreItem: (context, item) => {
-
-        let restoreToHome = false
-
-        // Check if file can be restored to home directory
-        if (context.state.currentFolder.location === 'trash') restoreToHome = true
-
-        // Remove file
-        context.commit('REMOVE_ITEM', item.unique_id)
-
-        // Remove file preview
-        context.commit('CLEAR_FILEINFO_DETAIL')
-
-        axios
-            .post(context.getters.api + '/restore-item', {
-                type: item.type,
-                unique_id: item.unique_id,
-                to_home: restoreToHome,
-            })
-            .catch(() => {
-                // Show error message
-                events.$emit('alert:open', {
-                    title: i18n.t('popup_error.title'),
-                    message: i18n.t('popup_error.message'),
-                })
-            })
-    },
-    uploadFiles: (context, files) => {
-        return new Promise((resolve, reject) => {
-            axios
-                .post(context.getters.api + '/upload-file', files, {
-                    headers: {
-                        'Content-Type': 'multipart/form-data'
-                    },
-                    onUploadProgress: progressEvent => {
-                        var percentCompleted = Math.round(
-                            (progressEvent.loaded * 100) /
-                            progressEvent.total
-                        )
-
-                        context.commit(
-                            'UPLOADING_FILE_PROGRESS',
-                            percentCompleted
-                        )
-                    }
-                })
-                .then(response => {
-
-                    // Check if user is in uploading folder, if yes, than show new file
-                    if (response.data.folder_id == context.state.currentFolder.unique_id)
-                        context.commit('ADD_NEW_ITEMS', response.data)
-
-                    context.commit('UPDATE_RECENT_UPLOAD', response.data)
-                    context.commit(
-                        'UPLOADING_FILE_PROGRESS',
-                        0
-                    )
-                    resolve(response)
-                })
-                .catch(error => {
-                    reject(error)
-
-                    context.commit('UPDATE_FILE_COUNT_PROGRESS', undefined)
-                })
-        })
-    },
-    changeItemName: (context, data) => {
-
-
-        if (data.type === 'folder') context.commit('UPDATE_NAME_IN_FAVOURITES', data)
-
-        axios
-            .post(context.getters.api + '/rename-item', data)
-            .then(response => {
-                context.commit('CHANGE_ITEM_NAME', response.data)
-            })
-            .catch(() => {
-                // Show error message
-                events.$emit('alert:open', {
-                    title: i18n.t('popup_error.title'),
-                    message: i18n.t('popup_error.message'),
-                })
-            })
-    },
     getSearchResult: (context, query) => {
         context.commit('FLUSH_DATA')
         context.commit('LOADING_STATE', true)
@@ -342,40 +163,7 @@ const actions = {
                 })
             })
     },
-    changePreviewType: ({commit, dispatch, state}) => {
+    getFileDetail: (context, file) => {
-        // Get preview type
-        let previewType = localStorage.getItem('preview_type') == 'grid' ? 'list' : 'grid'
-
-        // Store preview type to localStorage
-        localStorage.setItem('preview_type', previewType)
-
-        // Change preview
-        commit('CHANGE_PREVIEW', previewType)
-
-        if (state.currentFolder.location === 'trash-root') {
-            dispatch('getTrash')
-
-        } else {
-
-            if ( this.$isThisLocation('public') ) {
-                dispatch('browseShared', [this.currentFolder(), false, true])
-            } else {
-                dispatch('goToFolder', [state.currentFolder, false, true])
-            }
-        }
-    },
-    fileInfoToggle: (context, visibility = undefined) => {
-        if (!visibility) {
-            if (context.state.fileInfoPanelVisible) {
-                context.commit('FILE_INFO_TOGGLE', false)
-            } else {
-                context.commit('FILE_INFO_TOGGLE', true)
-            }
-        } else {
-            context.commit('FILE_INFO_TOGGLE', visibility)
-        }
-    },
-    getLatestUploadDetail: (context, file) => {
         axios
             .get(context.getters.api + '/file-detail/' + file.unique_id)
             .then(response => {
@@ -389,29 +177,6 @@ const actions = {
                 })
             })
     },
-    loadFileInfoDetail: (context, file) => {
-
-        context.commit('GET_FILEINFO_DETAIL', file)
-    },
-    moveItem: (context, [item_from, to_item]) => {
-        axios
-            .post(context.getters.api + '/move-item', {
-                from_unique_id: item_from.unique_id,
-                from_type: item_from.type,
-                to_unique_id: to_item.unique_id
-            })
-            .then(() => {
-                context.commit('REMOVE_ITEM', item_from.unique_id)
-                context.commit('INCREASE_FOLDER_ITEM', to_item.unique_id)
-            })
-            .catch(() => {
-                // Show error message
-                events.$emit('alert:open', {
-                    title: i18n.t('popup_error.title'),
-                    message: i18n.t('popup_error.message'),
-                })
-            })
-    }
 }
 
 const mutations = {
@@ -458,14 +223,6 @@ const mutations = {
             el => el.unique_id == item.unique_id
         )
     },
-    FILE_INFO_TOGGLE(state, isVisible) {
-        state.fileInfoPanelVisible = isVisible
-
-        localStorage.setItem('file_info_visibility', isVisible)
-    },
-    CHANGE_PREVIEW(state, type) {
-        state.preview_type = type
-    },
     CHANGE_SEARCHING_STATE(state, searchState) {
         state.isSearching = searchState
     },
@@ -511,13 +268,11 @@ const mutations = {
 const getters = {
     uploadingFileProgress: state => state.uploadingFileProgress,
     uploadingFilesCount: state => state.uploadingFilesCount,
-    fileInfoVisible: state => state.fileInfoPanelVisible,
     fileInfoDetail: state => state.fileInfoDetail,
     filesViewWidth: state => state.filesViewWidth,
     homeDirectory: state => state.homeDirectory,
     currentFolder: state => state.currentFolder,
     browseHistory: state => state.browseHistory,
-    preview_type: state => state.preview_type,
     isSearching: state => state.isSearching,
     isLoading: state => state.isLoading,
     data: state => state.data,

resources/js/store/modules/fileFunctions.js

@@ -0,0 +1,154 @@
+import axios from 'axios'
+import {events} from '@/bus'
+import i18n from '@/i18n/index'
+
+const actions = {
+    moveItem: ({commit, getters}, [item_from, to_item]) => {
+        axios
+            .post(getters.api + '/move-item', {
+                from_unique_id: item_from.unique_id,
+                from_type: item_from.type,
+                to_unique_id: to_item.unique_id
+            })
+            .then(() => {
+                commit('REMOVE_ITEM', item_from.unique_id)
+                commit('INCREASE_FOLDER_ITEM', to_item.unique_id)
+            })
+            .catch(() => isSomethingWrong())
+    },
+    createFolder: ({commit, getters}, folderName) => {
+        const parent_id = getters.currentFolder ? getters.currentFolder.unique_id : 0
+
+        axios
+            .post(getters.api + '/create-folder', {
+                parent_id: parent_id,
+                name: folderName
+            })
+            .then(response => {
+                commit('ADD_NEW_FOLDER', response.data)
+            })
+            .catch(() => isSomethingWrong())
+    },
+    changeItemName: ({commit, getters}, data) => {
+
+        // Updated name in favourites panel
+        if (data.type === 'folder')
+            commit('UPDATE_NAME_IN_FAVOURITES', data)
+
+        axios
+            .post(getters.api + '/rename-item', data)
+            .then(response => {
+                commit('CHANGE_ITEM_NAME', response.data)
+            })
+            .catch(() => isSomethingWrong())
+    },
+    uploadFiles: ({commit, getters}, files) => {
+        return new Promise((resolve, reject) => {
+            axios
+                .post(getters.api + '/upload-file', files, {
+                    headers: {
+                        'Content-Type': 'multipart/form-data'
+                    },
+                    onUploadProgress: progressEvent => {
+                        var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total)
+
+                        commit('UPLOADING_FILE_PROGRESS', percentCompleted)
+                    }
+                })
+                .then(response => {
+
+                    // Check if user is in uploading folder, if yes, than show new file
+                    if (response.data.folder_id == getters.currentFolder.unique_id)
+                        commit('ADD_NEW_ITEMS', response.data)
+
+                    commit('UPDATE_RECENT_UPLOAD', response.data)
+                    commit('UPLOADING_FILE_PROGRESS', 0)
+
+                    resolve(response)
+                })
+                .catch(error => {
+                    reject(error)
+
+                    context.commit('UPDATE_FILE_COUNT_PROGRESS', undefined)
+                })
+        })
+    },
+    restoreItem: ({commit, getters}, item) => {
+
+        let restoreToHome = false
+
+        // Check if file can be restored to home directory
+        if (getters.currentFolder.location === 'trash')
+            restoreToHome = true
+
+        // Remove file
+        commit('REMOVE_ITEM', item.unique_id)
+
+        // Remove file preview
+        commit('CLEAR_FILEINFO_DETAIL')
+
+        axios
+            .post(getters.api + '/restore-item', {
+                type: item.type,
+                unique_id: item.unique_id,
+                to_home: restoreToHome,
+            })
+            .catch(() => isSomethingWrong())
+    },
+    removeItem: ({commit, getters}, data) => {
+
+        // Remove file
+        commit('REMOVE_ITEM', data.unique_id)
+
+        if (data.type === 'folder')
+            commit('REMOVE_ITEM_FROM_FAVOURITES', data)
+        else
+            commit('REMOVE_ITEM_FROM_RECENT_UPLOAD', data.unique_id)
+
+        // Remove file preview
+        commit('CLEAR_FILEINFO_DETAIL')
+
+        axios
+            .post(getters.api + '/remove-item', {
+                type: data.type,
+                unique_id: data.unique_id,
+                force_delete: data.deleted_at ? true : false
+            })
+            .catch(() => isSomethingWrong())
+    },
+    emptyTrash: ({commit, getters}) => {
+
+        // Clear file browser
+        commit('FLUSH_DATA')
+        commit('LOADING_STATE', true)
+
+        axios
+            .delete(getters.api + '/empty-trash')
+            .then(() => {
+                commit('LOADING_STATE', false)
+                events.$emit('scrollTop')
+
+                // Remove file preview
+                commit('CLEAR_FILEINFO_DETAIL')
+
+                // Show success message
+                events.$emit('success:open', {
+                    title: i18n.t('popup_trashed.title'),
+                    message: i18n.t('popup_trashed.message'),
+                })
+            })
+            .catch(() => isSomethingWrong())
+    },
+}
+
+// Show error message
+function isSomethingWrong() {
+    events.$emit('alert:open', {
+        title: i18n.t('popup_error.title'),
+        message: i18n.t('popup_error.message'),
+    })
+}
+
+export default {
+    actions,
+}

resources/js/store/modules/sharing.js

@@ -37,7 +37,7 @@ const actions = {
             location: 'public'
         }
 
-        let route = state.sharedDetail.protected ? '/api/browse-private/' : '/api/browse-public/'
+        let route = getters.sharedDetail.protected ? '/api/browse-private/' : '/api/browse-public/'
 
         return new Promise((resolve, reject) => {
             axios

resources/js/views/Files.vue

@@ -53,7 +53,7 @@
                 this.$store.commit('SET_START_DIRECTORY', this.config.directory)
 
                 // Load folder
-                this.$store.dispatch('goToFolder', [
+                this.$store.dispatch('getFolder', [
                     {
                         unique_id: this.config.directory.unique_id,
                         name: this.config.directory.name,
@@ -74,7 +74,7 @@
                 this.$store.commit('SET_START_DIRECTORY', homeDirectory)
 
                 // Load folder
-                this.$store.dispatch('goToFolder', [homeDirectory, false, true])
+                this.$store.dispatch('getFolder', [homeDirectory, false, true])
             }
 
             var filesView = document.getElementById('files-view');

routes/api.php

@@ -23,7 +23,7 @@ Route::group(['middleware' => ['api']], function () {
     Route::post('/password/email', 'Auth\ForgotPasswordController@sendResetLinkEmail');
     Route::post('/password/reset', 'Auth\ResetPasswordController@reset');
 
-    // User authentification
+    // User authentication
     Route::post('/user/check', 'Auth\AuthController@check_account');
     Route::post('/user/register', 'Auth\AuthController@register');
     Route::post('/user/login', 'Auth\AuthController@login');