bulk-operations merge

public/mix-manifest.json

@@ -2,13 +2,13 @@
     "/js/main.js": "/js/main.js",
     "/css/app.css": "/css/app.css",
     "/chunks/admin.js": "/chunks/admin.js?id=ed4125d0b85c16ac0a46",
-    "/chunks/admin-account.js": "/chunks/admin-account.js?id=9a87235c637bee9478da",
+    "/chunks/admin-account.js": "/chunks/admin-account.js?id=ac9df71ad80bac225d62",
     "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~2d9ff916.js": "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~2d9ff916.js?id=9ab2c60930e2adf92716",
-    "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~3b77a26e.js": "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~3b77a26e.js?id=1d8e3709b30ab1351939",
+    "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~3b77a26e.js": "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~3b77a26e.js?id=eeb40a78f38c60a32042",
     "/chunks/admin~chunks/files~chunks/settings~chunks/shared-files~chunks/shared-page.js": "/chunks/admin~chunks/files~chunks/settings~chunks/shared-files~chunks/shared-page.js?id=54a833ec02385944db39",
     "/chunks/app-appearance.js": "/chunks/app-appearance.js?id=2fcf9b6a8bcdcf0bf877",
     "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js?id=165778ddf33905044afb",
-    "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js?id=1b3de45007aa131c3179",
+    "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js?id=c88362556572886cf8bd",
     "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.js?id=75a610ff95b22e4e015c",
     "/chunks/app-billings.js": "/chunks/app-billings.js?id=b8e6ca52592de6c0d2a8",
     "/chunks/app-email.js": "/chunks/app-email.js?id=5e231b4d6cf0a4d1acb9",
@@ -16,38 +16,38 @@
     "/chunks/app-others.js": "/chunks/app-others.js?id=39709ad63bc65e256571",
     "/chunks/app-payments.js": "/chunks/app-payments.js?id=ab77360a958f97f95c6c",
     "/chunks/app-settings.js": "/chunks/app-settings.js?id=cff243a66e4b037e5e84",
-    "/chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pages~chunks/plan~chunk~8a0e1d25.js": "/chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pages~chunks/plan~chunk~8a0e1d25.js?id=c325e693fad5c2a99154",
-    "/chunks/app-setup.js": "/chunks/app-setup.js?id=28d36bc80131ca10d57c",
-    "/chunks/billings-detail.js": "/chunks/billings-detail.js?id=eb2a4264665b217b752b",
-    "/chunks/contact-us.js": "/chunks/contact-us.js?id=f13ecb6e4405aa7e06d2",
+    "/chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pages~chunks/plan~chunk~8a0e1d25.js": "/chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pages~chunks/plan~chunk~8a0e1d25.js?id=fe9f96c80a32a0beefe8",
+    "/chunks/app-setup.js": "/chunks/app-setup.js?id=bf12cf48a877bfb28bab",
+    "/chunks/billings-detail.js": "/chunks/billings-detail.js?id=4d83edccf043c2698895",
+    "/chunks/contact-us.js": "/chunks/contact-us.js?id=be7eb0498b786a4859db",
     "/chunks/contact-us~chunks/dynamic-page~chunks/landing-page.js": "/chunks/contact-us~chunks/dynamic-page~chunks/landing-page.js?id=8b11e9c64262b9275963",
     "/chunks/create-new-password.js": "/chunks/create-new-password.js?id=abb47a424c09ace77d79",
     "/chunks/dashboard.js": "/chunks/dashboard.js?id=74ec544ef21261233eb0",
     "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.js?id=ffd2f414666d7cc80b9d",
-    "/chunks/database.js": "/chunks/database.js?id=416a5164bdc53c97ea34",
+    "/chunks/database.js": "/chunks/database.js?id=0b21e6ff3bac5c963d9a",
     "/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=464c8e70974d492ce7f6",
-    "/chunks/environment-setup.js": "/chunks/environment-setup.js?id=405847df44edd86e301a",
+    "/chunks/environment-setup.js": "/chunks/environment-setup.js?id=826fbaa6cc4acab69f5d",
     "/chunks/files.js": "/chunks/files.js?id=12e6fd841d32ca1af12f",
     "/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared-page~chunks/user-subscription.js": "/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared-page~chunks/user-subscription.js?id=8ccd35de575e8a91d02f",
-    "/chunks/files~chunks/shared-files~chunks/shared-page.js": "/chunks/files~chunks/shared-files~chunks/shared-page.js?id=0d89706c1c4810dc4cf7",
-    "/chunks/files~chunks/shared-page.js": "/chunks/files~chunks/shared-page.js?id=bcd1b40ac75424062efb",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.js": "/chunks/files~chunks/shared-files~chunks/shared-page.js?id=435b2dd593da3a09e0e0",
+    "/chunks/files~chunks/shared-page.js": "/chunks/files~chunks/shared-page.js?id=ed167949ea9398f0fbeb",
     "/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=aba8c662fbc234892216",
-    "/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=ecceaa6cdf5768826b36",
-    "/chunks/invoices.js": "/chunks/invoices.js?id=248503ac5967fe8370f9",
-    "/chunks/landing-page.js": "/chunks/landing-page.js?id=4c3176cc7c1ad3e6f9b7",
+    "/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=7dfffa0f25308ba70b7a",
+    "/chunks/invoices.js": "/chunks/invoices.js?id=7e3cc762ef272500487c",
+    "/chunks/landing-page.js": "/chunks/landing-page.js?id=920418aa2cd205d96d0a",
     "/chunks/not-found-shared.js": "/chunks/not-found-shared.js?id=a28320bdc00aeb85409e",
     "/chunks/page-edit.js": "/chunks/page-edit.js?id=0607b8e16d6678e0b463",
-    "/chunks/pages.js": "/chunks/pages.js?id=83f334c575a48c1b0cc6",
+    "/chunks/pages.js": "/chunks/pages.js?id=7d3b984ad37798628e0d",
     "/chunks/plan.js": "/chunks/plan.js?id=ed865758447ff7e3f2b5",
     "/chunks/plan-create.js": "/chunks/plan-create.js?id=f4199916eddc63fb1720",
     "/chunks/plan-delete.js": "/chunks/plan-delete.js?id=2a50cca120ca589f5626",
     "/chunks/plan-settings.js": "/chunks/plan-settings.js?id=4a691e84a65d9a779d60",
     "/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=8c85b14979d3fb6c54a3",
-    "/chunks/plans.js": "/chunks/plans.js?id=f2ddb594ff1b2812c248",
+    "/chunks/plans.js": "/chunks/plans.js?id=f1ce3fd32aec565ab459",
     "/chunks/profile.js": "/chunks/profile.js?id=df174ba95616670c8edb",
-    "/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=62c97619d35198767014",
-    "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=1452fb6ed1aa01e4045a",
-    "/chunks/settings.js": "/chunks/settings.js?id=d2c4a870b96c2556ab2d",
+    "/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=42dbd1e9d17515be4a7b",
+    "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=0c7dd358b177460faa74",
+    "/chunks/settings.js": "/chunks/settings.js?id=e909af7cfc70717a8771",
     "/chunks/settings-create-payment-methods.js": "/chunks/settings-create-payment-methods.js?id=40d5eed52256ea23edbe",
     "/chunks/settings-invoices.js": "/chunks/settings-invoices.js?id=bc110f5ee1a5b984fda2",
     "/chunks/settings-password.js": "/chunks/settings-password.js?id=e318f7536b185dbe6b54",
@@ -56,15 +56,15 @@
     "/chunks/settings-subscription.js": "/chunks/settings-subscription.js?id=367c9478591c7a4a2889",
     "/chunks/setup-wizard.js": "/chunks/setup-wizard.js?id=7da589bd335deefd5f65",
     "/chunks/shared-files.js": "/chunks/shared-files.js?id=50538c88a0471fe4db6f",
-    "/chunks/shared-page.js": "/chunks/shared-page.js?id=7ce75b64346937da8b13",
+    "/chunks/shared-page.js": "/chunks/shared-page.js?id=19e7fdb00a89d06ee29f",
     "/chunks/sign-in.js": "/chunks/sign-in.js?id=703fbd23d18816590337",
     "/chunks/sign-up.js": "/chunks/sign-up.js?id=cedca52c29abfb3c58f1",
-    "/chunks/stripe-credentials.js": "/chunks/stripe-credentials.js?id=9dec4c59d5a32fb9b855",
-    "/chunks/subscription-plans.js": "/chunks/subscription-plans.js?id=f80e2f130d531fe997f0",
-    "/chunks/subscription-service.js": "/chunks/subscription-service.js?id=6fa5a96e068657f3768e",
-    "/chunks/upgrade.js": "/chunks/upgrade.js?id=05471b1721b98285ef2b",
+    "/chunks/stripe-credentials.js": "/chunks/stripe-credentials.js?id=b99eb91043d1321187b9",
+    "/chunks/subscription-plans.js": "/chunks/subscription-plans.js?id=ffaf6839286adad7bf59",
+    "/chunks/subscription-service.js": "/chunks/subscription-service.js?id=5781cfedee2ccf4d9e25",
+    "/chunks/upgrade.js": "/chunks/upgrade.js?id=a66a145b67f5f1a2892e",
     "/chunks/upgrade-billing.js": "/chunks/upgrade-billing.js?id=48886957769dffee24bf",
-    "/chunks/upgrade-billing~chunks/upgrade-plan.js": "/chunks/upgrade-billing~chunks/upgrade-plan.js?id=38b120b33fa78fcb7fa0",
+    "/chunks/upgrade-billing~chunks/upgrade-plan.js": "/chunks/upgrade-billing~chunks/upgrade-plan.js?id=d513432dd873331a60f6",
     "/chunks/upgrade-plan.js": "/chunks/upgrade-plan.js?id=dd2df21f21ff1291c4dc",
     "/chunks/user.js": "/chunks/user.js?id=d7eca242e8e982ddbae4",
     "/chunks/user-create.js": "/chunks/user-create.js?id=fc1f1811516801a2bb87",
@@ -74,7 +74,7 @@
     "/chunks/user-password.js": "/chunks/user-password.js?id=b036eeaa5ef8e798f6dd",
     "/chunks/user-storage.js": "/chunks/user-storage.js?id=a99910f95c3e39caa78b",
     "/chunks/user-subscription.js": "/chunks/user-subscription.js?id=e8ea1e67f9ac0a835ed0",
-    "/chunks/users.js": "/chunks/users.js?id=cdba7af8fb0cd8e64c40",
+    "/chunks/users.js": "/chunks/users.js?id=aba8837f40fbb79f99b4",
     "/chunks/files~chunks/shared-page.3ea0ca7f8dc09201c69f.hot-update.js": "/chunks/files~chunks/shared-page.3ea0ca7f8dc09201c69f.hot-update.js",
     "/chunks/files~chunks/shared-page.6190c7b1e74deb924a72.hot-update.js": "/chunks/files~chunks/shared-page.6190c7b1e74deb924a72.hot-update.js",
     "/js/main.7beb181e991b8f273d43.hot-update.js": "/js/main.7beb181e991b8f273d43.hot-update.js",
@@ -117,5 +117,33 @@
     "/chunks/files~chunks/shared-files~chunks/shared-page.a548c23d2260c5328df4.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.a548c23d2260c5328df4.hot-update.js",
     "/chunks/files~chunks/shared-files~chunks/shared-page.9afebae5388172863bc1.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.9afebae5388172863bc1.hot-update.js",
     "/chunks/files~chunks/shared-files~chunks/shared-page.4c08da115deb9718b2e7.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.4c08da115deb9718b2e7.hot-update.js",
-    "/chunks/files~chunks/shared-files~chunks/shared-page.0c0b49d417445d2d0b5e.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.0c0b49d417445d2d0b5e.hot-update.js"
+    "/chunks/files~chunks/shared-files~chunks/shared-page.0c0b49d417445d2d0b5e.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.0c0b49d417445d2d0b5e.hot-update.js",
+    "/js/main.a1c4195e626ab12ad821.hot-update.js": "/js/main.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/admin-account.a1c4195e626ab12ad821.hot-update.js": "/chunks/admin-account.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~3b77a26e.a1c4195e626ab12ad821.hot-update.js": "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~3b77a26e.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.a1c4195e626ab12ad821.hot-update.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pages~chunks/plan~chunk~8a0e1d25.a1c4195e626ab12ad821.hot-update.js": "/chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pages~chunks/plan~chunk~8a0e1d25.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/app-setup.a1c4195e626ab12ad821.hot-update.js": "/chunks/app-setup.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/billings-detail.a1c4195e626ab12ad821.hot-update.js": "/chunks/billings-detail.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/contact-us.a1c4195e626ab12ad821.hot-update.js": "/chunks/contact-us.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/database.a1c4195e626ab12ad821.hot-update.js": "/chunks/database.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/environment-setup.a1c4195e626ab12ad821.hot-update.js": "/chunks/environment-setup.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.a1c4195e626ab12ad821.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/files~chunks/shared-page.a1c4195e626ab12ad821.hot-update.js": "/chunks/files~chunks/shared-page.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/installation-disclaimer.a1c4195e626ab12ad821.hot-update.js": "/chunks/installation-disclaimer.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/invoices.a1c4195e626ab12ad821.hot-update.js": "/chunks/invoices.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/landing-page.a1c4195e626ab12ad821.hot-update.js": "/chunks/landing-page.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/pages.a1c4195e626ab12ad821.hot-update.js": "/chunks/pages.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/plans.a1c4195e626ab12ad821.hot-update.js": "/chunks/plans.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/profile~chunks/settings-password.a1c4195e626ab12ad821.hot-update.js": "/chunks/profile~chunks/settings-password.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/purchase-code.a1c4195e626ab12ad821.hot-update.js": "/chunks/purchase-code.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/settings.a1c4195e626ab12ad821.hot-update.js": "/chunks/settings.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/shared-page.a1c4195e626ab12ad821.hot-update.js": "/chunks/shared-page.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/stripe-credentials.a1c4195e626ab12ad821.hot-update.js": "/chunks/stripe-credentials.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/subscription-plans.a1c4195e626ab12ad821.hot-update.js": "/chunks/subscription-plans.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/subscription-service.a1c4195e626ab12ad821.hot-update.js": "/chunks/subscription-service.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/upgrade.a1c4195e626ab12ad821.hot-update.js": "/chunks/upgrade.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/upgrade-billing~chunks/upgrade-plan.a1c4195e626ab12ad821.hot-update.js": "/chunks/upgrade-billing~chunks/upgrade-plan.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/users.a1c4195e626ab12ad821.hot-update.js": "/chunks/users.a1c4195e626ab12ad821.hot-update.js",
+    "/chunks/files~chunks/shared-page.422d77a654132ff1162b.hot-update.js": "/chunks/files~chunks/shared-page.422d77a654132ff1162b.hot-update.js"
 }

resources/js/components/FilesView/FileItemList.vue

@@ -289,9 +289,10 @@ export default {
 @import '@assets/vue-file-manager/_variables';
 @import '@assets/vue-file-manager/_mixins';
 
-.check-select { 
-	margin-right: 10px;
-	margin-left: 3px;
+.check-select {
+    margin-right: 15px;
+    margin-left: 6px;
+
 	.select-box {
 		width: 20px;
 		height: 20px;
@@ -508,7 +509,7 @@ export default {
 			background-color: $dark_mode_foreground;
 		}
 		.select-box-active {
-			background-color: $dark_mode_text_primary ;
+			background-color: $theme;
 			.icon {
 				stroke: $text;
 			}

resources/js/components/FilesView/MobileMultiSelectMenu.vue

@@ -1,64 +1,31 @@
 <template>
-   <div  class='mobile-selected-menu-wrapper' >
     <transition name="context-menu">
-      <div
-       v-if="mobileMultiSelect"
-        ref="contextmenu"
-        class="options"
-      >
-  
-        <div class="menu-wrapper">
+        <div class="multiselect-actions" v-if="mobileMultiSelect">
+            <ToolbarButton class="action-btn" v-if="!$isThisLocation(['trash', 'trash-root']) && $checkPermission('master') || $checkPermission('editor')" source="move" :action="$t('actions.move')" :class="{'is-inactive' : fileInfoDetail.length < 1}" @click.native="moveItem"/>
 
-          <div class="mobile-selected-menu">
-              <ToolbarButton
-               v-if="
-              !$isThisLocation(['trash', 'trash-root']) &&
-              $checkPermission('master') || $checkPermission('editor')
-            "
-              source="move"
-              :action="$t('actions.move')"
-              :class="{'is-inactive' : fileInfoDetail.length < 1}"
-              @click.native="moveItem"/>
+            <ToolbarButton class="action-btn" v-if="$checkPermission('master') || $checkPermission('editor')" source="trash" :class="{'is-inactive' : fileInfoDetail.length < 1}" :action="$t('actions.delete')" @click.native="deleteItem"/>
 
-            <ToolbarButton
-            v-if="$checkPermission('master') || $checkPermission('editor')"
-              source="trash"
-              :class="{'is-inactive' : fileInfoDetail.length < 1}"
-              :action="$t('actions.delete')"
-              @click.native="deleteItem"/>
+            <ToolbarButton class="action-btn" source="download" :class="{'is-inactive' : fileInfoDetail.length < 1}" :action="$t('actions.delete')" @click.native="downloadItem"/>
 
-                <ToolbarButton
-              source="download"
-              :class="{'is-inactive' : fileInfoDetail.length < 1}"
-              :action="$t('actions.delete')"
-              @click.native="downloadItem"/>
-              
-              <ToolbarButton
-              source="close"
-              :action="$t('actions.close')"
-              class="close-icon"
-              @click.native="closeSelecting"/>
-          </div>
+            <ToolbarButton class="action-btn close-icon" source="close" :action="$t('actions.close')" @click.native="closeSelecting"/>
         </div>
-      </div>
     </transition>
-  </div>
 </template>
 
 <script>
-import ToolbarButton from "@/components/FilesView/ToolbarButton";
-import { events } from "@/bus";
-import { mapGetters } from "vuex";
+import ToolbarButton from '@/components/FilesView/ToolbarButton'
+import { events } from '@/bus'
+import { mapGetters } from 'vuex'
 
 export default {
-    name:"MobileMultiSelectMenu",
-    components: {ToolbarButton},
+    name: 'MobileMultiSelectMenu',
+    components: { ToolbarButton },
     computed: {
         ...mapGetters(['fileInfoDetail'])
     },
-    data () {
+    data() {
         return {
-            mobileMultiSelect:false
+            mobileMultiSelect: false
         }
     },
     methods: {
@@ -68,32 +35,32 @@ export default {
         downloadItem() {
             this.fileInfoDetail.forEach(item => {
                 this.$downloadFile(
-                item.file_url,
-                item.name + '.' + item.mimetype
-            )
-            })   
+                    item.file_url,
+                    item.name + '.' + item.mimetype
+                )
+            })
         },
         moveItem() {
-        // Open move item popup 
+            // Open move item popup
             events.$emit('popup:open', { name: 'move', item: [this.fileInfoDetail[0]] })
         },
         deleteItem() {
-        //Delete items
-            this.$store.dispatch("deleteItem");
-        },
+            //Delete items
+            this.$store.dispatch('deleteItem')
+        }
     },
-    created () {
-        events.$on('mobileSelecting-start' , () => {
+    created() {
+        events.$on('mobileSelecting-start', () => {
             this.mobileMultiSelect = true
-            
-    })
 
-    events.$on('mobileSelecting-stop' , () => {
-      this.mobileMultiSelect = false
-      
-    })
+        })
+
+        events.$on('mobileSelecting-stop', () => {
+            this.mobileMultiSelect = false
+
+        })
     }
-    
+
 }
 </script>
 
@@ -101,80 +68,79 @@ export default {
 @import "@assets/vue-file-manager/_variables";
 @import "@assets/vue-file-manager/_mixins";
 
-.mobile-selected-menu-wrapper {
-  z-index: 1;
-    .options {
-      z-index: 1;
+.multiselect-actions {
+    display: flex;
+    padding: 10px 15px;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 99;
+    overflow: hidden;
+    background: white;
+
+    .action-btn {
+        margin-right: 15px;
+
+        &:last-child {
+            margin-right: 0;
+        }
+    }
+
+    .close-icon {
+        margin-left: auto !important;
     }
 }
 
 .is-inactive {
     opacity: 0.25 !important;
     pointer-events: none !important;
-  }
 
-.mobile-selected-menu {
-  display: flex;
-  margin-left: 15px;
-  margin-right: 15px;
-  .close-icon {
-    margin-left: auto !important;
-  }
+    .menu-option {
+        display: flex;
+        align-items: center;
+    }
+
+    .options {
+
+        &.is-active {
+            opacity: 1 !important;
+            pointer-events: initial !important;
+        }
+    }
 }
 
-.menu-option {
-  display: flex;
-  align-items: center;
-}
+    @media (prefers-color-scheme: dark) {
 
-.options {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 99;
-  overflow: hidden;
-  background: white;
-  border-top-left-radius: 12px;
-  border-top-right-radius: 12px;
-  &.is-active {
-    opacity: 1 !important;
-    pointer-events: initial !important;
-  }
+        .multiselect-actions {
+            background: $dark_mode_foreground;
+        }
+    }
 
-}
+    // Transition
+    .context-menu-enter-active,
+    .fade-enter-active {
+        transition: all 200ms;
+    }
 
-@media (prefers-color-scheme: dark) {
+    .context-menu-leave-active,
+    .fade-leave-active {
+        transition: all 200ms;
+    }
 
-  .options {
-    background: $dark_mode_background;
-  }
-}
+    .fade-enter,
+    .fade-leave-to {
+        opacity: 0;
+    }
 
-// Transition
-.context-menu-enter-active,
-.fade-enter-active {
-  transition: all 200ms;
-}
+    .context-menu-enter,
+    .context-menu-leave-to {
+        opacity: 0;
+        transform: translateY(100%);
+    }
 
-.context-menu-leave-active,
-.fade-leave-active {
-  transition: all 200ms;
-}
-
-.fade-enter,
-.fade-leave-to {
-  opacity: 0;
-}
-
-.context-menu-enter,
-.context-menu-leave-to {
-  opacity: 0;
-  transform: translateY(100%);
-}
-
-.context-menu-leave-active {
-  position: absolute;
-}
+    .context-menu-leave-active {
+        position: absolute;
+    }
 
 </style>

resources/js/components/Others/MobileNavigation.vue

@@ -58,7 +58,7 @@
                     {
                         icon: 'trash',
                         title: this.$t('menu.trash'),
-                        routeName: 'Trash',
+                        routeName: 'Files',
                         isVisible: true,
                     },
                     {
@@ -94,6 +94,10 @@
                     this.$store.dispatch('getLatest')
                 }
 
+                if (name === 'trash') {
+                    this.$store.dispatch('getTrash')
+                }
+
                 if (name === 'hard-drive') {
                     this.$store.dispatch('getFolder', [{folder: this.homeDirectory, back: false, init: true}])
                 }

resources/js/components/Others/TreeMenuNavigator.vue

@@ -2,12 +2,12 @@
     <transition name="folder">
         <div class="folder-item-wrapper" >
 
-            <div class="folder-item" :class="{'is-selected': isSelected , 'is-dragenter': area, 'is-inactive': disabledFolder || disabled && draggedItem.length > 0  }" 
+            <div class="folder-item" :class="{'is-selected': isSelected , 'is-dragenter': area, 'is-inactive': disabledFolder || disabled && draggedItem.length > 0  }"
                                     :style="indent" @click="getFolder"
                                     @dragover.prevent="dragEnter"
                                     @dragleave="dragLeave"
                                     @drop="dragFinish()"
-                                                        
+
              >
                 <chevron-right-icon @click.stop="showTree" size="17" class="icon-arrow"
                                     :class="{'is-opened': isVisible, 'is-visible': nodes.folders.length !== 0}"></chevron-right-icon>
@@ -39,17 +39,17 @@
         },
         computed: {
             ...mapGetters(['fileInfoDetail']),
-           
+
             disabledFolder() {
                 let disableFolder = false
                 if(this.draggedItem.length > 0) {
 
                     this.draggedItem.forEach(item => {
-                        //Disable the parent of the folder      
+                        //Disable the parent of the folder
                         if(item.type === "folder" && this.nodes.unique_id === item.parent_id){
                             disableFolder = true
                         }
-                        //Disable the self folder with all children 
+                        //Disable the self folder with all children
                         if (this.nodes.unique_id === item.unique_id && item.type === 'folder') {
                             disableFolder = true
                             this.disableChildren = true
@@ -84,20 +84,20 @@
         },
         methods: {
             dragFinish() {
-                // Move item
-                //Move no selected item
+                // Move no selected item
                 if(!this.fileInfoDetail.includes(this.draggedItem[0])) {
                     this.$store.dispatch('moveItem', {to_item: this.nodes ,noSelectedItem:this.draggedItem[0]})
                 }
-                //Move all selected items
+
+                // Move all selected items
                 if(this.fileInfoDetail.includes(this.draggedItem[0])) {
                     this.$store.dispatch('moveItem', {to_item: this.nodes ,noSelectedItem:null})
                 }
                 
                 this.draggedItem = []
                 this.area = false
+
                 events.$emit('drop')
-                
             },
              dragEnter() {
                 this.area = true
@@ -106,18 +106,21 @@
                 this.area = false
             },
             getFolder() {
-
                 events.$emit('show-folder', this.nodes)
 
-                // Get folder content
-                this.$store.dispatch('getFolder', [{folder: this.nodes, back: false, init: false}])
+                // Go to folder
+                if (this.$isThisLocation('public')) {
+                    this.$store.dispatch('browseShared', [{ folder: this.nodes, back: false, init: false }])
+                } else {
+                    this.$store.dispatch('getFolder', [{ folder: this.nodes, back: false, init: false }])
+                }
             },
             showTree() {
                 this.isVisible = !this.isVisible
             }
         },
         created() {
-            
+
             events.$on('drop' , () => {
                 this.draggedItem = []
             })

resources/js/views/Shared/SharedPage.vue

@@ -9,8 +9,7 @@
         <!--Move item setup-->
         <MoveItem />
 
-
-        <!-- Mobile Menu for Multiselected items -->
+        <!-- Mobile Menu for Multi selected items -->
         <MobileMultiSelectMenu/>
 
         <!--Rename folder or file item-->

resources/sass/vue-file-manager/_variables.scss

@@ -23,7 +23,7 @@ $light_mode_vignette: rgba(255, 255, 255, 0.7);
 
 // Dark Mode
 $dark_mode_vignette: rgba(0, 0, 0, 0.3);
-$dark_mode_background: #111314;
+$dark_mode_background: #131414;
 $dark_mode_foreground: #1e2024;
 $dark_mode_text_primary: #bec6cf;
 $dark_mode_text_secondary: #7d858c;