From 559bee6ca28c361794205e23baae6ee65e15ac81 Mon Sep 17 00:00:00 2001
From: Milos Holba <milosholba78@gmail.com>
Date: Fri, 13 Nov 2020 17:56:45 +0100
Subject: [PATCH] bulk-operations v0.1 setup bulk delete,move items and
 FileInfoPanel

---
 public/mix-manifest.json                      | 103 +++++++++++++++--
 .../js/components/FilesView/ContextMenu.vue   |   2 +-
 .../js/components/FilesView/FileBrowser.vue   |   8 +-
 .../js/components/FilesView/FileInfoPanel.vue |  32 +++---
 .../js/components/FilesView/FileItemGrid.vue  |   9 +-
 .../js/components/FilesView/FileItemList.vue  |  12 +-
 .../js/components/FilesView/FilePreview.vue   |  12 +-
 .../js/components/FilesView/MultiSelected.vue |  74 ++++++++++++
 resources/js/store/modules/fileFunctions.js   | 107 ++++++++++++------
 9 files changed, 282 insertions(+), 77 deletions(-)
 create mode 100644 resources/js/components/FilesView/MultiSelected.vue

diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index a828a7a7..3bb161a1 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -29,7 +29,7 @@
     "/chunks/environment-setup.js": "/chunks/environment-setup.js?id=405847df44edd86e301a",
     "/chunks/files.js": "/chunks/files.js?id=e0e01c40a7c37f170270",
     "/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared-page~chunks/trash~chunks~3ea7670b.js": "/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared-page~chunks/trash~chunks~3ea7670b.js?id=6cafd70cb9e5ae25f02a",
-    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.js?id=47a83e949cc6a7d90e68",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.js?id=9f722e0600cb90e88aac",
     "/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",
@@ -75,12 +75,97 @@
     "/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/files~chunks/shared-files~chunks/shared-page~chunks/trash.347b3779c3f7e3183e34.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.347b3779c3f7e3183e34.hot-update.js",
-    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.512ce0113538dcee5e1a.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.512ce0113538dcee5e1a.hot-update.js",
-    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.e48ab8eea1f1b46927e6.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.e48ab8eea1f1b46927e6.hot-update.js",
-    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.10053313e7fdc05f3fda.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.10053313e7fdc05f3fda.hot-update.js",
-    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.5ec32908af084a735df9.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.5ec32908af084a735df9.hot-update.js",
-    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.ca8ba632504895e77b47.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.ca8ba632504895e77b47.hot-update.js",
-    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.fc6330bb85a0d507665e.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.fc6330bb85a0d507665e.hot-update.js",
-    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.81f058f14546cb6b6997.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.81f058f14546cb6b6997.hot-update.js"
+    "/js/main.767420ad569a3b38d5db.hot-update.js": "/js/main.767420ad569a3b38d5db.hot-update.js",
+    "/js/main.edbf0aedbe6659b65142.hot-update.js": "/js/main.edbf0aedbe6659b65142.hot-update.js",
+    "/js/main.99c48b2298fb77086daa.hot-update.js": "/js/main.99c48b2298fb77086daa.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.ddd3f919f4b010f40e21.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.ddd3f919f4b010f40e21.hot-update.js",
+    "/js/main.f5d02f49d57902a88035.hot-update.js": "/js/main.f5d02f49d57902a88035.hot-update.js",
+    "/js/main.76b2e9cf380709948f07.hot-update.js": "/js/main.76b2e9cf380709948f07.hot-update.js",
+    "/js/main.d97c1122943516d7a0e5.hot-update.js": "/js/main.d97c1122943516d7a0e5.hot-update.js",
+    "/js/main.bfff5064d9fc36a7567c.hot-update.js": "/js/main.bfff5064d9fc36a7567c.hot-update.js",
+    "/js/main.6094c2d1968f2b0b6a96.hot-update.js": "/js/main.6094c2d1968f2b0b6a96.hot-update.js",
+    "/js/main.ae354bbe50594e027c22.hot-update.js": "/js/main.ae354bbe50594e027c22.hot-update.js",
+    "/js/main.661a9c6d3aec8b6a2dcc.hot-update.js": "/js/main.661a9c6d3aec8b6a2dcc.hot-update.js",
+    "/js/main.82c1e136025af897fead.hot-update.js": "/js/main.82c1e136025af897fead.hot-update.js",
+    "/js/main.fbe893a7903076a0d102.hot-update.js": "/js/main.fbe893a7903076a0d102.hot-update.js",
+    "/js/main.f500898e669e6ba9b1d6.hot-update.js": "/js/main.f500898e669e6ba9b1d6.hot-update.js",
+    "/js/main.c075f5a7350d5f510c93.hot-update.js": "/js/main.c075f5a7350d5f510c93.hot-update.js",
+    "/js/main.25ba42e17dd00816f45e.hot-update.js": "/js/main.25ba42e17dd00816f45e.hot-update.js",
+    "/js/main.1bed513db9df73d56c9e.hot-update.js": "/js/main.1bed513db9df73d56c9e.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.5179bfbbb2e773dc4849.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.5179bfbbb2e773dc4849.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.3ef510c31ca8bf2cd0be.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.3ef510c31ca8bf2cd0be.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.5f55fa5cff653365891c.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.5f55fa5cff653365891c.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.fbbe3f1cf88f9d9c9cb3.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.fbbe3f1cf88f9d9c9cb3.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.1312b84a60a390d87eb9.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.1312b84a60a390d87eb9.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.55425050d57e1041ada5.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.55425050d57e1041ada5.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.6ceb360b7f9234b5f680.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.6ceb360b7f9234b5f680.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.293219c557e44e0a25f3.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.293219c557e44e0a25f3.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.20cd6bad24f7e8c9bb2d.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.20cd6bad24f7e8c9bb2d.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.06f2c0a9de8ef70a5f80.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.06f2c0a9de8ef70a5f80.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.49d13efab03021d732bc.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.49d13efab03021d732bc.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.18ed5aa55df070f2c1e6.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.18ed5aa55df070f2c1e6.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.78b3f0bfea1aa54d5ca7.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.78b3f0bfea1aa54d5ca7.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.2052d98a167e8a7afa9c.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.2052d98a167e8a7afa9c.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.c9d00fe85b607aa704f1.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.c9d00fe85b607aa704f1.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.b49f906a324f974a3f9c.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.b49f906a324f974a3f9c.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.1756e15e6082b077f3f8.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.1756e15e6082b077f3f8.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.15902fc6d5f851ff7c85.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.15902fc6d5f851ff7c85.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.112a34244469015b97e2.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.112a34244469015b97e2.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.d9dad9a582a8c3b76656.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.d9dad9a582a8c3b76656.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.18275bc6579379290dfb.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.18275bc6579379290dfb.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.8989d79da20e6506a108.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.8989d79da20e6506a108.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.dd3932ed3fb7d3048fef.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.dd3932ed3fb7d3048fef.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.d25a6f231107ad2352ba.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.d25a6f231107ad2352ba.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.676760d93688df1bc60d.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.676760d93688df1bc60d.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.3d29134874ea46e6821f.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.3d29134874ea46e6821f.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.d1212486baec3577ff88.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.d1212486baec3577ff88.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.28bcabb140b8e5cee2fe.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.28bcabb140b8e5cee2fe.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.cb17b426afa8f73555e3.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.cb17b426afa8f73555e3.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.58da1a3b8c3aa3482e98.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.58da1a3b8c3aa3482e98.hot-update.js",
+    "/js/main.645dea579c04e2141567.hot-update.js": "/js/main.645dea579c04e2141567.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.ea94e22857c0d0849444.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.ea94e22857c0d0849444.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.0eaf094148b9c0491eb1.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.0eaf094148b9c0491eb1.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.cf74b01887084c3e84b1.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.cf74b01887084c3e84b1.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.5c36b257837f1ea30d0a.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.5c36b257837f1ea30d0a.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.e328124cb8af7fa50844.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.e328124cb8af7fa50844.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.ae405b773b88de15c9ea.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.ae405b773b88de15c9ea.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.db9ab1ef04a4a7c967a5.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.db9ab1ef04a4a7c967a5.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.52db9770dc779bfd5503.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.52db9770dc779bfd5503.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.c1bb3ec6439b72bde5d3.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.c1bb3ec6439b72bde5d3.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.46d3b2e81a99c58d1bf6.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.46d3b2e81a99c58d1bf6.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.077ff036661a6d077588.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.077ff036661a6d077588.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.94973678b87c1b6d214c.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.94973678b87c1b6d214c.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.eb0337f1b7cbbd526c42.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.eb0337f1b7cbbd526c42.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.6b4d108876871e2d4e84.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.6b4d108876871e2d4e84.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.6cd4449aec8b0ac127df.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.6cd4449aec8b0ac127df.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.c5d2de27e505c2db1144.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.c5d2de27e505c2db1144.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.00145056ad30cfd4e514.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.00145056ad30cfd4e514.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.c1b2c792d07650fa2839.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.c1b2c792d07650fa2839.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.4afc66748d13d73c70cd.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.4afc66748d13d73c70cd.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.0dde9896ad98c1e682de.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.0dde9896ad98c1e682de.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.84a56838f4636f3cc93f.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.84a56838f4636f3cc93f.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.5d7a6e6fadf3c0e1bd3e.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.5d7a6e6fadf3c0e1bd3e.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.8d89e1b299b47dc17724.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.8d89e1b299b47dc17724.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.1f1b9bac774d856eabf7.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.1f1b9bac774d856eabf7.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.5ffb59c316e393f0b67c.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.5ffb59c316e393f0b67c.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.da2cc0bee54f5a082221.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.da2cc0bee54f5a082221.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.1c4e81f7767e572e67f4.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.1c4e81f7767e572e67f4.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.f318634df4fa8cb57b5f.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.f318634df4fa8cb57b5f.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.27576ccd2504ba0a2cea.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.27576ccd2504ba0a2cea.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.f46761a661ab749be221.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.f46761a661ab749be221.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.48f11cd4756b08f0bf86.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.48f11cd4756b08f0bf86.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.05c67abc8ce7bad61ae7.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.05c67abc8ce7bad61ae7.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.4c5cf15c42e991ef7c69.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.4c5cf15c42e991ef7c69.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.c709efeabbaa4312d154.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.c709efeabbaa4312d154.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.a7958ca5b4b1574534ff.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.a7958ca5b4b1574534ff.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.0c77603041fa411356ec.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.0c77603041fa411356ec.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.514451ec9049c3462bc3.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.514451ec9049c3462bc3.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.bc7cc680fa16e86d9eef.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.bc7cc680fa16e86d9eef.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.b914a492918b73cc0869.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.b914a492918b73cc0869.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.a22c571a909722e954a6.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.a22c571a909722e954a6.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.82dcbd7e0629de2e235d.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.82dcbd7e0629de2e235d.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.704d6d31a8120878427e.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.704d6d31a8120878427e.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.a1fe7aefb4d59c234948.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.a1fe7aefb4d59c234948.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.a629bc8d6a0e9120502e.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.a629bc8d6a0e9120502e.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.cf035a357754f498e0b8.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page~chunks/trash.cf035a357754f498e0b8.hot-update.js"
 }
diff --git a/resources/js/components/FilesView/ContextMenu.vue b/resources/js/components/FilesView/ContextMenu.vue
index 971e9c5d..5a7c0412 100644
--- a/resources/js/components/FilesView/ContextMenu.vue
+++ b/resources/js/components/FilesView/ContextMenu.vue
@@ -473,7 +473,7 @@ export default {
     },
     deleteItem() {
       // Dispatch remove item
-      this.$store.dispatch("deleteItem", this.item);
+      this.$store.dispatch("deleteItem");
     },
     createFolder() {
       // Create folder
diff --git a/resources/js/components/FilesView/FileBrowser.vue b/resources/js/components/FilesView/FileBrowser.vue
index 42c68eca..be36df2c 100644
--- a/resources/js/components/FilesView/FileBrowser.vue
+++ b/resources/js/components/FilesView/FileBrowser.vue
@@ -74,10 +74,12 @@
         <!--File Info Panel-->
         <div v-if="! $isMinimalScale()" class="file-info-container" :class="{ 'is-fileinfo-visible': fileInfoVisible }">
             <!--File info panel-->
-            <FileInfoPanel v-if="fileInfoDetail"/>
+            <FileInfoPanel v-if="fileInfoDetail.length === 1"/>
+
+            <MultiSelected v-if="fileInfoDetail.length > 1 "/>
 
             <!--If file info panel empty show message-->
-            <EmptyMessage v-if="!fileInfoDetail" :message="$t('messages.nothing_to_preview')" icon="eye-off"/>
+            <EmptyMessage v-if="fileInfoDetail.length === 0" :message="$t('messages.nothing_to_preview')" icon="eye-off"/>
         </div>
     </div>
 </template>
@@ -85,6 +87,7 @@
 <script>
     import MobileToolbar from '@/components/FilesView/MobileToolbar'
     import MobileActions from '@/components/FilesView/MobileActions'
+    import MultiSelected from '@/components/FilesView/MultiSelected'
     import FileInfoPanel from '@/components/FilesView/FileInfoPanel'
     import FileItemList from '@/components/FilesView/FileItemList'
     import FileItemGrid from '@/components/FilesView/FileItemGrid'
@@ -99,6 +102,7 @@
         components: {
             MobileToolbar,
             MobileActions,
+            MultiSelected,
             FileInfoPanel,
             FileItemList,
             FileItemGrid,
diff --git a/resources/js/components/FilesView/FileInfoPanel.vue b/resources/js/components/FilesView/FileInfoPanel.vue
index 5cc484b1..34476d85 100644
--- a/resources/js/components/FilesView/FileInfoPanel.vue
+++ b/resources/js/components/FilesView/FileInfoPanel.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="file-info-content" v-if="fileInfoDetail">
+    <div class="file-info-content" v-if="fileInfoDetail.length === 1">
         <div class="file-headline" spellcheck="false">
             <FilePreview/>
 
@@ -14,37 +14,37 @@
                     </div>
                 </div>
                 <div class="file-info">
-                    <span ref="name" class="name">{{ fileInfoDetail.name }}</span>
-                    <span class="mimetype" v-if="fileInfoDetail.mimetype">.{{ fileInfoDetail.mimetype }}</span>
+                    <span ref="name" class="name">{{ fileInfoDetail[0].name }}</span>
+                    <span class="mimetype" v-if="fileInfoDetail[0].mimetype">.{{ fileInfoDetail[0].mimetype }}</span>
                 </div>
             </div>
         </div>
 
         <!--Info list-->
         <ListInfo>
-            <ListInfoItem v-if="fileInfoDetail.filesize"
+            <ListInfoItem v-if="fileInfoDetail[0].filesize"
                           :title="$t('file_detail.size')"
-                          :content="fileInfoDetail.filesize">
+                          :content="fileInfoDetail[0].filesize">
             </ListInfoItem>
 
-            <ListInfoItem v-if="$checkPermission(['master']) && fileInfoDetail.user_scope !== 'master'"
+            <ListInfoItem v-if="$checkPermission(['master']) && fileInfoDetail[0].user_scope !== 'master'"
                           :title="$t('file_detail.author')"
                           :content="$t('file_detail.author_participant')">
             </ListInfoItem>
 
             <ListInfoItem
                     :title="$t('file_detail.created_at')"
-                    :content="fileInfoDetail.created_at">
+                    :content="fileInfoDetail[0].created_at">
             </ListInfoItem>
 
             <ListInfoItem v-if="$checkPermission(['master'])"
                           :title="$t('file_detail.where')">
                 <div class="action-button" @click="moveItem">
-                    <span>{{ fileInfoDetail.parent ? fileInfoDetail.parent.name : $t('locations.home') }}</span>
+                    <span>{{ fileInfoDetail[0].parent ? fileInfoDetail[0].parent.name : $t('locations.home') }}</span>
                     <edit-2-icon size="10" class="edit-icon"></edit-2-icon>
                 </div>
             </ListInfoItem>
-            <ListInfoItem v-if="$checkPermission('master') && fileInfoDetail.shared"
+            <ListInfoItem v-if="$checkPermission('master') && fileInfoDetail[0].shared"
                           :title="$t('file_detail.shared')">
                 <div class="action-button" @click="shareItemOptions">
                     <span>{{ sharedInfo }}</span>
@@ -53,7 +53,7 @@
                 <div class="sharelink">
                     <lock-icon v-if="isLocked" @click="shareItemOptions" class="lock-icon" size="17"></lock-icon>
                     <unlock-icon v-if="! isLocked" @click="shareItemOptions" class="lock-icon" size="17"></unlock-icon>
-                    <CopyInput class="copy-sharelink" size="small" :value="fileInfoDetail.shared.link"/>
+                    <CopyInput class="copy-sharelink" size="small" :value="fileInfoDetail[0].shared.link"/>
                 </div>
             </ListInfoItem>
         </ListInfo>
@@ -87,7 +87,7 @@
         computed: {
             ...mapGetters(['fileInfoDetail', 'permissionOptions']),
             fileType() {
-                return this.fileInfoDetail.type
+                return this.fileInfoDetail[0].type
                 /*                switch () {
                                     case 'folder':
                                         return 'folder'
@@ -110,13 +110,13 @@
 
                 // Get permission title
                 let title = this.permissionOptions.find(option => {
-                    return option.value === this.fileInfoDetail.shared.permission
+                    return option.value === this.fileInfoDetail[0].shared.permission
                 })
 
                 return title ? title.label : this.$t('shared.can_download')
             },
             sharedIcon() {
-                switch (this.fileInfoDetail.shared.permission) {
+                switch (this.fileInfoDetail[0].shared.permission) {
                     case 'editor':
                         return 'user-edit'
                         break
@@ -128,17 +128,17 @@
                 }
             },
             isLocked() {
-                return this.fileInfoDetail.shared.protected
+                return this.fileInfoDetail[0].shared.protected
             }
         },
         methods: {
             shareItemOptions() {
                 // Open share item popup
-                events.$emit('popup:open', {name: 'share-edit', item: this.fileInfoDetail})
+                events.$emit('popup:open', {name: 'share-edit', item: this.fileInfoDetail[0]})
             },
             moveItem() {
                 // Move item fire popup
-                events.$emit('popup:open', {name: 'move', item: this.fileInfoDetail})
+                events.$emit('popup:open', {name: 'move', item: this.fileInfoDetail[0]})
             }
         }
     }
diff --git a/resources/js/components/FilesView/FileItemGrid.vue b/resources/js/components/FilesView/FileItemGrid.vue
index ada90d90..ded94f16 100644
--- a/resources/js/components/FilesView/FileItemGrid.vue
+++ b/resources/js/components/FilesView/FileItemGrid.vue
@@ -168,7 +168,8 @@
             clickedItem(e) {
                 events.$emit('contextMenu:hide')
 
-                if(e.ctrlKey && !e.shiftKey) {
+            if(e.ctrlKey && !e.shiftKey) {
+                // Click + Ctrl
 				if(this.fileInfoDetail.some(item => item.unique_id === this.data.unique_id)){
 					this.$store.commit('REMOVE_ITEM_FILEINFO_DETAIL',this.data )
 				}else {
@@ -176,9 +177,11 @@
 					this.$store.commit('GET_FILEINFO_DETAIL', this.data)
 				}
 			}else if (e.shiftKey){
+                // Click + Shift
 				let lastItem = this.allData.indexOf(this.fileInfoDetail[this.fileInfoDetail.length -1])
 				let clickedItem = this.allData.indexOf(this.data)
-				
+                
+                // If Click + Shift + Ctrl dont remove already selected items
 				if(!e.ctrlKey) {
 					this.$store.commit('CLEAR_FILEINFO_DETAIL')
 				}
@@ -196,6 +199,8 @@
 				}
 				this.fileInfoDetail.forEach(element => console.log(element.id ,element.name))
 			}else {
+                // Click
+                
 				events.$emit('fileItem:deselect')
 				this.$store.commit('CLEAR_FILEINFO_DETAIL')
                 this.$store.commit('GET_FILEINFO_DETAIL', this.data)
diff --git a/resources/js/components/FilesView/FileItemList.vue b/resources/js/components/FilesView/FileItemList.vue
index 850f7a98..2e16a3f3 100644
--- a/resources/js/components/FilesView/FileItemList.vue
+++ b/resources/js/components/FilesView/FileItemList.vue
@@ -161,6 +161,8 @@ export default {
 			events.$emit('contextMenu:hide')
 			
 			if(e.ctrlKey && !e.shiftKey) {
+				// Click + Ctrl
+
 				if(this.fileInfoDetail.some(item => item.unique_id === this.data.unique_id)){
 					this.$store.commit('REMOVE_ITEM_FILEINFO_DETAIL',this.data )
 				}else {
@@ -168,9 +170,12 @@ export default {
 					this.$store.commit('GET_FILEINFO_DETAIL', this.data)
 				}
 			}else if (e.shiftKey){
+				// Click + Shift
+
 				let lastItem = this.allData.indexOf(this.fileInfoDetail[this.fileInfoDetail.length -1])
 				let clickedItem = this.allData.indexOf(this.data)
-				
+
+				// If Click + Shift + Ctrl dont remove already selected items
 				if(!e.ctrlKey) {
 					this.$store.commit('CLEAR_FILEINFO_DETAIL')
 				}
@@ -178,16 +183,15 @@ export default {
 				if(lastItem < clickedItem) {
 					for(let i=lastItem ; i<=clickedItem; i++ ) {
 						this.$store.commit('GET_FILEINFO_DETAIL', this.allData[i])
-						console.log(this.allData[i].name)
 					}
 				}else {
 					for(let i=clickedItem ; i<=lastItem; i++ ) {
 						this.$store.commit('GET_FILEINFO_DETAIL', this.allData[i])
-						console.log(this.allData[i].name)
 					}
 				}
-				this.fileInfoDetail.forEach(element => console.log(element.id ,element.name))
 			}else {
+				// Click
+				
 				events.$emit('fileItem:deselect')
 				this.$store.commit('CLEAR_FILEINFO_DETAIL')
 				this.$store.commit('GET_FILEINFO_DETAIL', this.data)
diff --git a/resources/js/components/FilesView/FilePreview.vue b/resources/js/components/FilesView/FilePreview.vue
index fcae8098..deba87bd 100644
--- a/resources/js/components/FilesView/FilePreview.vue
+++ b/resources/js/components/FilesView/FilePreview.vue
@@ -1,9 +1,9 @@
 <template>
     <div v-if="canBePreview" class="preview">
-        <img v-if="fileInfoDetail.type == 'image'" :src="fileInfoDetail.thumbnail" :alt="fileInfoDetail.name" />
-        <audio v-else-if="fileInfoDetail.type == 'audio'" :src="fileInfoDetail.file_url" controlsList="nodownload" controls></audio>
-        <video v-else-if="fileInfoDetail.type == 'video'" controlsList="nodownload" disablePictureInPicture playsinline controls>
-            <source :src="fileInfoDetail.file_url" type="video/mp4">
+        <img v-if="fileInfoDetail[0].type == 'image'" :src="fileInfoDetail[0].thumbnail" :alt="fileInfoDetail[0].name" />
+        <audio v-else-if="fileInfoDetail[0].type == 'audio'" :src="fileInfoDetail[0].file_url" controlsList="nodownload" controls></audio>
+        <video v-else-if="fileInfoDetail[0].type == 'video'" controlsList="nodownload" disablePictureInPicture playsinline controls>
+            <source :src="fileInfoDetail[0].file_url" type="video/mp4">
         </video>
     </div>
 </template>
@@ -17,9 +17,9 @@
         computed: {
             ...mapGetters(['fileInfoDetail']),
             canBePreview() {
-                return this.fileInfoDetail && ! includes([
+                return this.fileInfoDetail[0] && ! includes([
                     'folder', 'file'
-                ], this.fileInfoDetail.type)
+                ], this.fileInfoDetail[0].type)
             }
         },
     }
diff --git a/resources/js/components/FilesView/MultiSelected.vue b/resources/js/components/FilesView/MultiSelected.vue
new file mode 100644
index 00000000..cfc530b8
--- /dev/null
+++ b/resources/js/components/FilesView/MultiSelected.vue
@@ -0,0 +1,74 @@
+<template>
+    <div class="wrapper">
+        <div class="icon-wrapper">
+            <CheckSquareIcon class="icon" size="21"/>
+        </div>
+        <div class="text">
+            <span class="title">Selected Multiple Items</span>
+            <span class="count">{{this.fileInfoDetail.length}} items</span>
+        </div>
+    </div>
+</template>
+
+<script>
+import {CheckSquareIcon} from "vue-feather-icons";
+import {mapGetters} from 'vuex'
+
+    export default {
+        name:'MultiSelected',
+        components: {CheckSquareIcon},
+        computed: {
+            ...mapGetters(['fileInfoDetail'])
+        },
+        
+    }
+</script>
+
+<style lang="scss" scoped>
+@import '@assets/vue-file-manager/_variables';
+@import '@assets/vue-file-manager/_mixins';
+
+.wrapper {
+    display: flex;
+    justify-content: center;
+    .text{
+        padding-left: 10px;
+        width: 100%;
+        word-break: break-all;
+
+        .title {
+           @include font-size(14);
+            font-weight: 700;
+            line-height: 1.4;
+            display: block;
+            color: $text;
+        }
+        .count {
+             @include font-size(12);
+            font-weight: 600;
+            color: $theme;
+            display: block;
+        }
+    }
+    .icon-wrapper {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        padding: 0;
+        text-align: center;
+        cursor: pointer;
+        white-space: nowrap;
+        outline: none;
+        border: none;
+    }
+}
+@media (prefers-color-scheme: dark) {
+    .wrapper {
+        .text {
+            .title {
+                color: $dark_mode_text_primary;
+            }
+        }      
+    }
+}
+</style>
diff --git a/resources/js/store/modules/fileFunctions.js b/resources/js/store/modules/fileFunctions.js
index 705ec53a..fec17f88 100644
--- a/resources/js/store/modules/fileFunctions.js
+++ b/resources/js/store/modules/fileFunctions.js
@@ -3,28 +3,40 @@ import router from '@/router'
 import {events} from '@/bus'
 import {last} from 'lodash'
 import axios from 'axios'
+import { Store } from 'vuex'
 
 const actions = {
-    moveItem: ({commit, getters, dispatch}, [item_from, to_item]) => {
+    moveItem: ({commit, getters, dispatch}, [undefined, to_item]) => {
+
+        let items = []
+
+        getters.fileInfoDetail.forEach((data) => {
+            items.push({
+                'force_delete': data.deleted_at ? true : false,
+                'type': data.type,
+                "unique_id": data.unique_id
+            })
+        })
 
         // Get route
         let route = getters.sharedDetail && ! getters.sharedDetail.protected
-            ? '/api/move/' + item_from.unique_id + '/public/' + router.currentRoute.params.token
-            : '/api/move/' + item_from.unique_id
+            ? '/api/move/public' + router.currentRoute.params.token
+            : '/api/move'
 
         axios
             .post(route, {
-                from_type: item_from.type,
-                to_unique_id: to_item.unique_id,
-                _method: 'patch'
+                _method: 'post',
+                to_unique_id:to_item.unique_id,
+                items: items
             })
             .then(() => {
-                commit('REMOVE_ITEM', item_from.unique_id)
-                commit('INCREASE_FOLDER_ITEM', to_item.unique_id)
-
-                if (item_from.type === 'folder' && getters.currentFolder.location !== 'public')
-                    dispatch('getAppData')
+                items.forEach(item=> {
+                    commit('REMOVE_ITEM', item.unique_id)
+                    commit('INCREASE_FOLDER_ITEM', to_item.unique_id)
 
+                    if (item.type === 'folder' && getters.currentFolder.location !== 'public')
+                        dispatch('getAppData')
+                    })
             })
             .catch(() => isSomethingWrong())
     },
@@ -164,51 +176,72 @@ const actions = {
             })
             .catch(() => isSomethingWrong())
     },
-    deleteItem: ({commit, getters, dispatch}, data) => {
+    deleteItem: ({commit, getters, dispatch}) => {
 
-        // Remove file
-        commit('REMOVE_ITEM', data.unique_id)
+        let items = []
 
-        // Remove item from sidebar
-        if (getters.permission === 'master') {
+        getters.fileInfoDetail.forEach((data) => {
+            items.push({
+                'force_delete': data.deleted_at ? true : false,
+                'type': data.type,
+                "unique_id": data.unique_id
+            })
+            
+            //    Remove file
+            commit('REMOVE_ITEM', data.unique_id)
 
-            if (data.type === 'folder')
-                commit('REMOVE_ITEM_FROM_FAVOURITES', data)
-        }
+            // Remove item from sidebar
+            if (getters.permission === 'master') {
 
+                if (data.type === 'folder')
+                    commit('REMOVE_ITEM_FROM_FAVOURITES', data)
+            }
+
+            // Remove file
+            commit('REMOVE_ITEM', data.unique_id)
+
+            // Remove item from sidebar
+            if (getters.permission === 'master') {
+
+                if (data.type === 'folder')
+                    commit('REMOVE_ITEM_FROM_FAVOURITES', data)
+            }
+        
+        })
+        
         // Remove file preview
         commit('CLEAR_FILEINFO_DETAIL')
 
         // Get route
         let route = getters.sharedDetail && ! getters.sharedDetail.protected
-            ? '/api/remove-item/' + data.unique_id + '/public/' + router.currentRoute.params.token
-            : '/api/remove-item/' + data.unique_id
+            ? '/api/remove-item/public/' + router.currentRoute.params.token
+            : '/api/remove-item'
 
         axios
             .post(route, {
-                _method: 'delete',
-                data: {
-                    type: data.type,
-                    force_delete: data.deleted_at ? true : false,
-                },
+                _method: 'post',
+                data: items
             })
             .then(() => {
 
-                // If is folder, update app data
-                if (data.type === 'folder') {
+                items.forEach(data => {
+                    
+                    // If is folder, update app data
+                    if (data.type === 'folder') {
 
-                    if (data.unique_id === getters.currentFolder.unique_id) {
+                        if (data.unique_id === getters.currentFolder.unique_id) {
 
-                        if ( getters.currentFolder.location === 'public' ) {
-                            dispatch('browseShared', [{folder: last(getters.browseHistory), back: true, init: false}])
-                        } else {
-                            dispatch('getFolder', [{folder: last(getters.browseHistory), back: true, init: false}])
+                            if ( getters.currentFolder.location === 'public' ) {
+                                dispatch('browseShared', [{folder: last(getters.browseHistory), back: true, init: false}])
+                            } else {
+                                dispatch('getFolder', [{folder: last(getters.browseHistory), back: true, init: false}])
+                            }
                         }
-                    }
 
-                    if ( getters.currentFolder.location !== 'public' )
-                        dispatch('getAppData')
-                }
+                        if ( getters.currentFolder.location !== 'public' )
+                            dispatch('getAppData')
+                    }
+                })
             })
             .catch(() => isSomethingWrong())
     },