Move item from gallery fix

resources/js/components/FilesView/DesktopMediaPreviewMenu.vue

@@ -1,5 +1,5 @@
-<template>
-  <div v-if="showMenu" class="menu-wrapper">
+<template  >
+  <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;
     }
   }