-
+ :class="{'is-visible': isVisibleSidebar, 'mobile-multi-select': isMultiSelect}"
+ @click.self="filesContainerClick"
+ class="files-container"
+ ref="fileContainer"
+ >
-
-
+
-
+
+ name="file"
+ tag="section"
+ class="file-list"
+ :class="FilePreviewType"
+ >
+ @dragstart="dragStart(item)"
+ @drop.stop.native.prevent="dragFinish(item, $event)"
+ @contextmenu.native.prevent="contextMenu($event, item)"
+ :item="item"
+ v-for="item in entries"
+ :key="item.id"
+ class="file-item"
+ :class="draggedItems.includes(item) ? 'dragged' : '' "
+ />
-
+
+ name="file"
+ tag="section"
+ class="file-list"
+ :class="FilePreviewType"
+ >
+ @dragstart="dragStart(item)"
+ @drop.native.prevent="dragFinish(item, $event)"
+ @contextmenu.native.prevent="contextMenu($event, item)"
+ :item="item"
+ v-for="item in entries"
+ :key="item.id"
+ class="file-item"
+ :class="draggedItems.includes(item) ? 'dragged' : '' "
+ />
-
-
+
+
-
+
+ v-if="isSearching && isEmpty"
+ :message="$t('messages.nothing_was_found')"
+ icon="eye-slash"
+ />
-
-
diff --git a/resources/js/components/FilesView/FileInfoPanel.vue b/resources/js/components/FilesView/FileInfoPanel.vue
deleted file mode 100644
index d60f7d98..00000000
--- a/resources/js/components/FilesView/FileInfoPanel.vue
+++ /dev/null
@@ -1,218 +0,0 @@
-
-
-
-
-
-
-
-
-
- {{ clipboard[0].name }}
- .{{ clipboard[0].mimetype }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ clipboard[0].parent ? clipboard[0].parent.name : $t('locations.home') }}
-
-
-
-
-
- {{ sharedInfo }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/resources/js/components/FilesView/FileItemGrid.vue b/resources/js/components/FilesView/FileItemGrid.vue
index a3691041..871cade1 100644
--- a/resources/js/components/FilesView/FileItemGrid.vue
+++ b/resources/js/components/FilesView/FileItemGrid.vue
@@ -1,6 +1,5 @@
-
-
+
diff --git a/resources/js/components/FilesView/FileItemList.vue b/resources/js/components/FilesView/FileItemList.vue
index 171012cd..b7799460 100644
--- a/resources/js/components/FilesView/FileItemList.vue
+++ b/resources/js/components/FilesView/FileItemList.vue
@@ -1,6 +1,5 @@
-
-
+
item.id === this.item.id)) {
this.$store.commit('REMOVE_ITEM_FROM_CLIPBOARD', this.item)
} else {
this.$store.commit('ADD_ITEM_TO_CLIPBOARD', this.item)
}
} else if (e.shiftKey) {
- // Click + Shift
+
+ // Click + Shift
let lastItem = this.entries.indexOf(this.clipboard[this.clipboard.length - 1])
let clickedItem = this.entries.indexOf(this.item)
@@ -207,7 +208,8 @@ export default {
}
}
} else {
- // Click
+
+ // Click
this.$store.commit('CLIPBOARD_CLEAR')
this.$store.commit('ADD_ITEM_TO_CLIPBOARD', this.item)
}
diff --git a/resources/js/components/FilesView/ImageMetaData.vue b/resources/js/components/FilesView/ImageMetaData.vue
index 9939197d..c694380e 100644
--- a/resources/js/components/FilesView/ImageMetaData.vue
+++ b/resources/js/components/FilesView/ImageMetaData.vue
@@ -23,10 +23,10 @@
{{ $t('file_detail_meta.color_space') }}
- {{ clipboard.metadata.ColorSpace}}
+ {{ clipboard.metadata.ColorSpace }}
-
+
{{ $t('file_detail_meta.make') }}
@@ -68,41 +68,42 @@
{{ clipboard.metadata.COMPUTED.CCDWidth }}
-
+
{{ $t('file_detail_meta.longitude') }}
- {{ formatGps(clipboard.metadata.GPSLongitude,clipboard.metadata.GPSLongitudeRef) }}
-
-
-
- {{ $t('file_detail_meta.latitude') }}
- {{ formatGps(clipboard.metadata.GPSLatitude, clipboard.metadata.GPSLatitudeRef) }}
+ {{ formatGps(clipboard.metadata.GPSLongitude, clipboard.metadata.GPSLongitudeRef) }}
+
+ {{ $t('file_detail_meta.latitude') }}
+ {{ formatGps(clipboard.metadata.GPSLatitude, clipboard.metadata.GPSLatitudeRef) }}
+
@@ -111,33 +112,33 @@ export default {
@import '@assets/vuefilemanager/_mixins';
.meta-data-list {
- list-style: none;
- padding: 0px;
- margin: 0px;
+ list-style: none;
+ padding: 0px;
+ margin: 0px;
- li {
- display: flex;
- justify-content: space-between;
- padding: 9px 0;
- border-bottom: 1px solid $light_mode_border;
+ li {
+ display: flex;
+ justify-content: space-between;
+ padding: 9px 0;
+ border-bottom: 1px solid $light_mode_border;
- b, span {
- @include font-size(14);
- color: $text;
- }
- }
+ b, span {
+ @include font-size(14);
+ color: $text;
+ }
+ }
}
@media (prefers-color-scheme: dark) {
- .meta-data-list {
- li {
- border-color: $dark_mode_border_color;
+ .meta-data-list {
+ li {
+ border-color: $dark_mode_border_color;
- b, span {
- color: $dark_mode_text_primary !important;
- }
- }
- }
+ b, span {
+ color: $dark_mode_text_primary !important;
+ }
+ }
+ }
}
\ No newline at end of file
diff --git a/resources/js/components/FilesView/InfoSidebar.vue b/resources/js/components/FilesView/InfoSidebar.vue
new file mode 100644
index 00000000..6d7e6159
--- /dev/null
+++ b/resources/js/components/FilesView/InfoSidebar.vue
@@ -0,0 +1,186 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ singleFile.parent ? singleFile.parent.name : $t('locations.home') }}
+
+
+
+
+
+
+
+ {{ sharedInfo }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/resources/js/components/FilesView/MobileToolbar.vue b/resources/js/components/FilesView/MobileToolbar.vue
index 062a0535..c0e4d3e1 100644
--- a/resources/js/components/FilesView/MobileToolbar.vue
+++ b/resources/js/components/FilesView/MobileToolbar.vue
@@ -3,15 +3,17 @@
-
+
-
{{ directoryName }}
+
+ {{ directoryName }}
+