- download multiple files in public folder

- frontend build

resources/js/components/FilesView/SortingAndPreviewMenu.vue

@@ -1,48 +1,48 @@
 <template>
-        <div class="menu-options" id="menu-list">
-            <ul class="menu-option-group">
-                <li v-if="isList" class="menu-option" @click="changePreview('grid')">
-                    <div class="icon">
-                        <grid-icon size="17"/>
-                    </div>
-                    <div class="text-label">
-                        {{ $t('preview_sorting.grid_view') }}
-                    </div>
-                </li>
-                <li v-if="isGrid" class="menu-option" @click="changePreview('list')">
-                    <div class="icon">
-                        <list-icon size="17"/>
-                    </div>
-                    <div class="text-label">
-                        {{ $t('preview_sorting.list_view') }}
-                    </div>
-                </li>
-            </ul>
-            <ul class="menu-option-group">
-                <li class="menu-option" @click.stop="sort('created_at')">
-                    <div class="icon">
-                        <calendar-icon size="17"/>
-                    </div>
-                    <div class="text-label">
-                        {{ $t('preview_sorting.sort_date') }}
-                    </div>
-                    <div class="show-icon">
-                        <arrow-up-icon size="17" v-if="filter.field === 'created_at'" :class="{ 'arrow-down': filter.sort === 'ASC' }"/>
-                    </div>
-                </li>
-                <li class="menu-option" @click.stop="sort('name')">
-                    <div class="icon">
-                        <alphabet-icon size="17" class="alphabet-icon"/>
-                    </div>
-                    <div class="text-label">
-                        {{ $t('preview_sorting.sort_alphabet') }}
-                    </div>
-                    <div class="show-icon">
-                        <arrow-up-icon size="17" v-if="filter.field === 'name'" :class="{ 'arrow-down': filter.sort === 'ASC' }"/>
-                    </div>
-                </li>
-            </ul>
-        </div>
+    <div class="menu-options" id="menu-list">
+        <ul class="menu-option-group">
+            <li v-if="isList" class="menu-option" @click="changePreview('grid')">
+                <div class="icon">
+                    <grid-icon size="17"/>
+                </div>
+                <div class="text-label">
+                    {{ $t('preview_sorting.grid_view') }}
+                </div>
+            </li>
+            <li v-if="isGrid" class="menu-option" @click="changePreview('list')">
+                <div class="icon">
+                    <list-icon size="17"/>
+                </div>
+                <div class="text-label">
+                    {{ $t('preview_sorting.list_view') }}
+                </div>
+            </li>
+        </ul>
+        <ul class="menu-option-group">
+            <li class="menu-option" @click.stop="sort('created_at')">
+                <div class="icon">
+                    <calendar-icon size="17"/>
+                </div>
+                <div class="text-label">
+                    {{ $t('preview_sorting.sort_date') }}
+                </div>
+                <div class="show-icon">
+                    <arrow-up-icon size="17" v-if="filter.field === 'created_at'" :class="{ 'arrow-down': filter.sort === 'ASC' }"/>
+                </div>
+            </li>
+            <li class="menu-option" @click.stop="sort('name')">
+                <div class="icon">
+                    <alphabet-icon size="17" class="alphabet-icon"/>
+                </div>
+                <div class="text-label">
+                    {{ $t('preview_sorting.sort_alphabet') }}
+                </div>
+                <div class="show-icon">
+                    <arrow-up-icon size="17" v-if="filter.field === 'name'" :class="{ 'arrow-down': filter.sort === 'ASC' }"/>
+                </div>
+            </li>
+        </ul>
+    </div>
 </template>
 
 <script>
@@ -85,11 +85,11 @@ export default {
             this.filter.field = field
 
             // Set sorting direction
-            if (this.filter.sort === 'DESC') {
+            if (this.filter.sort === 'DESC')
                 this.filter.sort = 'ASC'
-            } else if (this.filter.sort === 'ASC') {
+
+            if (this.filter.sort === 'ASC')
                 this.filter.sort = 'DESC'
-            }
 
             // Save to localStorage sorting options
             localStorage.setItem('sorting', JSON.stringify({ sort: this.filter.sort, field: this.filter.field }))
@@ -104,9 +104,8 @@ export default {
 
             this.$store.dispatch('changePreviewType', previewType)
 
-            if(this.$isMobile()) {
-                events.$emit('mobileSortingAndPreview', false )
-            }
+            if (this.$isMobile())
+                events.$emit('mobileSortingAndPreview', false)
         }
     },
     mounted() {
@@ -116,7 +115,6 @@ export default {
         // Set default sorting if in not setup in LocalStorage
         this.filter.sort = sorting ? sorting.sort : 'DESC'
         this.filter.field = sorting ? sorting.field : 'created_at'
-
     }
 
 }

resources/js/helpers.js

@@ -1,340 +1,339 @@
 import i18n from '@/i18n/index'
 import store from './store/index'
-import {debounce, includes} from "lodash";
-import {events} from './bus'
+import { debounce, includes } from 'lodash'
+import { events } from './bus'
 import axios from 'axios'
 import router from '@/router'
 
 const Helpers = {
-    install(Vue) {
+	install(Vue) {
 
-        Vue.prototype.$updateText = debounce(function (route, name, value) {
-    
-            let enableEmptyInput = ['mimetypes_blacklist' , 'google_analytics']
-
-            if (value === '' && !enableEmptyInput.includes(name)) return
-
-            axios.post(this.$store.getters.api + route, {name, value, _method: 'patch'})
-                .catch(error => {
-                    events.$emit('alert:open', {
-                        title: this.$t('popup_error.title'),
-                        message: this.$t('popup_error.message'),
-                    })
-                })
-        }, 150)
-
-        Vue.prototype.$updateImage = function (route, name, image) {
-
-            // Create form
-            let formData = new FormData()
-
-            // Add image to form
-            formData.append('name', name)
-            formData.append(name, image)
-            formData.append('_method', 'PATCH')
-
-            axios.post(this.$store.getters.api + route, formData, {
-                headers: {
-                    'Content-Type': 'multipart/form-data',
-                }
-            })
-                .catch(error => {
-                    events.$emit('alert:open', {
-                        title: this.$t('popup_error.title'),
-                        message: this.$t('popup_error.message'),
-                    })
-                })
-        }
-
-        Vue.prototype.$scrollTop = function () {
-            var container = document.getElementById('vue-file-manager')
-
-            if (container) {
-                container.scrollTop = 0
-            }
-        }
-
-        Vue.prototype.$getImage = function (source) {
-            return source ? this.$store.getters.config.host + '/' + source : ''
-        }
-
-        Vue.prototype.$getCreditCardBrand = function (brand) {
-            return `/assets/icons/${brand}.svg`
-        }
-
-        Vue.prototype.$getInvoiceLink = function (customer, id) {
-            return '/invoice/' + customer + '/' + id
-        }
-
-        Vue.prototype.$openImageOnNewTab = function (source) {
-            let win = window.open(source, '_blank')
-
-            win.focus()
-        }
-
-        Vue.prototype.$createFolder = function (folderName) {
-            this.$store.dispatch('createFolder', folderName)
-        }
-
-        Vue.prototype.$handleUploading = async function (files, parent_id) {
-
-            let fileBuffer = []
-
-            // Append the file list to fileBuffer array
-            Array.prototype.push.apply(fileBuffer, files);
-
-            let fileSucceed = 0
-
-            // Update files count in progressbar
-            store.commit('UPDATE_FILE_COUNT_PROGRESS', {
-                current: fileSucceed,
-                total: files.length
-            })
-
-            // Reset upload progress to 0
-            store.commit('UPLOADING_FILE_PROGRESS', 0)
-
-            // Get parent id
-            let parentFolder = this.$store.getters.currentFolder ? this.$store.getters.currentFolder.unique_id : 0
-            let rootFolder = parent_id ? parent_id : parentFolder
+		Vue.prototype.$updateText = debounce(function(route, name, value) {
 
-            // Upload files
-            do {
-                let file = fileBuffer.shift(),
-                    chunks = []
+			let enableEmptyInput = ['mimetypes_blacklist', 'google_analytics']
 
-                // Calculate ceils
-                let size = this.$store.getters.config.chunkSize,
-                    chunksCeil = Math.ceil(file.size / size);
+			if (value === '' && !enableEmptyInput.includes(name)) return
 
-                // Create chunks
-                for (let i = 0; i < chunksCeil; i++) {
-                    chunks.push(file.slice(
-                        i * size, Math.min(i * size + size, file.size), file.type
-                    ));
-                }
+			axios.post(this.$store.getters.api + route, { name, value, _method: 'patch' })
+				.catch(error => {
+					events.$emit('alert:open', {
+						title: this.$t('popup_error.title'),
+						message: this.$t('popup_error.message')
+					})
+				})
+		}, 150)
+
+		Vue.prototype.$updateImage = function(route, name, image) {
+
+			// Create form
+			let formData = new FormData()
+
+			// Add image to form
+			formData.append('name', name)
+			formData.append(name, image)
+			formData.append('_method', 'PATCH')
+
+			axios.post(this.$store.getters.api + route, formData, {
+				headers: {
+					'Content-Type': 'multipart/form-data'
+				}
+			})
+				.catch(error => {
+					events.$emit('alert:open', {
+						title: this.$t('popup_error.title'),
+						message: this.$t('popup_error.message')
+					})
+				})
+		}
+
+		Vue.prototype.$scrollTop = function() {
+			var container = document.getElementById('vue-file-manager')
+
+			if (container) {
+				container.scrollTop = 0
+			}
+		}
+
+		Vue.prototype.$getImage = function(source) {
+			return source ? this.$store.getters.config.host + '/' + source : ''
+		}
+
+		Vue.prototype.$getCreditCardBrand = function(brand) {
+			return `/assets/icons/${brand}.svg`
+		}
+
+		Vue.prototype.$getInvoiceLink = function(customer, id) {
+			return '/invoice/' + customer + '/' + id
+		}
+
+		Vue.prototype.$openImageOnNewTab = function(source) {
+			let win = window.open(source, '_blank')
+
+			win.focus()
+		}
+
+		Vue.prototype.$createFolder = function(folderName) {
+			this.$store.dispatch('createFolder', folderName)
+		}
+
+		Vue.prototype.$handleUploading = async function(files, parent_id) {
+
+			let fileBuffer = []
 
-                // Set Data
-                let formData = new FormData(),
-                    uploadedSize = 0,
-                    isNotGeneralError = true,
-                    striped_name = file.name.replace(/[^A-Za-z 0-9 \.,\?""!@#\$%\^&\*\(\)-_=\+;:<>\/\\\|\}\{\[\]`~]*/g, ''),
-                    filename = Array(16).fill(0).map(x => Math.random().toString(36).charAt(2)).join('') + '-' + striped_name + '.part'
+			// Append the file list to fileBuffer array
+			Array.prototype.push.apply(fileBuffer, files)
 
-                do {
-                    let isLast = chunks.length === 1,
-                        chunk = chunks.shift(),
-                        attempts = 0
+			let fileSucceed = 0
 
-                    // Set form data
-                    formData.set('file', chunk, filename);
-                    formData.set('parent_id', rootFolder)
-                    formData.set('is_last', isLast);
+			// Update files count in progressbar
+			store.commit('UPDATE_FILE_COUNT_PROGRESS', {
+				current: fileSucceed,
+				total: files.length
+			})
 
-                    // Upload chunks
-                    do {
-                        await store.dispatch('uploadFiles', {
-                            form: formData,
-                            fileSize: file.size,
-                            totalUploadedSize: uploadedSize
-                        }).then(() => {
-                            uploadedSize = uploadedSize + chunk.size
-                        }).catch((error) => {
+			// Reset upload progress to 0
+			store.commit('UPLOADING_FILE_PROGRESS', 0)
 
-                            // Count attempts
-                            attempts++
+			// Get parent id
+			let parentFolder = this.$store.getters.currentFolder ? this.$store.getters.currentFolder.unique_id : 0
+			let rootFolder = parent_id ? parent_id : parentFolder
 
-                            // Break uploading proccess
-                            if (error.response.status === 500)
-                                isNotGeneralError = false
+			// Upload files
+			do {
+				let file = fileBuffer.shift(),
+					chunks = []
 
-                            //Break if mimetype of file is in blacklist
-                            if(error.response.status === 415)
-                                isNotGeneralError = false
+				// Calculate ceils
+				let size = this.$store.getters.config.chunkSize,
+					chunksCeil = Math.ceil(file.size / size)
 
-                            // Show Error
-                            if (attempts === 3)
-                                this.$isSomethingWrong()
-                        })
-                    } while (isNotGeneralError && attempts !== 0 && attempts !== 3)
+				// Create chunks
+				for (let i = 0; i < chunksCeil; i++) {
+					chunks.push(file.slice(
+						i * size, Math.min(i * size + size, file.size), file.type
+					))
+				}
 
-                } while (isNotGeneralError && chunks.length !== 0)
+				// Set Data
+				let formData = new FormData(),
+					uploadedSize = 0,
+					isNotGeneralError = true,
+					striped_name = file.name.replace(/[^A-Za-z 0-9 \.,\?""!@#\$%\^&\*\(\)-_=\+;:<>\/\\\|\}\{\[\]`~]*/g, ''),
+					filename = Array(16).fill(0).map(x => Math.random().toString(36).charAt(2)).join('') + '-' + striped_name + '.part'
 
-                fileSucceed++
+				do {
+					let isLast = chunks.length === 1,
+						chunk = chunks.shift(),
+						attempts = 0
 
-                // Progress file log
-                store.commit('UPDATE_FILE_COUNT_PROGRESS', {
-                    current: fileSucceed,
-                    total: files.length
-                })
+					// Set form data
+					formData.set('file', chunk, filename)
+					formData.set('parent_id', rootFolder)
+					formData.set('is_last', isLast)
 
-            } while (fileBuffer.length !== 0)
+					// Upload chunks
+					do {
+						await store.dispatch('uploadFiles', {
+							form: formData,
+							fileSize: file.size,
+							totalUploadedSize: uploadedSize
+						}).then(() => {
+							uploadedSize = uploadedSize + chunk.size
+						}).catch((error) => {
 
-            store.commit('UPDATE_FILE_COUNT_PROGRESS', undefined)
-        }
+							// Count attempts
+							attempts++
 
-        Vue.prototype.$uploadFiles = async function (files) {
+							// Break uploading proccess
+							if (error.response.status === 500)
+								isNotGeneralError = false
 
-            if (files.length == 0) return
+							//Break if mimetype of file is in blacklist
+							if (error.response.status === 415)
+								isNotGeneralError = false
 
-           if (!this.$checkFileMimetype(files)) return
-           
-            this.$handleUploading(files, undefined)
-        }
+							// Show Error
+							if (attempts === 3)
+								this.$isSomethingWrong()
+						})
+					} while (isNotGeneralError && attempts !== 0 && attempts !== 3)
 
-        Vue.prototype.$uploadExternalFiles = async function (event, parent_id) {
+				} while (isNotGeneralError && chunks.length !== 0)
 
-            // Prevent submit empty files
-            if (event.dataTransfer.items.length == 0) return
+				fileSucceed++
 
-            // Get files
-            let files = [...event.dataTransfer.items].map(item => item.getAsFile());
+				// Progress file log
+				store.commit('UPDATE_FILE_COUNT_PROGRESS', {
+					current: fileSucceed,
+					total: files.length
+				})
 
-            this.$handleUploading(files, parent_id)
-        }
+			} while (fileBuffer.length !== 0)
 
-        Vue.prototype.$downloadFile = function (url, filename) {
-            var anchor = document.createElement('a')
+			store.commit('UPDATE_FILE_COUNT_PROGRESS', undefined)
+		}
 
-            anchor.href = url
+		Vue.prototype.$uploadFiles = async function(files) {
 
-            anchor.download = filename
+			if (files.length == 0) return
 
-            document.body.appendChild(anchor)
+			if (!this.$checkFileMimetype(files)) return
 
-            anchor.click()
-        }
-
-        Vue.prototype.$closePopup = function () {
-            events.$emit('popup:close')
-        }
+			this.$handleUploading(files, undefined)
+		}
 
-        Vue.prototype.$isThisRoute = function (route, locations) {
+		Vue.prototype.$uploadExternalFiles = async function(event, parent_id) {
 
-            return includes(locations, route.name)
-        }
+			// Prevent submit empty files
+			if (event.dataTransfer.items.length == 0) return
 
-        Vue.prototype.$isThisLocation = function (location) {
-
-            // Get current location
-            let currentLocation = store.getters.currentFolder && store.getters.currentFolder.location ? store.getters.currentFolder.location : undefined
+			// Get files
+			let files = [...event.dataTransfer.items].map(item => item.getAsFile())
 
-            // Check if type is object
-            if (typeof location === 'Object' || location instanceof Object) {
-                return includes(location, currentLocation)
-
-            } else {
-                return currentLocation === location
-            }
-        }
-
-        Vue.prototype.$checkPermission = function (type) {
-
-            let currentPermission = store.getters.permission
-
-            // Check if type is object
-            if (typeof type === 'Object' || type instanceof Object) {
-                return includes(type, currentPermission)
-
-            } else {
-                return currentPermission === type
-            }
-        }
+			this.$handleUploading(files, parent_id)
+		}
 
-        Vue.prototype.$isMobile = function () {
-            const toMatch = [
-                /Android/i,
-                /webOS/i,
-                /iPhone/i,
-                /iPad/i,
-                /iPod/i,
-                /BlackBerry/i,
-                /Windows Phone/i
-            ]
-
-            return toMatch.some(toMatchItem => {
-                return navigator.userAgent.match(toMatchItem)
-            })
-        }
+		Vue.prototype.$downloadFile = function(url, filename) {
+			var anchor = document.createElement('a')
 
-        Vue.prototype.$isMinimalScale = function () {
-            let sizeType = store.getters.filesViewWidth
-
-            return sizeType === 'minimal-scale'
-        }
-
-        Vue.prototype.$isCompactScale = function () {
-            let sizeType = store.getters.filesViewWidth
-
-            return sizeType === 'compact-scale'
-        }
-
-        Vue.prototype.$isFullScale = function () {
-            let sizeType = store.getters.filesViewWidth
-
-            return sizeType === 'full-scale'
-        }
-
-        Vue.prototype.$isSomethingWrong = function () {
-
-            events.$emit('alert:open', {
-                title: this.$t('popup_error.title'),
-                message: this.$t('popup_error.message'),
-            })
-        }
-        Vue.prototype.$checkFileMimetype = function(files) {
-            let validated = true
-            let mimetypesBlacklist = store.getters.config.mimetypesBlacklist
-            
-              for (let i = 0 ; i<files.length; i++ ) {
-                  let fileType = files[i].type.split('/')
-
-                  if(!fileType[0]) {
-                      fileType[1] = _.last(files[i].name.split('.'))
-                  }
-
-                  if(mimetypesBlacklist.includes(fileType[1])) {  
-                      validated = false
-                                          
-                      events.$emit('alert:open', {
-                        emoji: '😬😬😬',
-                        title: i18n.t('popup_mimetypes_blacklist.title'),
-                        message: i18n.t('popup_mimetypes_blacklist.message', {mimetype: fileType[1]}),
-                    })
-                  }
-              } 
-              return validated
-        }
-        Vue.prototype.$getDataByLocation = function() {
-
-            let folder = store.getters.currentFolder
-
-            let actions = {
-                'base' : ['getFolder', [{ folder: folder, back: true, init: false, sorting:true}]],
-                'public' : ['browseShared', [{ folder: folder, back: true, init: false, sorting:true}]],
-                'trash' : ['getFolder', [{ folder: folder, back: true, init: false, sorting:true}]],
-                'participant_uploads' : ['getParticipantUploads'],
-                'trash-root' : ['getTrash'],
-                'latest' : ['getLatest'],
-                'shared' : ['getShared'],
-            }
-
-            this.$store.dispatch(...actions[folder.location])
-            
-            // Get dara of user with favourites tree
-            this.$store.dispatch('getAppData')
-
-            // Get data of Navigator tree
-            this.$store.dispatch('getFolderTree')
-        }
-        Vue.prototype.$checkOS = function() {
-            // Handle styled scrollbar for Windows
-            if (navigator.userAgent.indexOf('Windows') != -1) {
-                let body = document.body
-                body.classList.add('windows')
-             }
-        }
-    }
+			anchor.href = url
+
+			anchor.download = filename
+
+			document.body.appendChild(anchor)
+
+			anchor.click()
+		}
+
+		Vue.prototype.$closePopup = function() {
+			events.$emit('popup:close')
+		}
+
+		Vue.prototype.$isThisRoute = function(route, locations) {
+
+			return includes(locations, route.name)
+		}
+
+		Vue.prototype.$isThisLocation = function(location) {
+
+			// Get current location
+			let currentLocation = store.getters.currentFolder && store.getters.currentFolder.location ? store.getters.currentFolder.location : undefined
+
+			// Check if type is object
+			if (typeof location === 'Object' || location instanceof Object) {
+				return includes(location, currentLocation)
+
+			} else {
+				return currentLocation === location
+			}
+		}
+
+		Vue.prototype.$checkPermission = function(type) {
+
+			let currentPermission = store.getters.permission
+
+			// Check if type is object
+			if (typeof type === 'Object' || type instanceof Object) {
+				return includes(type, currentPermission)
+
+			} else {
+				return currentPermission === type
+			}
+		}
+
+		Vue.prototype.$isMobile = function() {
+			const toMatch = [
+				/Android/i,
+				/webOS/i,
+				/iPhone/i,
+				/iPad/i,
+				/iPod/i,
+				/BlackBerry/i,
+				/Windows Phone/i
+			]
+
+			return toMatch.some(toMatchItem => {
+				return navigator.userAgent.match(toMatchItem)
+			})
+		}
+
+		Vue.prototype.$isMinimalScale = function() {
+			let sizeType = store.getters.filesViewWidth
+
+			return sizeType === 'minimal-scale'
+		}
+
+		Vue.prototype.$isCompactScale = function() {
+			let sizeType = store.getters.filesViewWidth
+
+			return sizeType === 'compact-scale'
+		}
+
+		Vue.prototype.$isFullScale = function() {
+			let sizeType = store.getters.filesViewWidth
+
+			return sizeType === 'full-scale'
+		}
+
+		Vue.prototype.$isSomethingWrong = function() {
+			events.$emit('alert:open', {
+				title: i18n.t('popup_error.title'),
+				message: i18n.t('popup_error.message')
+			})
+		}
+		Vue.prototype.$checkFileMimetype = function(files) {
+			let validated = true
+			let mimetypesBlacklist = store.getters.config.mimetypesBlacklist
+
+			for (let i = 0; i < files.length; i++) {
+				let fileType = files[i].type.split('/')
+
+				if (!fileType[0]) {
+					fileType[1] = _.last(files[i].name.split('.'))
+				}
+
+				if (mimetypesBlacklist.includes(fileType[1])) {
+					validated = false
+
+					events.$emit('alert:open', {
+						emoji: '😬😬😬',
+						title: i18n.t('popup_mimetypes_blacklist.title'),
+						message: i18n.t('popup_mimetypes_blacklist.message', { mimetype: fileType[1] })
+					})
+				}
+			}
+			return validated
+		}
+		Vue.prototype.$getDataByLocation = function() {
+
+			let folder = store.getters.currentFolder
+
+			let actions = {
+				'base': ['getFolder', [{ folder: folder, back: true, init: false, sorting: true }]],
+				'public': ['browseShared', [{ folder: folder, back: true, init: false, sorting: true }]],
+				'trash': ['getFolder', [{ folder: folder, back: true, init: false, sorting: true }]],
+				'participant_uploads': ['getParticipantUploads'],
+				'trash-root': ['getTrash'],
+				'latest': ['getLatest'],
+				'shared': ['getShared']
+			}
+
+			this.$store.dispatch(...actions[folder.location])
+
+			// Get dara of user with favourites tree
+			this.$store.dispatch('getAppData')
+
+			// Get data of Navigator tree
+			this.$store.dispatch('getFolderTree')
+		}
+		Vue.prototype.$checkOS = function() {
+			// Handle styled scrollbar for Windows
+			if (navigator.userAgent.indexOf('Windows') != -1) {
+				let body = document.body
+				body.classList.add('windows')
+			}
+		}
+	}
 }
 
 export default Helpers

resources/js/store/modules/fileFunctions.js

@@ -14,7 +14,10 @@ const actions = {
         // get unique_ids of selected files
         getters.fileInfoDetail.forEach(file => files.push(file.unique_id))
 
-        let route = '/download'
+        // Get route
+        let route = getters.sharedDetail && ! getters.sharedDetail.protected
+            ? '/api/zip/public/' + router.currentRoute.params.token
+            : '/api/zip'
 
         axios.post(route, {
             files: files
@@ -30,24 +33,20 @@ const actions = {
 
         let itemsToMove = []
         let items = [noSelectedItem]
-       
-        //If coming no selected item dont get items to move from fileInfoDetail
-        if(!noSelectedItem) {
-            items = getters.fileInfoDetail
-        }
 
-        items.forEach((data) => {
-            itemsToMove.push({
-                'force_delete': data.deleted_at ? true : false,
-                'type': data.type,
-                "unique_id": data.unique_id
-            })
-        })
+        // If coming no selected item dont get items to move from fileInfoDetail
+        if (!noSelectedItem)
+            items = getters.fileInfoDetail
+
+        items.forEach(data => itemsToMove.push({
+            'force_delete': data.deleted_at ? true : false,
+            "unique_id": data.unique_id,
+            'type': data.type
+        }))
 
         // Remove file preview
-        if(!noSelectedItem){
+        if (!noSelectedItem)
             commit('CLEAR_FILEINFO_DETAIL')
-        }
         
         // Get route
         let route = getters.sharedDetail && ! getters.sharedDetail.protected
@@ -57,17 +56,17 @@ const actions = {
         axios
             .post(route, {
                 _method: 'post',
-                to_unique_id:to_item.unique_id,
+                to_unique_id: to_item.unique_id,
                 items: itemsToMove
             })
             .then(() => {
-                itemsToMove.forEach(item=> {
+                itemsToMove.forEach(item => {
                     commit('REMOVE_ITEM', item.unique_id)
                     commit('INCREASE_FOLDER_ITEM', to_item.unique_id)
 
                     if (item.type === 'folder' && getters.currentFolder.location !== 'public')
                         dispatch('getAppData')
-                    })
+                })
             })
             .catch(() => Vue.prototype.$isSomethingWrong())
     },