Move item from gallery fix

public/mix-manifest.json

@@ -1,34 +1,7 @@
 {
     "/js/main.js": "/js/main.js",
     "/css/app.css": "/css/app.css",
-    "/js/main.e2bb1fd747fa15021705.hot-update.js": "/js/main.e2bb1fd747fa15021705.hot-update.js",
+    "/js/main.f400fdfd9d8614e0b28f.hot-update.js": "/js/main.f400fdfd9d8614e0b28f.hot-update.js",
-    "/js/main.9c20ee6a60faeb34bc30.hot-update.js": "/js/main.9c20ee6a60faeb34bc30.hot-update.js",
+    "/js/main.6f284aa3a72d16ce7184.hot-update.js": "/js/main.6f284aa3a72d16ce7184.hot-update.js",
-    "/js/main.83f43d6f0ad85db8835f.hot-update.js": "/js/main.83f43d6f0ad85db8835f.hot-update.js",
+    "/js/main.abf30b7258d473341c31.hot-update.js": "/js/main.abf30b7258d473341c31.hot-update.js"
-    "/js/main.f87a7ee7d93fc1c7b5de.hot-update.js": "/js/main.f87a7ee7d93fc1c7b5de.hot-update.js",
-    "/js/main.77f22ac085cba98620f1.hot-update.js": "/js/main.77f22ac085cba98620f1.hot-update.js",
-    "/js/main.fcf0a9a192751c92a149.hot-update.js": "/js/main.fcf0a9a192751c92a149.hot-update.js",
-    "/js/main.a554eb36a5c74f647c71.hot-update.js": "/js/main.a554eb36a5c74f647c71.hot-update.js",
-    "/js/main.35658cce779a3f465bec.hot-update.js": "/js/main.35658cce779a3f465bec.hot-update.js",
-    "/js/main.d5d36b8ab06c646ec418.hot-update.js": "/js/main.d5d36b8ab06c646ec418.hot-update.js",
-    "/js/main.fdc1d3ffdd9903f395f7.hot-update.js": "/js/main.fdc1d3ffdd9903f395f7.hot-update.js",
-    "/js/main.0ae540f4c05df5ccebb0.hot-update.js": "/js/main.0ae540f4c05df5ccebb0.hot-update.js",
-    "/js/main.49391b7e1762ea0c5b10.hot-update.js": "/js/main.49391b7e1762ea0c5b10.hot-update.js",
-    "/js/main.beae3c9aef47942197b0.hot-update.js": "/js/main.beae3c9aef47942197b0.hot-update.js",
-    "/js/main.51c52c383348b005243c.hot-update.js": "/js/main.51c52c383348b005243c.hot-update.js",
-    "/js/main.964dc232d2c393dacc65.hot-update.js": "/js/main.964dc232d2c393dacc65.hot-update.js",
-    "/js/main.b98b9f46629be99210d2.hot-update.js": "/js/main.b98b9f46629be99210d2.hot-update.js",
-    "/js/main.aab577d0ec8e8a204961.hot-update.js": "/js/main.aab577d0ec8e8a204961.hot-update.js",
-    "/js/main.0217718f0db88a657b2f.hot-update.js": "/js/main.0217718f0db88a657b2f.hot-update.js",
-    "/js/main.5391ccc6f3c903bf0b23.hot-update.js": "/js/main.5391ccc6f3c903bf0b23.hot-update.js",
-    "/js/main.0954e76b99db04ffbe6c.hot-update.js": "/js/main.0954e76b99db04ffbe6c.hot-update.js",
-    "/js/main.df14fcfae8664b0f2904.hot-update.js": "/js/main.df14fcfae8664b0f2904.hot-update.js",
-    "/js/main.75a01658c34a6e530b1a.hot-update.js": "/js/main.75a01658c34a6e530b1a.hot-update.js",
-    "/js/main.62b26161fb5207445a1c.hot-update.js": "/js/main.62b26161fb5207445a1c.hot-update.js",
-    "/js/main.88d224990b79bf089c9a.hot-update.js": "/js/main.88d224990b79bf089c9a.hot-update.js",
-    "/js/main.81dd5da55c0dd05b096b.hot-update.js": "/js/main.81dd5da55c0dd05b096b.hot-update.js",
-    "/js/main.604934fc10ca0ad73e89.hot-update.js": "/js/main.604934fc10ca0ad73e89.hot-update.js",
-    "/js/main.c85e590457277f990184.hot-update.js": "/js/main.c85e590457277f990184.hot-update.js",
-    "/js/main.7617058999e77f4960b6.hot-update.js": "/js/main.7617058999e77f4960b6.hot-update.js",
-    "/js/main.e41e72be1336cbf4b175.hot-update.js": "/js/main.e41e72be1336cbf4b175.hot-update.js",
-    "/js/main.6acdea49771ee695139c.hot-update.js": "/js/main.6acdea49771ee695139c.hot-update.js"
 }

resources/js/components/FilesView/DesktopMediaPreviewMenu.vue

@@ -1,5 +1,5 @@
 <template  >
-  <div v-if="showMenu" class="menu-wrapper">
+  <div v-if="showMenu && $checkPermission('master')" class="menu-wrapper">
     <div class="item-list">
       <li @click="renameItem">
         <p><edit-2-icon class="icon" size="19" /> Rename</p>
@@ -17,9 +17,9 @@
 </template>
 
 <script>
-import { events } from "@/bus";
-import ToolbarButton from "@/components/FilesView/ToolbarButton";
 import { Trash2Icon, Edit2Icon, CornerDownRightIcon } from "vue-feather-icons";
+import ToolbarButton from "@/components/FilesView/ToolbarButton";
+import { events } from "@/bus";
 
 export default {
   components: {
@@ -39,7 +39,11 @@ export default {
       this.showMenu = !this.showMenu;
     });
   },
+
   methods: {
+    closeMenu() {
+      this.showMenu = false;
+    },
     deleteItem() {
       this.$store.dispatch("deleteItem", this.fileInfoDetail);
     },

resources/js/components/FilesView/FileFullPreview.vue

@@ -1,5 +1,9 @@
 <template>
-  <div class="file-full-preview-wrapper" v-if="showFullPreview">
+  <div
+    class="file-full-preview-wrapper"
+    v-if="showFullPreview"
+    id="fileFullPreview"
+  >
     <MediaFullPreview v-if="isMedia" />
   </div>
 </template>
@@ -44,14 +48,7 @@ export default {
   z-index: 7;
   background-color: $light-background;
 }
-.container {
-  max-width: 888px;
-  height: 100%;
-  padding-top: 20px;
-  padding: 10px;
 
-  margin: auto;
-}
 @media (prefers-color-scheme: dark) {
   .file-full-preview-wrapper {
     background-color: $dark_mode_background;

resources/js/components/FilesView/MediaFullPreview.vue

@@ -33,7 +33,6 @@
           :action="$t('actions.download')"
         />
         <ToolbarButton
-          v-if="!$isThisLocation(['public'])"
           source="share"
           :class="{ 'is-inactive': canShareInView }"
           :action="$t('actions.share')"
@@ -93,6 +92,7 @@ export default {
       loaded: false,
       sizeWidth: "",
       sizeHeight: "",
+      showingFile: "",
     };
   },
   computed: {
@@ -143,9 +143,16 @@ export default {
           this.$store.commit("GET_FILEINFO_DETAIL", this.currentFile);
           this.sliderFile = [];
           this.filteredFiles();
+          this.$forceUpdate();
         }
       }
     },
+    data(newValue, oldValue) {
+      if (newValue != oldValue) {
+        this.sliderFile = [];
+        this.filteredFiles();
+      }
+    },
   },
   methods: {
     imageSizing() {
@@ -175,7 +182,7 @@ export default {
       win.print();
     },
     filteredFiles() {
-      this.data.forEach((element) => {
+      this.data.filter((element) => {
         if (element.type == this.fileInfoDetail.type) {
           this.sliderFile.push(element);
         }
@@ -339,14 +346,15 @@ export default {
   overflow: hidden;
   justify-content: center;
   align-items: center;
+  background-color: white;
   .file-wrapper {
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     .file {
-      max-height: 100%;
       max-width: 100%;
+      max-height: 100%;
       margin: auto;
     }
   }