bulk-operations v0.1 add opcaity for draged items

app/Console/Kernel.php

@@ -3,7 +3,7 @@
 namespace App\Console;
 
 use App\Console\Commands\Deploy;
-// use App\Console\Commands\SetupDevelopmentEnvironment;
+use App\Console\Commands\SetupDevelopmentEnvironment;
 use App\Console\Commands\SetupDevEnvironment;
 use App\Console\Commands\SetupProductionEnvironment;
 use App\Console\Commands\UpgradeApp;
@@ -21,7 +21,7 @@ class Kernel extends ConsoleKernel
      */
     protected $commands = [
         Deploy::class,
-        // SetupDevelopmentEnvironment::class,
+        SetupDevelopmentEnvironment::class,
     ];
 
     /**

public/mix-manifest.json

@@ -27,9 +27,9 @@
     "/chunks/database.js": "/chunks/database.js?id=416a5164bdc53c97ea34",
     "/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=464c8e70974d492ce7f6",
     "/chunks/environment-setup.js": "/chunks/environment-setup.js?id=405847df44edd86e301a",
-    "/chunks/files.js": "/chunks/files.js?id=a5fb4b0c2579d154a4c0",
+    "/chunks/files.js": "/chunks/files.js?id=8c5d2eb1d537aaba07b1",
     "/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=e5a07c9ff0331391e38d",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.js": "/chunks/files~chunks/shared-files~chunks/shared-page.js?id=2e5e11484995041a0f63",
     "/chunks/files~chunks/shared-page.js": "/chunks/files~chunks/shared-page.js?id=b013006caf6a7063b0b8",
     "/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=aba8c662fbc234892216",
     "/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=ecceaa6cdf5768826b36",
@@ -56,7 +56,7 @@
     "/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=5a60a38ddf88f79ef9cd",
+    "/chunks/shared-page.js": "/chunks/shared-page.js?id=d53faec7465fd71adf69",
     "/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",
@@ -75,125 +75,124 @@
     "/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",
-    "/js/main.83758d7d46eaf493170d.hot-update.js": "/js/main.83758d7d46eaf493170d.hot-update.js",
-    "/js/main.3df0cd9ee3de4fbc24f4.hot-update.js": "/js/main.3df0cd9ee3de4fbc24f4.hot-update.js",
-    "/js/main.eec5cd3a6716fa6d2a80.hot-update.js": "/js/main.eec5cd3a6716fa6d2a80.hot-update.js",
-    "/js/main.7632fcc8fdcdd5abd9b7.hot-update.js": "/js/main.7632fcc8fdcdd5abd9b7.hot-update.js",
-    "/js/main.2b8f2484e3bdd0465493.hot-update.js": "/js/main.2b8f2484e3bdd0465493.hot-update.js",
-    "/js/main.8dfbe898ef63be3449d2.hot-update.js": "/js/main.8dfbe898ef63be3449d2.hot-update.js",
-    "/js/main.258af927c46443fe693e.hot-update.js": "/js/main.258af927c46443fe693e.hot-update.js",
-    "/js/main.4a7f1877f01cd2841c97.hot-update.js": "/js/main.4a7f1877f01cd2841c97.hot-update.js",
-    "/js/main.150c2faae57e380f9190.hot-update.js": "/js/main.150c2faae57e380f9190.hot-update.js",
-    "/chunks/admin-account.150c2faae57e380f9190.hot-update.js": "/chunks/admin-account.150c2faae57e380f9190.hot-update.js",
-    "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~d2cb3d90.js": "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~d2cb3d90.js?id=badcb096247730acaa5e",
-    "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.150c2faae57e380f9190.hot-update.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.150c2faae57e380f9190.hot-update.js",
-    "/chunks/app-setup.150c2faae57e380f9190.hot-update.js": "/chunks/app-setup.150c2faae57e380f9190.hot-update.js",
-    "/chunks/billings-detail.150c2faae57e380f9190.hot-update.js": "/chunks/billings-detail.150c2faae57e380f9190.hot-update.js",
-    "/chunks/database.150c2faae57e380f9190.hot-update.js": "/chunks/database.150c2faae57e380f9190.hot-update.js",
-    "/chunks/environment-setup.150c2faae57e380f9190.hot-update.js": "/chunks/environment-setup.150c2faae57e380f9190.hot-update.js",
-    "/chunks/installation-disclaimer.150c2faae57e380f9190.hot-update.js": "/chunks/installation-disclaimer.150c2faae57e380f9190.hot-update.js",
-    "/chunks/plan-create.150c2faae57e380f9190.hot-update.js": "/chunks/plan-create.150c2faae57e380f9190.hot-update.js",
-    "/chunks/settings.150c2faae57e380f9190.hot-update.js": "/chunks/settings.150c2faae57e380f9190.hot-update.js",
-    "/chunks/settings-password.150c2faae57e380f9190.hot-update.js": "/chunks/settings-password.150c2faae57e380f9190.hot-update.js",
-    "/chunks/settings~chunks/settings-password.js": "/chunks/settings~chunks/settings-password.js?id=aaedbf08ae31c8127db0",
-    "/chunks/stripe-credentials.150c2faae57e380f9190.hot-update.js": "/chunks/stripe-credentials.150c2faae57e380f9190.hot-update.js",
-    "/chunks/subscription-plans.150c2faae57e380f9190.hot-update.js": "/chunks/subscription-plans.150c2faae57e380f9190.hot-update.js",
-    "/chunks/upgrade.150c2faae57e380f9190.hot-update.js": "/chunks/upgrade.150c2faae57e380f9190.hot-update.js",
-    "/chunks/upgrade-billing.150c2faae57e380f9190.hot-update.js": "/chunks/upgrade-billing.150c2faae57e380f9190.hot-update.js",
-    "/chunks/user-create.150c2faae57e380f9190.hot-update.js": "/chunks/user-create.150c2faae57e380f9190.hot-update.js",
-    "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~7cb57da0.js": "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~7cb57da0.js?id=c03bcd3d2c0cbd1d87aa",
-    "/js/main.e321b20cdce349ea1d9a.hot-update.js": "/js/main.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/admin-account.e321b20cdce349ea1d9a.hot-update.js": "/chunks/admin-account.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.e321b20cdce349ea1d9a.hot-update.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.e321b20cdce349ea1d9a.hot-update.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/app-index.e321b20cdce349ea1d9a.hot-update.js": "/chunks/app-index.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/app-others.e321b20cdce349ea1d9a.hot-update.js": "/chunks/app-others.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/app-payments.e321b20cdce349ea1d9a.hot-update.js": "/chunks/app-payments.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/app-setup.e321b20cdce349ea1d9a.hot-update.js": "/chunks/app-setup.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/dashboard.e321b20cdce349ea1d9a.hot-update.js": "/chunks/dashboard.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/files~chunks/shared-files~chunks/shared-page.e321b20cdce349ea1d9a.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/files~chunks/shared-page.e321b20cdce349ea1d9a.hot-update.js": "/chunks/files~chunks/shared-page.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/installation-disclaimer.e321b20cdce349ea1d9a.hot-update.js": "/chunks/installation-disclaimer.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/invoices.e321b20cdce349ea1d9a.hot-update.js": "/chunks/invoices.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/landing-page.e321b20cdce349ea1d9a.hot-update.js": "/chunks/landing-page.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/page-edit.e321b20cdce349ea1d9a.hot-update.js": "/chunks/page-edit.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/pages.e321b20cdce349ea1d9a.hot-update.js": "/chunks/pages.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/plan.e321b20cdce349ea1d9a.hot-update.js": "/chunks/plan.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/plan-create.e321b20cdce349ea1d9a.hot-update.js": "/chunks/plan-create.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/plan-delete.e321b20cdce349ea1d9a.hot-update.js": "/chunks/plan-delete.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/plan-settings.e321b20cdce349ea1d9a.hot-update.js": "/chunks/plan-settings.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/plans.e321b20cdce349ea1d9a.hot-update.js": "/chunks/plans.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/profile.e321b20cdce349ea1d9a.hot-update.js": "/chunks/profile.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/settings.e321b20cdce349ea1d9a.hot-update.js": "/chunks/settings.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/settings-create-payment-methods.e321b20cdce349ea1d9a.hot-update.js": "/chunks/settings-create-payment-methods.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/settings-password.e321b20cdce349ea1d9a.hot-update.js": "/chunks/settings-password.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/settings-subscription.e321b20cdce349ea1d9a.hot-update.js": "/chunks/settings-subscription.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/shared-page.e321b20cdce349ea1d9a.hot-update.js": "/chunks/shared-page.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/subscription-plans.e321b20cdce349ea1d9a.hot-update.js": "/chunks/subscription-plans.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/upgrade.e321b20cdce349ea1d9a.hot-update.js": "/chunks/upgrade.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/upgrade-billing~chunks/upgrade-plan.e321b20cdce349ea1d9a.hot-update.js": "/chunks/upgrade-billing~chunks/upgrade-plan.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/user.e321b20cdce349ea1d9a.hot-update.js": "/chunks/user.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/user-create.e321b20cdce349ea1d9a.hot-update.js": "/chunks/user-create.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/user-delete.e321b20cdce349ea1d9a.hot-update.js": "/chunks/user-delete.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/user-password.e321b20cdce349ea1d9a.hot-update.js": "/chunks/user-password.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/user-storage.e321b20cdce349ea1d9a.hot-update.js": "/chunks/user-storage.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/user-subscription.e321b20cdce349ea1d9a.hot-update.js": "/chunks/user-subscription.e321b20cdce349ea1d9a.hot-update.js",
-    "/chunks/users.e321b20cdce349ea1d9a.hot-update.js": "/chunks/users.e321b20cdce349ea1d9a.hot-update.js",
-    "/js/main.5d64a3e2cdcab7d0f49b.hot-update.js": "/js/main.5d64a3e2cdcab7d0f49b.hot-update.js",
-    "/js/main.71f0f7193e65fb9d1bac.hot-update.js": "/js/main.71f0f7193e65fb9d1bac.hot-update.js",
-    "/js/main.c0cbc06b803dfe3119fb.hot-update.js": "/js/main.c0cbc06b803dfe3119fb.hot-update.js",
-    "/js/main.e8d5d9b741d8e3851913.hot-update.js": "/js/main.e8d5d9b741d8e3851913.hot-update.js",
-    "/js/main.1377a18a7ee129b5461e.hot-update.js": "/js/main.1377a18a7ee129b5461e.hot-update.js",
-    "/js/main.09c44cb0a12dd9c99cdd.hot-update.js": "/js/main.09c44cb0a12dd9c99cdd.hot-update.js",
-    "/js/main.3ebe71b61737e27977e5.hot-update.js": "/js/main.3ebe71b61737e27977e5.hot-update.js",
-    "/js/main.39f1e7363a250a0193da.hot-update.js": "/js/main.39f1e7363a250a0193da.hot-update.js",
-    "/js/main.054cd269ab96df70b372.hot-update.js": "/js/main.054cd269ab96df70b372.hot-update.js",
-    "/js/main.c79390d257693bc112a0.hot-update.js": "/js/main.c79390d257693bc112a0.hot-update.js",
-    "/js/main.941a18d0ef4a2d072bb0.hot-update.js": "/js/main.941a18d0ef4a2d072bb0.hot-update.js",
-    "/js/main.58bbdeedc65ead933e46.hot-update.js": "/js/main.58bbdeedc65ead933e46.hot-update.js",
-    "/js/main.e0607e8188cc5ede34b2.hot-update.js": "/js/main.e0607e8188cc5ede34b2.hot-update.js",
-    "/js/main.f059c957951f91378a1a.hot-update.js": "/js/main.f059c957951f91378a1a.hot-update.js",
-    "/js/main.ea71f4b940c821190887.hot-update.js": "/js/main.ea71f4b940c821190887.hot-update.js",
-    "/js/main.0944c6d376ea6ed06535.hot-update.js": "/js/main.0944c6d376ea6ed06535.hot-update.js",
-    "/js/main.c59454a7ef9f613c0d32.hot-update.js": "/js/main.c59454a7ef9f613c0d32.hot-update.js",
-    "/js/main.711459851e4b7b000c9e.hot-update.js": "/js/main.711459851e4b7b000c9e.hot-update.js",
-    "/js/main.b8562bd5c3574ea61748.hot-update.js": "/js/main.b8562bd5c3574ea61748.hot-update.js",
-    "/js/main.c1c2318521e8b7176533.hot-update.js": "/js/main.c1c2318521e8b7176533.hot-update.js",
-    "/js/main.6ff5eb67e802f4180951.hot-update.js": "/js/main.6ff5eb67e802f4180951.hot-update.js",
-    "/js/main.8fd0b43384d76d901210.hot-update.js": "/js/main.8fd0b43384d76d901210.hot-update.js",
-    "/js/main.bc231e346ebea94c55fa.hot-update.js": "/js/main.bc231e346ebea94c55fa.hot-update.js",
-    "/js/main.6d83271f7a561e962009.hot-update.js": "/js/main.6d83271f7a561e962009.hot-update.js",
-    "/js/main.7eac7e7374f75620ddfb.hot-update.js": "/js/main.7eac7e7374f75620ddfb.hot-update.js",
-    "/js/main.d95421489113985aa6e1.hot-update.js": "/js/main.d95421489113985aa6e1.hot-update.js",
-    "/js/main.837befc18f5a057c3c8c.hot-update.js": "/js/main.837befc18f5a057c3c8c.hot-update.js",
-    "/js/main.a5a14bd7d7318f1113f5.hot-update.js": "/js/main.a5a14bd7d7318f1113f5.hot-update.js",
-    "/js/main.e4a1200d9d2261a9b4ff.hot-update.js": "/js/main.e4a1200d9d2261a9b4ff.hot-update.js",
-    "/js/main.57fd4b8dff2850e1e203.hot-update.js": "/js/main.57fd4b8dff2850e1e203.hot-update.js",
-    "/js/main.28ba78024e49b2578196.hot-update.js": "/js/main.28ba78024e49b2578196.hot-update.js",
-    "/js/main.9a9151c77bf75a85af19.hot-update.js": "/js/main.9a9151c77bf75a85af19.hot-update.js",
-    "/js/main.b26e62f429a829d4c489.hot-update.js": "/js/main.b26e62f429a829d4c489.hot-update.js",
-    "/js/main.43ece9dcb97bd6d9e5fd.hot-update.js": "/js/main.43ece9dcb97bd6d9e5fd.hot-update.js",
-    "/js/main.67abb0c302e9c27efcd2.hot-update.js": "/js/main.67abb0c302e9c27efcd2.hot-update.js",
-    "/js/main.ef72d75d91e3749391e3.hot-update.js": "/js/main.ef72d75d91e3749391e3.hot-update.js",
-    "/js/main.6fc9fa16db52bc44c0d7.hot-update.js": "/js/main.6fc9fa16db52bc44c0d7.hot-update.js",
-    "/js/main.e14b6fcf8ebd6188fdbd.hot-update.js": "/js/main.e14b6fcf8ebd6188fdbd.hot-update.js",
-    "/js/main.b695c425faebe4f72338.hot-update.js": "/js/main.b695c425faebe4f72338.hot-update.js",
-    "/js/main.f57486fa0236046d1f21.hot-update.js": "/js/main.f57486fa0236046d1f21.hot-update.js",
-    "/js/main.646f48984fd0d59c338d.hot-update.js": "/js/main.646f48984fd0d59c338d.hot-update.js",
-    "/js/main.69379c5693941426dbb3.hot-update.js": "/js/main.69379c5693941426dbb3.hot-update.js",
-    "/js/main.02cbed4f8932101a5bf0.hot-update.js": "/js/main.02cbed4f8932101a5bf0.hot-update.js",
-    "/js/main.5857a93f2b6e8fc15b58.hot-update.js": "/js/main.5857a93f2b6e8fc15b58.hot-update.js",
-    "/js/main.3e0142afb3ab15cac491.hot-update.js": "/js/main.3e0142afb3ab15cac491.hot-update.js",
-    "/js/main.b3ed44ccaaa2d4b3f3fb.hot-update.js": "/js/main.b3ed44ccaaa2d4b3f3fb.hot-update.js",
-    "/js/main.9435591a91a217ead60c.hot-update.js": "/js/main.9435591a91a217ead60c.hot-update.js",
-    "/js/main.d01b68b495ef9b84a946.hot-update.js": "/js/main.d01b68b495ef9b84a946.hot-update.js",
-    "/js/main.a785a6e8c170b66e8b3f.hot-update.js": "/js/main.a785a6e8c170b66e8b3f.hot-update.js",
-    "/js/main.3c8558fe63ee18aa5ce8.hot-update.js": "/js/main.3c8558fe63ee18aa5ce8.hot-update.js",
-    "/js/main.d7c86488131a23b0bcfa.hot-update.js": "/js/main.d7c86488131a23b0bcfa.hot-update.js",
-    "/chunks/files.ff0d0bc49e3ae16d6353.hot-update.js": "/chunks/files.ff0d0bc49e3ae16d6353.hot-update.js",
-    "/chunks/files~chunks/shared-files~chunks/shared-page.be8bb5a516b1bebbd333.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.be8bb5a516b1bebbd333.hot-update.js",
-    "/chunks/files~chunks/shared-files~chunks/shared-page.fa328eafcf496ae0faf0.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.fa328eafcf496ae0faf0.hot-update.js",
-    "/js/main.a21d17e299950f5674e4.hot-update.js": "/js/main.a21d17e299950f5674e4.hot-update.js",
-    "/chunks/shared-page.a3931242af32ec3b248c.hot-update.js": "/chunks/shared-page.a3931242af32ec3b248c.hot-update.js",
-    "/chunks/shared-page.c3f93d4814397c5cd837.hot-update.js": "/chunks/shared-page.c3f93d4814397c5cd837.hot-update.js"
+    "/js/main.44e991d53c00797276c3.hot-update.js": "/js/main.44e991d53c00797276c3.hot-update.js",
+    "/js/main.a64ba0423eabd878dd69.hot-update.js": "/js/main.a64ba0423eabd878dd69.hot-update.js",
+    "/js/main.82f9fd136d4cd27951ab.hot-update.js": "/js/main.82f9fd136d4cd27951ab.hot-update.js",
+    "/js/main.da37fe6201c3aa05958e.hot-update.js": "/js/main.da37fe6201c3aa05958e.hot-update.js",
+    "/js/main.fbb2362c06bf9267a6ae.hot-update.js": "/js/main.fbb2362c06bf9267a6ae.hot-update.js",
+    "/js/main.6a47fa3a8d6ae343305f.hot-update.js": "/js/main.6a47fa3a8d6ae343305f.hot-update.js",
+    "/js/main.c54e7cc9ae3dcba133b4.hot-update.js": "/js/main.c54e7cc9ae3dcba133b4.hot-update.js",
+    "/js/main.544dfa30308ec75f91b3.hot-update.js": "/js/main.544dfa30308ec75f91b3.hot-update.js",
+    "/js/main.cd110a48d36ab000b644.hot-update.js": "/js/main.cd110a48d36ab000b644.hot-update.js",
+    "/js/main.55cad60c57ad9b6c0b1b.hot-update.js": "/js/main.55cad60c57ad9b6c0b1b.hot-update.js",
+    "/js/main.cd305f80984f607f1e60.hot-update.js": "/js/main.cd305f80984f607f1e60.hot-update.js",
+    "/js/main.f4d3a78e09e4d429539f.hot-update.js": "/js/main.f4d3a78e09e4d429539f.hot-update.js",
+    "/js/main.a5b0d6535e2153f5d0f0.hot-update.js": "/js/main.a5b0d6535e2153f5d0f0.hot-update.js",
+    "/js/main.7a298c5062172f52d21f.hot-update.js": "/js/main.7a298c5062172f52d21f.hot-update.js",
+    "/js/main.204c6f6c1f2703847ce8.hot-update.js": "/js/main.204c6f6c1f2703847ce8.hot-update.js",
+    "/js/main.e083a85dfb35ded5cc86.hot-update.js": "/js/main.e083a85dfb35ded5cc86.hot-update.js",
+    "/js/main.ce2e20190e675cec50ad.hot-update.js": "/js/main.ce2e20190e675cec50ad.hot-update.js",
+    "/js/main.cd40ffe6c7b7cdab9b75.hot-update.js": "/js/main.cd40ffe6c7b7cdab9b75.hot-update.js",
+    "/js/main.e3e4f99d4557e6d16775.hot-update.js": "/js/main.e3e4f99d4557e6d16775.hot-update.js",
+    "/js/main.fa39796f3b2635300f67.hot-update.js": "/js/main.fa39796f3b2635300f67.hot-update.js",
+    "/js/main.628eeec0aafed143fdd4.hot-update.js": "/js/main.628eeec0aafed143fdd4.hot-update.js",
+    "/js/main.bba5fccff030bf0d10e9.hot-update.js": "/js/main.bba5fccff030bf0d10e9.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.51733e2b63b95da06f1b.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.51733e2b63b95da06f1b.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.37bfbfaf40c1e72db4ef.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.37bfbfaf40c1e72db4ef.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.0c693c3e6a774c7c571b.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.0c693c3e6a774c7c571b.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.02d972effbfc528b0ad8.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.02d972effbfc528b0ad8.hot-update.js",
+    "/chunks/shared-page.4d87a31cfcb63b2aa2c8.hot-update.js": "/chunks/shared-page.4d87a31cfcb63b2aa2c8.hot-update.js",
+    "/chunks/shared-page.c61cb2fc4bef76cec5bd.hot-update.js": "/chunks/shared-page.c61cb2fc4bef76cec5bd.hot-update.js",
+    "/chunks/shared-page.152a2a66a7f5ff3142c2.hot-update.js": "/chunks/shared-page.152a2a66a7f5ff3142c2.hot-update.js",
+    "/js/main.58ffe16d785eb187cfce.hot-update.js": "/js/main.58ffe16d785eb187cfce.hot-update.js",
+    "/js/main.d2bca636b1b1ba8f3f71.hot-update.js": "/js/main.d2bca636b1b1ba8f3f71.hot-update.js",
+    "/chunks/shared-page.fd23ae42ae16c24dd60e.hot-update.js": "/chunks/shared-page.fd23ae42ae16c24dd60e.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.f060809ebcbe9e2dd8df.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.f060809ebcbe9e2dd8df.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.f1ee6d8ed557aa0dd68f.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.f1ee6d8ed557aa0dd68f.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.543d4f0a46b066ed6514.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.543d4f0a46b066ed6514.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.ffd1b59066314c821c05.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.ffd1b59066314c821c05.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.a43a8342c207c5e270e3.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.a43a8342c207c5e270e3.hot-update.js",
+    "/js/main.c8c3356ae0033c46f298.hot-update.js": "/js/main.c8c3356ae0033c46f298.hot-update.js",
+    "/js/main.16d4c3ff509eefc78ed0.hot-update.js": "/js/main.16d4c3ff509eefc78ed0.hot-update.js",
+    "/js/main.1c25ba8f9b606a1a9091.hot-update.js": "/js/main.1c25ba8f9b606a1a9091.hot-update.js",
+    "/js/main.0da744c4c8d22a86847a.hot-update.js": "/js/main.0da744c4c8d22a86847a.hot-update.js",
+    "/js/main.da2773b381b213e48849.hot-update.js": "/js/main.da2773b381b213e48849.hot-update.js",
+    "/js/main.6346f701cecaf2ffd664.hot-update.js": "/js/main.6346f701cecaf2ffd664.hot-update.js",
+    "/js/main.224aefbfb24b33ef5c29.hot-update.js": "/js/main.224aefbfb24b33ef5c29.hot-update.js",
+    "/js/main.e3d5bf665fc7972ba7ee.hot-update.js": "/js/main.e3d5bf665fc7972ba7ee.hot-update.js",
+    "/js/main.79b99920830eb8402f0a.hot-update.js": "/js/main.79b99920830eb8402f0a.hot-update.js",
+    "/js/main.78f6ad4435f5f7bb3a4e.hot-update.js": "/js/main.78f6ad4435f5f7bb3a4e.hot-update.js",
+    "/js/main.d49be4a5ce672a1decba.hot-update.js": "/js/main.d49be4a5ce672a1decba.hot-update.js",
+    "/js/main.23da5551c45cd7a5b2db.hot-update.js": "/js/main.23da5551c45cd7a5b2db.hot-update.js",
+    "/js/main.43dfa3f04e30b2ca47a4.hot-update.js": "/js/main.43dfa3f04e30b2ca47a4.hot-update.js",
+    "/js/main.8a477482bd06da4c2e5f.hot-update.js": "/js/main.8a477482bd06da4c2e5f.hot-update.js",
+    "/js/main.4078b800856b95154bdf.hot-update.js": "/js/main.4078b800856b95154bdf.hot-update.js",
+    "/js/main.58738639c200a67ac77e.hot-update.js": "/js/main.58738639c200a67ac77e.hot-update.js",
+    "/js/main.ed77a60a265d4c7e27d6.hot-update.js": "/js/main.ed77a60a265d4c7e27d6.hot-update.js",
+    "/js/main.eca7662a8039af2d7b36.hot-update.js": "/js/main.eca7662a8039af2d7b36.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.fd2e9e3ebb8c04025624.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.fd2e9e3ebb8c04025624.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.2c711b1249837ead7760.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.2c711b1249837ead7760.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.cadda62847c5f835a651.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.cadda62847c5f835a651.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.4fa4d9177b025e7be686.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.4fa4d9177b025e7be686.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.a8fa0afe0e0016ab45ad.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.a8fa0afe0e0016ab45ad.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.7882507f935d47ddd08d.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.7882507f935d47ddd08d.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.cf3e8fb52dd1dd32ae09.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.cf3e8fb52dd1dd32ae09.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.574ecc86e901be081668.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.574ecc86e901be081668.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.1ec2a648299afca28631.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.1ec2a648299afca28631.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.1e831f7b07b68731c4de.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.1e831f7b07b68731c4de.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.991857716d9cdba6f03d.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.991857716d9cdba6f03d.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.1745908c157250dc0511.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.1745908c157250dc0511.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.4468c176ec64a7b682f5.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.4468c176ec64a7b682f5.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.81218b01bdd3e03dda1c.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.81218b01bdd3e03dda1c.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.aa28b7a34a937211f2ae.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.aa28b7a34a937211f2ae.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.ad43cc5e8b8153ad2e41.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.ad43cc5e8b8153ad2e41.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.0be4b82d0a4f2f1de883.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.0be4b82d0a4f2f1de883.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.11539e5331c67c966046.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.11539e5331c67c966046.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.cba4f1284ce2f25a3660.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.cba4f1284ce2f25a3660.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.9b367c443b311bb4203e.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.9b367c443b311bb4203e.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.95db7237b96424f95beb.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.95db7237b96424f95beb.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.f02aba6189d1f281f101.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.f02aba6189d1f281f101.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.00861da6bcddf2da047c.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.00861da6bcddf2da047c.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.800ee69a2c7fb9344f7f.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.800ee69a2c7fb9344f7f.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.694ca80b861ba0334b4c.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.694ca80b861ba0334b4c.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.2ad9c5f177c28ed9fd6a.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.2ad9c5f177c28ed9fd6a.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.120778ae2a548a6dd346.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.120778ae2a548a6dd346.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.d8cda6aadbe54eec0979.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.d8cda6aadbe54eec0979.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.b152947d4b8df9a4a639.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.b152947d4b8df9a4a639.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.641199ebcce20b944341.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.641199ebcce20b944341.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.5f0907dbad350f2220f8.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.5f0907dbad350f2220f8.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.7b3fb0266ce4573ee066.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.7b3fb0266ce4573ee066.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.d935d360ed3c0d78e8d7.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.d935d360ed3c0d78e8d7.hot-update.js",
+    "/js/main.e845fcd14805874d188f.hot-update.js": "/js/main.e845fcd14805874d188f.hot-update.js",
+    "/js/main.a882658ee83856d94887.hot-update.js": "/js/main.a882658ee83856d94887.hot-update.js",
+    "/js/main.da6f5b7a18e9b025d6ed.hot-update.js": "/js/main.da6f5b7a18e9b025d6ed.hot-update.js",
+    "/js/main.ef70fbcc150daa903226.hot-update.js": "/js/main.ef70fbcc150daa903226.hot-update.js",
+    "/js/main.5f349c908d3a66b44a1d.hot-update.js": "/js/main.5f349c908d3a66b44a1d.hot-update.js",
+    "/js/main.e870110be010add609a7.hot-update.js": "/js/main.e870110be010add609a7.hot-update.js",
+    "/js/main.ed95d6a13fc463e6ce2b.hot-update.js": "/js/main.ed95d6a13fc463e6ce2b.hot-update.js",
+    "/js/main.d1cc350c2625d62f2228.hot-update.js": "/js/main.d1cc350c2625d62f2228.hot-update.js",
+    "/js/main.c997b748d5c29f336d5d.hot-update.js": "/js/main.c997b748d5c29f336d5d.hot-update.js",
+    "/js/main.84dea3c0fa150544ae76.hot-update.js": "/js/main.84dea3c0fa150544ae76.hot-update.js",
+    "/js/main.fba1d75d62e60b066b2d.hot-update.js": "/js/main.fba1d75d62e60b066b2d.hot-update.js",
+    "/js/main.d755b2b9e50f50270140.hot-update.js": "/js/main.d755b2b9e50f50270140.hot-update.js",
+    "/js/main.3a170f51ea21375f2e13.hot-update.js": "/js/main.3a170f51ea21375f2e13.hot-update.js",
+    "/js/main.9db7c5773b4a1690c35c.hot-update.js": "/js/main.9db7c5773b4a1690c35c.hot-update.js",
+    "/js/main.8b0a2e6fc575b51fa06d.hot-update.js": "/js/main.8b0a2e6fc575b51fa06d.hot-update.js",
+    "/js/main.a2f99319a088beaabd31.hot-update.js": "/js/main.a2f99319a088beaabd31.hot-update.js",
+    "/js/main.d0443a7134347a9c150e.hot-update.js": "/js/main.d0443a7134347a9c150e.hot-update.js",
+    "/js/main.b221bd812b4a049545d9.hot-update.js": "/js/main.b221bd812b4a049545d9.hot-update.js",
+    "/js/main.0c9935b2d397bd90a9ae.hot-update.js": "/js/main.0c9935b2d397bd90a9ae.hot-update.js",
+    "/js/main.7521fa4c34e1f67dc854.hot-update.js": "/js/main.7521fa4c34e1f67dc854.hot-update.js",
+    "/js/main.d58b1ce8d209c1756cb8.hot-update.js": "/js/main.d58b1ce8d209c1756cb8.hot-update.js",
+    "/js/main.10404b4280a2c036e882.hot-update.js": "/js/main.10404b4280a2c036e882.hot-update.js",
+    "/js/main.6fde6fa17a4f401907ab.hot-update.js": "/js/main.6fde6fa17a4f401907ab.hot-update.js",
+    "/js/main.bcc9b48541b32a312122.hot-update.js": "/js/main.bcc9b48541b32a312122.hot-update.js",
+    "/js/main.13cd6a068d5196100f35.hot-update.js": "/js/main.13cd6a068d5196100f35.hot-update.js",
+    "/js/main.a5480e172f06dccb04fc.hot-update.js": "/js/main.a5480e172f06dccb04fc.hot-update.js",
+    "/js/main.7280da4b90865abcbea9.hot-update.js": "/js/main.7280da4b90865abcbea9.hot-update.js",
+    "/js/main.c00cb1f2f1d0bcb446ce.hot-update.js": "/js/main.c00cb1f2f1d0bcb446ce.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.c295f5633eef1de4a557.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.c295f5633eef1de4a557.hot-update.js",
+    "/js/main.2e8a83f8e27ebf02ce13.hot-update.js": "/js/main.2e8a83f8e27ebf02ce13.hot-update.js",
+    "/js/main.63144b0697a4649babf6.hot-update.js": "/js/main.63144b0697a4649babf6.hot-update.js",
+    "/chunks/shared-page.64bad62c3553b2cb7349.hot-update.js": "/chunks/shared-page.64bad62c3553b2cb7349.hot-update.js"
 }

resources/js/App.vue

@@ -29,7 +29,7 @@
             <MobileMultiSelectMenu/>
 
             <!-- Multi Select Drag & Drop UI -->
-            <MultiSelected :draged-ghost="draged" :draged-item="dragedItem" v-show="draged" id="multi-select-ui"/>
+            <MultiSelected :is-ghost="true" v-show="draged" id="multi-select-ui"/>
 
             <!--Mobile Menu-->
             <MobileMenu/>
@@ -129,7 +129,6 @@
             return {
                 isScaledDown: false,
                 draged: false,
-                dragedItem: undefined
             }
         },
         beforeMount() {
@@ -159,11 +158,6 @@
             }
         },
         mounted() {
-            // Handle default scrollbar for the macOS
-            if (!navigator.userAgent.indexOf('Mac OS X') != -1) {
-               let body = document.body
-               body.classList.add('scroll-bar')
-            }
 
             // Handle mobile navigation scale animation
             events.$on('show:mobile-navigation', () => this.isScaledDown = true)
@@ -173,7 +167,6 @@
 
             // Hnadle Drag & Drop Ghost show
             events.$on('dragstart', (data) => {
-                this.dragedItem = data
                 setTimeout(() => {
                     this.draged = true
                 }, 50);

resources/js/components/FilesView/FileBrowser.vue

@@ -38,6 +38,7 @@
                             v-for="item in data"
                             :key="item.unique_id"
                             class="file-item"
+                            :class="dragedItems.includes(item) ? 'draged' : '' "                      
                     />
                 </transition-group>
             </div>
@@ -58,6 +59,7 @@
                             v-for="item in data"
                             :key="item.unique_id"
                             class="file-item"
+                            :class="dragedItems.includes(item) ? 'draged' : '' "
                     />
                 </transition-group>
             </div>
@@ -132,6 +134,15 @@
             isEmpty() {
                 return this.data.length == 0
             },
+            dragedItems() {
+                if(!this.fileInfoDetail.includes(this.draggingId)){
+                    return [this.draggingId]
+                }
+
+                if(this.fileInfoDetail.includes(this.draggingId)) {
+                    return this.fileInfoDetail
+                }
+            }
         },
         data() {
             return {
@@ -142,7 +153,9 @@
         },
         methods: {
             deleteItems() {
-                console.log('delete items');
+                if(this.fileInfoDetail.length > 0 && this.$checkPermission('master') || this.$checkPermission('editor')) {
+                    this.$store.dispatch('deleteItem')
+                }
             },
             dropUpload(event) {
                 // Upload external file
@@ -221,6 +234,9 @@
 
             events.$on('drop', () => {
                 this.isDragging = false
+                setTimeout(() => {
+                    this.draggingId = undefined
+                }, 10);
             })
 
             events.$on('fileItem:deselect', () =>
@@ -248,6 +264,10 @@
     @import '@assets/vue-file-manager/_variables';
     @import '@assets/vue-file-manager/_mixins';
 
+    .draged {
+        opacity: 0.5;
+    }
+
     #multi-selected {
         position: fixed;
         pointer-events: none;

resources/js/components/FilesView/MultiSelected.vue

@@ -1,22 +1,22 @@
 <template>
-    <div :class="[this.moveItem ? 'move-item'  : 'wrapper' , this.dragedGhost ? 'ghost' : '']">
+    <div :class="[this.moveItem ? 'move-item'  : 'wrapper' , this.isGhost ? 'ghost' : '']">
         <div class="icon-wrapper">   
             <CheckSquareIcon class="icon" size="21"/>
         </div>
         <!-- Multi select for the move item popup and file info -->
-        <div class="text" v-if="!this.dragedGhost">
+        <div class="text" v-if="!this.isGhost">
             <span class="title">{{ $t('file_detail.selected_multiple') }}</span>
             <span class="count">{{this.fileInfoDetail.length}}  {{ $tc('file_detail.items', this.fileInfoDetail.length) }}</span>
         </div>
         <!-- Multi select for the Drag & Drop -->
-        <div class="text" v-if="this.dragedGhost">
+        <div class="text" v-if="this.isGhost">
             <div v-if="this.fileInfoDetail.length > 1 && !noSelectedItem">
                 <span class="title">{{ $t('file_detail.selected_multiple') }}</span>
                 <span class="count">{{this.fileInfoDetail.length}}  {{ $tc('file_detail.items', this.fileInfoDetail.length) }}</span>
             </div>
 
             <div v-if="this.fileInfoDetail.length < 2 || noSelectedItem">
-                <span class="title">{{ this.dragedItem.name }}</span>
+                <span v-if="this.dragedItem" class="title">{{ this.dragedItem.name }}</span>
             </div>
         </div>
     </div>
@@ -25,10 +25,12 @@
 <script>
 import {CheckSquareIcon} from "vue-feather-icons";
 import {mapGetters} from 'vuex'
+import {events} from '@/bus'
+
 
     export default {
         name:'MultiSelected',
-        props: ['moveItem' , 'dragedGhost' , 'dragedItem'],
+        props: [ 'moveItem' , 'isGhost' ],
         components: {CheckSquareIcon},
         computed: {
             ...mapGetters(['fileInfoDetail']),
@@ -37,6 +39,20 @@ import {mapGetters} from 'vuex'
                 return  !this.fileInfoDetail.includes(this.dragedItem)
             }
         },
+        data () {
+            return {
+                dragedItem: undefined,
+            }
+        },
+        mounted () {
+
+            // Hnadle Drag & Drop Ghost show
+            if(this.isGhost) {
+                events.$on('dragstart', (data) => {
+                    this.dragedItem = data
+                })
+            }
+        }
         
     }
 </script>
@@ -45,7 +61,6 @@ import {mapGetters} from 'vuex'
 @import '@assets/vue-file-manager/_variables';
 @import '@assets/vue-file-manager/_mixins';
 .ghost {
-    // width: 200px !important;
     max-width: 300px;
     min-width: 250px;
     position: fixed;

resources/js/helpers.js

@@ -311,3 +311,9 @@ const Helpers = {
 }
 
 export default Helpers
+
+// Handle styled scrollbar for Windows
+if (navigator.userAgent.indexOf('Windows') != -1) {
+   let body = document.body
+   body.classList.add('windows')
+}

resources/js/main.js

@@ -88,6 +88,14 @@ Vue.use(Helpers);
 
 Vue.config.productionTip = false;
 
+// Handle position of Drag & Drop Ghost
+document.addEventListener('drag', (event) => {
+  let multiSelect = document.getElementById('multi-select-ui')
+  multiSelect.style.top = event.clientY + 20 + 'px'
+  multiSelect.style.left = event.clientX + 'px'
+
+},false)
+
 var vueFileManager = new Vue({
   i18n,
   store,
@@ -98,9 +106,4 @@ var vueFileManager = new Vue({
   render: (h) => h(App),
 }).$mount("#app");
 
-document.addEventListener('drag', (event) => {
-  let multiSelect = document.getElementById('multi-select-ui')
-  multiSelect.style.top = event.clientY + 20 + 'px'
-  multiSelect.style.left = event.clientX + 'px'
 
-},false)

resources/js/store/modules/userAuth.js

@@ -51,13 +51,13 @@ const actions = {
         let addFavourites = []
         let items = [folder]
 
-        console.log(context.getters.fileInfoDetail)
         if(!folder){
             items = context.getters.fileInfoDetail
         }        
 
         items.forEach((data) => {
-            if(data.type === 'folder') {
+            if(data.type === 'folder' ) {
+                if(context.getters.user.relationships.favourites.data.attributes.folders.find(folder => folder.unique_id === data.unique_id)) return
                 addFavourites.push({
                     'unique_id': data.unique_id
                 })
@@ -68,8 +68,16 @@ const actions = {
             context.commit('CLEAR_FILEINFO_DETAIL')
         }
 
+        let pushToFavorites = []
+        //Dont push to favorites a folder what is already in favourites
+        items.map(data => {
+            if(!context.getters.user.relationships.favourites.data.attributes.folders.find(folder => folder.unique_id === data.unique_id)){
+                pushToFavorites.push(data)
+            }
+        })
+        
         // Add to storage
-        context.commit('ADD_TO_FAVOURITES', items)
+        context.commit('ADD_TO_FAVOURITES', pushToFavorites)
 
         axios
             .post(context.getters.api + '/folders/favourites', {

resources/js/views/FilePages/Files.vue

@@ -160,6 +160,8 @@
             dragFinish() {
                 this.area = false
 
+                events.$emit('drop')
+
                 // Check if draged item is folder
                 if (this.draggedItem && this.draggedItem.type !== 'folder') return
 
@@ -181,7 +183,7 @@
                 this.$store.dispatch('addToFavourites', null)            
                 }
 
-                 events.$emit('drop')
+               
             },
             removeFavourite(folder) {
                 this.$store.dispatch('removeFromFavourites', folder)

resources/js/views/Shared/SharedPage.vue

@@ -17,7 +17,7 @@
         <RenameItem/>
 
          <!-- Multi Select Drag & Drop UI -->
-        <MultiSelected :draged-ghost="draged" :draged-item="dragedItem" v-show="draged" id="multi-select-ui"/>
+        <MultiSelected :is-ghost="true" v-show="draged" id="multi-select-ui"/>
 
         <!--Mobile Menu-->
         <MobileMenu/>
@@ -189,7 +189,6 @@
                 currentPage: undefined,
                 homeDirectory: undefined,
                 draged: false,
-                dragedItem: undefined
             }
         },
         methods: {
@@ -269,15 +268,8 @@
         },
         created() {
 
-             // Handle default scrollbar for the macOS
-             if (!navigator.userAgent.indexOf('Mac OS X') != -1) {
-               let body = document.body
-               body.classList.add('scroll-bar')
-            }
-
              // Hnadle Drag & Drop Ghost show
             events.$on('dragstart', (data) => {
-                this.dragedItem = data
                 setTimeout(() => {
                     this.draged = true
                 }, 50);

resources/sass/app.scss

@@ -440,7 +440,7 @@
 
 }
 
-.scroll-bar {
+.windows {
   ::-webkit-scrollbar {
     width: 18px;
     height: 18px;
@@ -454,11 +454,12 @@
       border-radius: 25px;
   }
 }
+
 @media (prefers-color-scheme: dark) { 
-  .scroll-bar {
+  .windows {
     ::-webkit-scrollbar-thumb {
       border: 6px solid $dark_mode_background;
       background: $dark_mode_foreground !important;
     }
   }
-}
+}