optimized browsing

resources/js/components/FilePreview/FilePreview.vue

@@ -1,7 +1,7 @@
 <template>
 	<div
         v-if="isFullPreview"
-        class="file-preview"
+        class="file-preview z-20"
         ref="filePreview"
         tabindex="-1"
         @keydown.esc="closeFilePreview"
@@ -60,7 +60,6 @@
         width: 100%;
         height: 100%;
         position: absolute;
-        z-index: 7;
         background-color: white;
     }
 

resources/js/components/FilesView/FileItemList.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="file-wrapper" @mouseup.stop="clickedItem" @dblclick="goToItem" spellcheck="false">
+    <div class="file-wrapper" @mouseup.stop="clickFilter" spellcheck="false">
         <div
             :draggable="canDrag"
             @dragstart="$emit('dragstart')"
@@ -17,7 +17,7 @@
             <div class="icon-item">
 
 				<MemberAvatar
-					v-if="canShowAuthor"
+					v-if="user && canShowAuthor"
 					:size="28"
 					:is-border="true"
 					:member="item.data.relationships.user"
@@ -156,11 +156,33 @@ export default {
         return {
             area: false,
             itemName: undefined,
-            mobileMultiSelect: false
+            mobileMultiSelect: false,
+
+			delay: 220,
+			clicks: 0,
+			timer: null
         }
     },
     methods: {
-        drop() {
+		clickFilter(e) {
+			this.clicks++
+
+			if (this.clicks === 1) {
+				let self = this
+
+				this.timer = setTimeout(() => {
+					this.clickedItem(e)
+					self.clicks = 0
+				}, this.delay);
+
+			} else {
+				clearTimeout(this.timer);
+
+				this.goToItem(e)
+				this.clicks = 0;
+			}
+		},
+		drop() {
             this.area = false
             events.$emit('drop')
         },
@@ -261,9 +283,6 @@ export default {
 
             } else if (this.isFolder) {
 
-                // Clear selected items after open another folder
-                this.$store.commit('CLIPBOARD_CLEAR')
-
 				this.$goToFileView(this.item.data.id)
             }
         },

resources/js/components/Others/FilePreviewDetail.vue

@@ -16,7 +16,7 @@
         name: 'FilePreview',
         computed: {
             ...mapGetters([
-				'clipboard'
+				'clipboard',
 			]),
 			singleFile() {
             	return this.clipboard[0]
@@ -26,8 +26,8 @@
                     'folder', 'file'
                 ], this.singleFile.data.type)
             }
-        },
-    }
+        }
+	}
 </script>
 
 <style scoped lang="scss">