From 8e01b837a27d17dace28c9147334a52dee006d70 Mon Sep 17 00:00:00 2001 From: Milos Holba Date: Sat, 28 Nov 2020 15:56:12 +0100 Subject: [PATCH] bulk-operations v0.1 add the Drag & Drop UI Ghost , styled scrollbar --- public/mix-manifest.json | 174 +++++++++++++----- resources/js/App.vue | 23 +++ .../js/components/FilesView/FileBrowser.vue | 38 +--- .../js/components/FilesView/MultiSelected.vue | 42 ++++- resources/js/main.js | 7 + resources/sass/app.scss | 40 ++-- 6 files changed, 210 insertions(+), 114 deletions(-) diff --git a/public/mix-manifest.json b/public/mix-manifest.json index f7477bea..cf4d92ec 100644 --- a/public/mix-manifest.json +++ b/public/mix-manifest.json @@ -22,28 +22,28 @@ "/chunks/contact-us.js": "/chunks/contact-us.js?id=f13ecb6e4405aa7e06d2", "/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=10beadd171f2bb0cf67c", + "/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/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=f1d8017665f8cb3090cf", "/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=129b569bf928e91c4e87", + "/chunks/files~chunks/shared-files~chunks/shared-page.js": "/chunks/files~chunks/shared-files~chunks/shared-page.js?id=bffd7a32d37275ac9c2c", "/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", - "/chunks/invoices.js": "/chunks/invoices.js?id=60be9963b912e6186a91", + "/chunks/invoices.js": "/chunks/invoices.js?id=248503ac5967fe8370f9", "/chunks/landing-page.js": "/chunks/landing-page.js?id=4c3176cc7c1ad3e6f9b7", "/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=5cda42ec6d7c22ae4be2", + "/chunks/pages.js": "/chunks/pages.js?id=83f334c575a48c1b0cc6", "/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=75b0aaea161474383e8a", + "/chunks/plans.js": "/chunks/plans.js?id=f2ddb594ff1b2812c248", "/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", @@ -51,12 +51,12 @@ "/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", - "/chunks/settings-payment-methods.js": "/chunks/settings-payment-methods.js?id=23a1cf3e4183bb09da8d", + "/chunks/settings-payment-methods.js": "/chunks/settings-payment-methods.js?id=9be1d0aa0169eb57e78f", "/chunks/settings-storage.js": "/chunks/settings-storage.js?id=22e7978fe8a5cb488e52", - "/chunks/settings-subscription.js": "/chunks/settings-subscription.js?id=70ac1de089eeb9ce7276", + "/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=19379f673bd223a16a91", + "/chunks/shared-page.js": "/chunks/shared-page.js?id=4c1b302d65112aad96ea", "/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", @@ -73,45 +73,121 @@ "/chunks/user-invoices.js": "/chunks/user-invoices.js?id=97d041044c0eee8f8b4b", "/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=d6e1f995e0ebc217fc9c", - "/chunks/users.js": "/chunks/users.js?id=6db9d47a7bfb4dd138e2", - "/chunks/files~chunks/shared-files~chunks/shared-page.1672962443faca7a2623.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.1672962443faca7a2623.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.8ca7286c54052251e57b.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.8ca7286c54052251e57b.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.41d33ecbac7eb11ef0a2.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.41d33ecbac7eb11ef0a2.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.92f6cf48da2043954542.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.92f6cf48da2043954542.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.06f22a3e7ffb290c304c.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.06f22a3e7ffb290c304c.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.0c0703e40e2aff2e1670.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.0c0703e40e2aff2e1670.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.360b315efdcbfe9f95d7.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.360b315efdcbfe9f95d7.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.7f7e626521c61230f7af.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.7f7e626521c61230f7af.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.40d0f9487d29ea821e8f.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.40d0f9487d29ea821e8f.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.44f53064191944d190d2.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.44f53064191944d190d2.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.c0a02863175efb4828af.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.c0a02863175efb4828af.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.49cbb11eadbd93961f19.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.49cbb11eadbd93961f19.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.cabc4e894421b1cc17a3.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.cabc4e894421b1cc17a3.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.0db0698de154e2e86fb7.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.0db0698de154e2e86fb7.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.06337e2b8af150596a01.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.06337e2b8af150596a01.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.934927072126ca10ea93.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.934927072126ca10ea93.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.280d2db56305ecfd634d.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.280d2db56305ecfd634d.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.71caf8867e73e96ede1d.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.71caf8867e73e96ede1d.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.3b123665bbec91cc28ad.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.3b123665bbec91cc28ad.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.5dc8cab9d6b517d330fb.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.5dc8cab9d6b517d330fb.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.b7c3aae8c93c847143be.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.b7c3aae8c93c847143be.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.a2a2aee61f4fa1f213d9.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.a2a2aee61f4fa1f213d9.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.1f8274ef368380ee75f4.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.1f8274ef368380ee75f4.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.c3641dfd1ebb30cbd31a.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.c3641dfd1ebb30cbd31a.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.2c0a2335f261f5eb5911.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.2c0a2335f261f5eb5911.hot-update.js", - "/chunks/files.bc6ba25e4cfc1744d7a1.hot-update.js": "/chunks/files.bc6ba25e4cfc1744d7a1.hot-update.js", - "/chunks/files~chunks/shared-files~chunks/shared-page.51ae6746cbde12d39b6d.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.51ae6746cbde12d39b6d.hot-update.js", - "/js/main.60e370d445809a35a074.hot-update.js": "/js/main.60e370d445809a35a074.hot-update.js", - "/chunks/dashboard.60e370d445809a35a074.hot-update.js": "/chunks/dashboard.60e370d445809a35a074.hot-update.js", - "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plans~chunks/settings-payment-methods~chunks/users.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plans~chunks/settings-payment-methods~chunks/users.js?id=2bb9ebac09457d3b898e", - "/chunks/files~chunks/shared-files~chunks/shared-page.60e370d445809a35a074.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.60e370d445809a35a074.hot-update.js", - "/chunks/invoices.60e370d445809a35a074.hot-update.js": "/chunks/invoices.60e370d445809a35a074.hot-update.js", - "/chunks/pages.60e370d445809a35a074.hot-update.js": "/chunks/pages.60e370d445809a35a074.hot-update.js", - "/chunks/plans.60e370d445809a35a074.hot-update.js": "/chunks/plans.60e370d445809a35a074.hot-update.js", - "/chunks/settings-payment-methods.60e370d445809a35a074.hot-update.js": "/chunks/settings-payment-methods.60e370d445809a35a074.hot-update.js", - "/chunks/settings-subscription.60e370d445809a35a074.hot-update.js": "/chunks/settings-subscription.60e370d445809a35a074.hot-update.js", - "/chunks/settings-subscription~chunks/user-subscription.js": "/chunks/settings-subscription~chunks/user-subscription.js?id=d58c4e02afae33b7cc85", - "/chunks/user-subscription.60e370d445809a35a074.hot-update.js": "/chunks/user-subscription.60e370d445809a35a074.hot-update.js", - "/chunks/users.60e370d445809a35a074.hot-update.js": "/chunks/users.60e370d445809a35a074.hot-update.js" + "/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" } diff --git a/resources/js/App.vue b/resources/js/App.vue index 4e3adbd9..c6e418fd 100644 --- a/resources/js/App.vue +++ b/resources/js/App.vue @@ -28,6 +28,8 @@ + + @@ -58,6 +60,7 @@ import FileFullPreview from '@/components/FilesView/FileFullPreview' import MobileNavigation from '@/components/Others/MobileNavigation' import CookieDisclaimer from '@/components/Others/CookieDisclaimer' + import MultiSelected from '@/components/FilesView/MultiSelected' import MobileMenu from '@/components/FilesView/MobileMenu' import ShareCreate from '@/components/Others/ShareCreate' import Confirm from '@/components/Others/Popup/Confirm' @@ -78,6 +81,7 @@ MobileNavigation, CookieDisclaimer, FileFullPreview, + MultiSelected, ToastrWrapper, ShareCreate, RenameItem, @@ -123,6 +127,8 @@ data() { return { isScaledDown: false, + draged: false, + dragedItem: undefined } }, beforeMount() { @@ -152,11 +158,28 @@ } }, 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) events.$on('hide:mobile-navigation', () => this.isScaledDown = false) events.$on('mobileMenu:show', () => this.isScaledDown = true) events.$on('fileItem:deselect', () => this.isScaledDown = false) + + // Hnadle Drag & Drop Ghost show + events.$on('dragstart', (data) => { + this.dragedItem = data + setTimeout(() => { + this.draged = true + }, 50); + }) + events.$on('drop', () => { + this.draged = false + }) } } diff --git a/resources/js/components/FilesView/FileBrowser.vue b/resources/js/components/FilesView/FileBrowser.vue index 10545a14..e60bdcf3 100644 --- a/resources/js/components/FilesView/FileBrowser.vue +++ b/resources/js/components/FilesView/FileBrowser.vue @@ -29,7 +29,6 @@ :class="FilePreviewType" > - @@ -138,24 +136,9 @@ draggingId: undefined, isDragging: false, mobileMultiSelect: false, - dragInProgress:false, - positionY:undefined, - positionX:undefined } }, methods: { - mousePosition() { - let contentLeft = document.getElementById('file-content-id').getBoundingClientRect().left -15 - - if(event.clientX > contentLeft ) { - this.positionY = event.clientY -85 - this.positionX = event.clientX -350 - }else if (event.clientX < contentLeft){ - this.positionY = event.clientY -15 - this.positionX = event.clientX -30 - } - // console.log(event.clientX, contentLeft) - }, dropUpload(event) { // Upload external file this.$uploadExternalFiles(event, this.currentFolder.unique_id) @@ -171,25 +154,8 @@ dragStart(data) { let img = document.createElement('img') img.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" -<<<<<<< HEAD event.dataTransfer.setDragImage(img, 0, 0) - this.dragInProgress = true -======= - - event.dataTransfer.setDragImage(img, 0, 0) - - /*let elementClone = event.target.cloneNode(true) - elementClone.className = 'draged-clone' - console.log(elementClone)*/ - // elementClone.style.backgroundColor = "red" - // let element = document.getElementsByClassName('file-item') - // element.style.display = "none" - // var crt = this.cloneNode(true); - // crt.style.backgroundColor = "red"; - // this.style.display = "none" ->>>>>>> 65f7855703c7a163dc2bf3cc05b23469d76d7453 - events.$emit('dragstart', data) // Store dragged folder @@ -197,7 +163,6 @@ }, dragFinish(data, event) { - this.dragInProgress = false if (event.dataTransfer.items.length == 0) { // Prevent to drop on file or image @@ -250,8 +215,7 @@ }) events.$on('drop', () => { - this.isDragging = false, - this.dragInProgress = false + this.isDragging = false }) events.$on('fileItem:deselect', () => diff --git a/resources/js/components/FilesView/MultiSelected.vue b/resources/js/components/FilesView/MultiSelected.vue index 631c5d80..e898962f 100644 --- a/resources/js/components/FilesView/MultiSelected.vue +++ b/resources/js/components/FilesView/MultiSelected.vue @@ -1,12 +1,24 @@ @@ -16,10 +28,14 @@ import {mapGetters} from 'vuex' export default { name:'MultiSelected', - props: ['moveItem' , 'cloneElement'], + props: ['moveItem' , 'dragedGhost' , 'dragedItem'], components: {CheckSquareIcon}, computed: { - ...mapGetters(['fileInfoDetail']) + ...mapGetters(['fileInfoDetail']), + // If the draged item is not in selected items + noSelectedItem() { + return !this.fileInfoDetail.includes(this.dragedItem) + } }, } @@ -28,8 +44,19 @@ import {mapGetters} from 'vuex' diff --git a/resources/js/main.js b/resources/js/main.js index 582b2477..0111fdf2 100644 --- a/resources/js/main.js +++ b/resources/js/main.js @@ -97,3 +97,10 @@ 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 +25 + 'px' + multiSelect.style.left = event.clientX - 50 + 'px' + +},false) diff --git a/resources/sass/app.scss b/resources/sass/app.scss index d26b0770..0a1a7219 100644 --- a/resources/sass/app.scss +++ b/resources/sass/app.scss @@ -440,29 +440,25 @@ } -::-webkit-scrollbar { - width: 4px; - // border-radius: 15px; -} +.scroll-bar { + ::-webkit-scrollbar { + width: 18px; + height: 18px; + cursor: pointer; -/* Handle */ -::-webkit-scrollbar-thumb { - width: 4px; - background: #7f7f7f; - border-radius: 25px; - -} -::-webkit-scrollbar-track { - width: 8px; - padding: 4px; -} - -@media (prefers-color-scheme: dark) { - - ::-webkit-scrollbar-thumb { - background: $light_text; - } + ::-webkit-scrollbar-thumb { + border: 6px solid white; + background: #7f7f7f; + border-radius: 25px; + } +} +@media (prefers-color-scheme: dark) { + .scroll-bar { + ::-webkit-scrollbar-thumb { + border: 6px solid $dark_mode_background; + background: $dark_mode_foreground !important; + } + } } -