ShareEditPopup refactoring

This commit is contained in:
Čarodej
2022-01-19 08:05:33 +01:00
parent 509fb32c81
commit c711150793
9 changed files with 337 additions and 218 deletions
+144 -5
View File
@@ -13,7 +13,7 @@
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~1bec6fe4.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~1bec6fe4.js?id=510e6c1b1017a73a40a6",
"/chunks/admin~chunks/platform.js": "/chunks/admin~chunks/platform.js?id=354c892546e5c369a749",
"/chunks/admin~chunks/platform~chunks/settings.js": "/chunks/admin~chunks/platform~chunks/settings.js?id=30e106dacad45945a1f8",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=f1716c0fe10f252addce",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=b1c1c9d66cc4e2332330",
"/chunks/admin~chunks/platform~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/shared.js?id=afeba4ebd13af7e995be",
"/chunks/app-appearance.js": "/chunks/app-appearance.js?id=de219ada9218e395d85f",
"/chunks/app-appearance~chunks/app-email~chunks/app-index~chunks/app-others~chunks/payments/billings~c~45d16af9.js": "/chunks/app-appearance~chunks/app-email~chunks/app-index~chunks/app-others~chunks/payments/billings~c~45d16af9.js?id=a4b9a9a416c656f4d95d",
@@ -42,7 +42,7 @@
"/chunks/email-verified.js": "/chunks/email-verified.js?id=fcba9acf60a855b730d5",
"/chunks/environment-setup.js": "/chunks/environment-setup.js?id=cb6691f996a6ea765b4d",
"/chunks/files.js": "/chunks/files.js?id=f0a4d97bafb958087749",
"/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~c7960950.js": "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~c7960950.js?id=64ac90ff8ae7d3ee3ed1",
"/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~c7960950.js": "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~c7960950.js?id=c3a515572a3152fa1c9c",
"/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~34b5eb22.js?id=fd09338f95a63dfa9f95",
"/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~bf3ddedc.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared-with-me~chunks/shared/files~~bf3ddedc.js?id=95a21dc98f0b9a5ba0cb",
"/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=7fe909d93242299552ec",
@@ -64,8 +64,8 @@
"/chunks/plan-settings.js": "/chunks/plan-settings.js?id=7f623c8a4002f17eecef",
"/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=7eff560fea52770a642f",
"/chunks/plans.js": "/chunks/plans.js?id=293e7e8d59da542a9710",
"/chunks/platform.js": "/chunks/platform.js?id=b4c95891ce8d516eebf7",
"/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=79f939d6b1f26b9b833c",
"/chunks/platform.js": "/chunks/platform.js?id=5b05f0ef5b8df962a8b6",
"/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=f2482a3da405def52168",
"/chunks/platform~chunks/shared~chunks/shared-with-me~chunks/team-folders.js": "/chunks/platform~chunks/shared~chunks/shared-with-me~chunks/team-folders.js?id=ca9ca67afd5839597647",
"/chunks/profile.js": "/chunks/profile.js?id=8688d9c7ff850e6989e6",
"/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=a81388efd770d51f8a9c",
@@ -857,5 +857,144 @@
"/chunks/platform.a6ee697051528641e00c.hot-update.js": "/chunks/platform.a6ee697051528641e00c.hot-update.js",
"/chunks/platform.cd4d4418006bd359f1ec.hot-update.js": "/chunks/platform.cd4d4418006bd359f1ec.hot-update.js",
"/chunks/platform.cdb3d4832662f7773fe3.hot-update.js": "/chunks/platform.cdb3d4832662f7773fe3.hot-update.js",
"/chunks/platform.9fdbeafb8e6033f599c5.hot-update.js": "/chunks/platform.9fdbeafb8e6033f599c5.hot-update.js"
"/chunks/platform.9fdbeafb8e6033f599c5.hot-update.js": "/chunks/platform.9fdbeafb8e6033f599c5.hot-update.js",
"/chunks/platform~chunks/shared.844fd53f9c80993ae863.hot-update.js": "/chunks/platform~chunks/shared.844fd53f9c80993ae863.hot-update.js",
"/chunks/platform.d5d3f28325c4afeea76f.hot-update.js": "/chunks/platform.d5d3f28325c4afeea76f.hot-update.js",
"/chunks/platform.d8b23a5459157441281c.hot-update.js": "/chunks/platform.d8b23a5459157441281c.hot-update.js",
"/chunks/platform.0c1d12a64a971d5edaea.hot-update.js": "/chunks/platform.0c1d12a64a971d5edaea.hot-update.js",
"/chunks/platform.2076c5e42320a0ee1083.hot-update.js": "/chunks/platform.2076c5e42320a0ee1083.hot-update.js",
"/chunks/platform.a0d879d098cae20b2519.hot-update.js": "/chunks/platform.a0d879d098cae20b2519.hot-update.js",
"/chunks/platform.68e813b6af8f0914b65e.hot-update.js": "/chunks/platform.68e813b6af8f0914b65e.hot-update.js",
"/chunks/platform.02e2d77213953acd6519.hot-update.js": "/chunks/platform.02e2d77213953acd6519.hot-update.js",
"/chunks/platform.01df21443b0b255f1a83.hot-update.js": "/chunks/platform.01df21443b0b255f1a83.hot-update.js",
"/chunks/platform.fe1a67a62b74b5b6b9c4.hot-update.js": "/chunks/platform.fe1a67a62b74b5b6b9c4.hot-update.js",
"/chunks/platform.e3256d7ebe37c008b15f.hot-update.js": "/chunks/platform.e3256d7ebe37c008b15f.hot-update.js",
"/chunks/platform.020ee8cbcb1723c1c5ac.hot-update.js": "/chunks/platform.020ee8cbcb1723c1c5ac.hot-update.js",
"/chunks/platform.c52cddf2988a748d5103.hot-update.js": "/chunks/platform.c52cddf2988a748d5103.hot-update.js",
"/chunks/platform.11f73dc2a0fd13aebf96.hot-update.js": "/chunks/platform.11f73dc2a0fd13aebf96.hot-update.js",
"/chunks/platform.f61a511023a96c3b26f9.hot-update.js": "/chunks/platform.f61a511023a96c3b26f9.hot-update.js",
"/chunks/platform.039be905ae029a69eba7.hot-update.js": "/chunks/platform.039be905ae029a69eba7.hot-update.js",
"/chunks/platform.b97d6965f66678ee494d.hot-update.js": "/chunks/platform.b97d6965f66678ee494d.hot-update.js",
"/chunks/platform.38750ee9cf9a0bb39898.hot-update.js": "/chunks/platform.38750ee9cf9a0bb39898.hot-update.js",
"/chunks/platform.dc9e0ee29778608d49c1.hot-update.js": "/chunks/platform.dc9e0ee29778608d49c1.hot-update.js",
"/chunks/platform.c91658b9461536cfd448.hot-update.js": "/chunks/platform.c91658b9461536cfd448.hot-update.js",
"/chunks/platform.1d0d7a7fef66d0160261.hot-update.js": "/chunks/platform.1d0d7a7fef66d0160261.hot-update.js",
"/chunks/platform.881b74dbac8ee7a8ef55.hot-update.js": "/chunks/platform.881b74dbac8ee7a8ef55.hot-update.js",
"/chunks/platform.9cb02c34d037330219e6.hot-update.js": "/chunks/platform.9cb02c34d037330219e6.hot-update.js",
"/chunks/platform.5226a6180ab7006f8095.hot-update.js": "/chunks/platform.5226a6180ab7006f8095.hot-update.js",
"/chunks/platform.83d2cbdeca3546dda1f0.hot-update.js": "/chunks/platform.83d2cbdeca3546dda1f0.hot-update.js",
"/chunks/platform.27ec0d372c548cadcd1e.hot-update.js": "/chunks/platform.27ec0d372c548cadcd1e.hot-update.js",
"/chunks/platform.616c80a9e0add965908f.hot-update.js": "/chunks/platform.616c80a9e0add965908f.hot-update.js",
"/chunks/platform.f098fee69adfb35b7cfc.hot-update.js": "/chunks/platform.f098fee69adfb35b7cfc.hot-update.js",
"/chunks/platform.52bd099ff489dbb9150a.hot-update.js": "/chunks/platform.52bd099ff489dbb9150a.hot-update.js",
"/chunks/platform.efc53fc9b49f4b166934.hot-update.js": "/chunks/platform.efc53fc9b49f4b166934.hot-update.js",
"/chunks/platform.98e194c9a210df46bebe.hot-update.js": "/chunks/platform.98e194c9a210df46bebe.hot-update.js",
"/chunks/platform~chunks/shared.98e194c9a210df46bebe.hot-update.js": "/chunks/platform~chunks/shared.98e194c9a210df46bebe.hot-update.js",
"/chunks/platform~chunks/shared.947750ed6b274ae413b2.hot-update.js": "/chunks/platform~chunks/shared.947750ed6b274ae413b2.hot-update.js",
"/chunks/platform~chunks/shared.4b2bcd3a76607e62cf27.hot-update.js": "/chunks/platform~chunks/shared.4b2bcd3a76607e62cf27.hot-update.js",
"/chunks/platform~chunks/shared.9de07dacab34176cf54d.hot-update.js": "/chunks/platform~chunks/shared.9de07dacab34176cf54d.hot-update.js",
"/chunks/platform.4f50cde7d170a3ae3303.hot-update.js": "/chunks/platform.4f50cde7d170a3ae3303.hot-update.js",
"/chunks/platform.61aedfcbc2635c38062e.hot-update.js": "/chunks/platform.61aedfcbc2635c38062e.hot-update.js",
"/chunks/platform~chunks/shared.d2c25fc5ab26e819cb77.hot-update.js": "/chunks/platform~chunks/shared.d2c25fc5ab26e819cb77.hot-update.js",
"/chunks/platform.c7b6c6da5f0ae8baefc6.hot-update.js": "/chunks/platform.c7b6c6da5f0ae8baefc6.hot-update.js",
"/chunks/platform.ca41bcde661524a6013f.hot-update.js": "/chunks/platform.ca41bcde661524a6013f.hot-update.js",
"/chunks/platform.ce38e92d51dff7d987ee.hot-update.js": "/chunks/platform.ce38e92d51dff7d987ee.hot-update.js",
"/chunks/platform.eda6ab05793efb062116.hot-update.js": "/chunks/platform.eda6ab05793efb062116.hot-update.js",
"/chunks/platform.cfdc20d5192a298635b2.hot-update.js": "/chunks/platform.cfdc20d5192a298635b2.hot-update.js",
"/chunks/platform.b1a67016c8ce3b9dcd26.hot-update.js": "/chunks/platform.b1a67016c8ce3b9dcd26.hot-update.js",
"/chunks/platform~chunks/shared.13d4cc4d20b4434059c2.hot-update.js": "/chunks/platform~chunks/shared.13d4cc4d20b4434059c2.hot-update.js",
"/chunks/platform.76de54cf3810c6d4c7fe.hot-update.js": "/chunks/platform.76de54cf3810c6d4c7fe.hot-update.js",
"/chunks/platform.275e8436acf83c40e0e0.hot-update.js": "/chunks/platform.275e8436acf83c40e0e0.hot-update.js",
"/chunks/platform.2597b9babfe804e3ce59.hot-update.js": "/chunks/platform.2597b9babfe804e3ce59.hot-update.js",
"/chunks/platform.f7875dbd8bf494877af5.hot-update.js": "/chunks/platform.f7875dbd8bf494877af5.hot-update.js",
"/chunks/platform.403a07a8a664c60b87de.hot-update.js": "/chunks/platform.403a07a8a664c60b87de.hot-update.js",
"/chunks/platform.10ef791347c8fa949564.hot-update.js": "/chunks/platform.10ef791347c8fa949564.hot-update.js",
"/chunks/platform.e188a276e8195a6eb2ed.hot-update.js": "/chunks/platform.e188a276e8195a6eb2ed.hot-update.js",
"/chunks/platform.6fdb978a339a3a77b570.hot-update.js": "/chunks/platform.6fdb978a339a3a77b570.hot-update.js",
"/chunks/platform.dba130a41f9348436b53.hot-update.js": "/chunks/platform.dba130a41f9348436b53.hot-update.js",
"/chunks/platform.f416eac4a1ae9162ddff.hot-update.js": "/chunks/platform.f416eac4a1ae9162ddff.hot-update.js",
"/chunks/platform.0753de011dc90bc2e32b.hot-update.js": "/chunks/platform.0753de011dc90bc2e32b.hot-update.js",
"/chunks/platform.0d9447dd47a15dd01c4a.hot-update.js": "/chunks/platform.0d9447dd47a15dd01c4a.hot-update.js",
"/chunks/platform.ed246b07471ee173c45d.hot-update.js": "/chunks/platform.ed246b07471ee173c45d.hot-update.js",
"/chunks/platform.7a1275f47f0b4e4040c3.hot-update.js": "/chunks/platform.7a1275f47f0b4e4040c3.hot-update.js",
"/chunks/platform.60ffe527d401b876527d.hot-update.js": "/chunks/platform.60ffe527d401b876527d.hot-update.js",
"/chunks/platform.3156ed97a4c88938a5ed.hot-update.js": "/chunks/platform.3156ed97a4c88938a5ed.hot-update.js",
"/chunks/platform.05d822a6be18daae20b3.hot-update.js": "/chunks/platform.05d822a6be18daae20b3.hot-update.js",
"/chunks/platform.e7ee9a7a48cea9a09a02.hot-update.js": "/chunks/platform.e7ee9a7a48cea9a09a02.hot-update.js",
"/chunks/platform.7bd691ce6a07a1185bfb.hot-update.js": "/chunks/platform.7bd691ce6a07a1185bfb.hot-update.js",
"/chunks/platform.ff743cc0c003981e9ad7.hot-update.js": "/chunks/platform.ff743cc0c003981e9ad7.hot-update.js",
"/chunks/platform.507a53cbd3d998743e2b.hot-update.js": "/chunks/platform.507a53cbd3d998743e2b.hot-update.js",
"/chunks/platform.2a4b69d812ad74a182e2.hot-update.js": "/chunks/platform.2a4b69d812ad74a182e2.hot-update.js",
"/chunks/platform.bf50927882dd9812290a.hot-update.js": "/chunks/platform.bf50927882dd9812290a.hot-update.js",
"/chunks/platform.4c16699d4ec36254c403.hot-update.js": "/chunks/platform.4c16699d4ec36254c403.hot-update.js",
"/chunks/platform.e6ca4eceb7e75b5542ef.hot-update.js": "/chunks/platform.e6ca4eceb7e75b5542ef.hot-update.js",
"/chunks/platform.3d4bd67de15e7a839937.hot-update.js": "/chunks/platform.3d4bd67de15e7a839937.hot-update.js",
"/chunks/platform.cb6681b1ffae27abe54c.hot-update.js": "/chunks/platform.cb6681b1ffae27abe54c.hot-update.js",
"/chunks/platform.5470def6be659e6a64f6.hot-update.js": "/chunks/platform.5470def6be659e6a64f6.hot-update.js",
"/chunks/platform.d24023dca188e2ca20b2.hot-update.js": "/chunks/platform.d24023dca188e2ca20b2.hot-update.js",
"/chunks/platform.0f88b33a1b781bf12b8f.hot-update.js": "/chunks/platform.0f88b33a1b781bf12b8f.hot-update.js",
"/chunks/platform.351da80b3c4b4c833c74.hot-update.js": "/chunks/platform.351da80b3c4b4c833c74.hot-update.js",
"/chunks/platform.69869eb1cba9c6575850.hot-update.js": "/chunks/platform.69869eb1cba9c6575850.hot-update.js",
"/chunks/platform.80d92c0b8a366df2e9fd.hot-update.js": "/chunks/platform.80d92c0b8a366df2e9fd.hot-update.js",
"/chunks/platform.2a20d5f1868c38e42f20.hot-update.js": "/chunks/platform.2a20d5f1868c38e42f20.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.712c61b9700bbc885821.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.712c61b9700bbc885821.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.84854a91b88f03e0ad2c.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.84854a91b88f03e0ad2c.hot-update.js",
"/chunks/platform.a9dd951045e7d06524cf.hot-update.js": "/chunks/platform.a9dd951045e7d06524cf.hot-update.js",
"/chunks/platform.2a59a9f2ac5a85294aa9.hot-update.js": "/chunks/platform.2a59a9f2ac5a85294aa9.hot-update.js",
"/chunks/platform.93501642b72f8fa6814b.hot-update.js": "/chunks/platform.93501642b72f8fa6814b.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.0889fb2d926c7733ce4e.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.0889fb2d926c7733ce4e.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.7bc17cb7d90a4ced512a.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.7bc17cb7d90a4ced512a.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.964bd32ac9692124f2f8.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.964bd32ac9692124f2f8.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.f63eb280e0a2503e1f34.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.f63eb280e0a2503e1f34.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.892106e1be333acb519c.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.892106e1be333acb519c.hot-update.js",
"/chunks/platform.9832e9c77280f1ce82d9.hot-update.js": "/chunks/platform.9832e9c77280f1ce82d9.hot-update.js",
"/chunks/platform.3678fc0a55e3846e5a18.hot-update.js": "/chunks/platform.3678fc0a55e3846e5a18.hot-update.js",
"/chunks/platform.96bd4630cdd668d14089.hot-update.js": "/chunks/platform.96bd4630cdd668d14089.hot-update.js",
"/chunks/platform.74afd42ecdcd6108fdc3.hot-update.js": "/chunks/platform.74afd42ecdcd6108fdc3.hot-update.js",
"/chunks/platform.2ddc7212e75c97d0ecfe.hot-update.js": "/chunks/platform.2ddc7212e75c97d0ecfe.hot-update.js",
"/chunks/platform.35281e348b5150c50571.hot-update.js": "/chunks/platform.35281e348b5150c50571.hot-update.js",
"/chunks/platform.c2966ef8eca6e568900d.hot-update.js": "/chunks/platform.c2966ef8eca6e568900d.hot-update.js",
"/chunks/platform.9868bb3e642a38357727.hot-update.js": "/chunks/platform.9868bb3e642a38357727.hot-update.js",
"/chunks/platform.f887345938dbbe466851.hot-update.js": "/chunks/platform.f887345938dbbe466851.hot-update.js",
"/chunks/platform.6a519e829d7a7562e562.hot-update.js": "/chunks/platform.6a519e829d7a7562e562.hot-update.js",
"/chunks/platform.ae438ec3fa18058de127.hot-update.js": "/chunks/platform.ae438ec3fa18058de127.hot-update.js",
"/chunks/platform.587390ca402ddf43f8e7.hot-update.js": "/chunks/platform.587390ca402ddf43f8e7.hot-update.js",
"/chunks/platform.7d9f5697d92b86642bcf.hot-update.js": "/chunks/platform.7d9f5697d92b86642bcf.hot-update.js",
"/chunks/platform.472d055deee5b661f1eb.hot-update.js": "/chunks/platform.472d055deee5b661f1eb.hot-update.js",
"/chunks/platform.7c6d331da1e486f8161a.hot-update.js": "/chunks/platform.7c6d331da1e486f8161a.hot-update.js",
"/chunks/platform.2b796ec9e3e96009d9c1.hot-update.js": "/chunks/platform.2b796ec9e3e96009d9c1.hot-update.js",
"/chunks/platform.584e644d9c8ce381b25d.hot-update.js": "/chunks/platform.584e644d9c8ce381b25d.hot-update.js",
"/chunks/platform.815cd7fa743e91fb1b27.hot-update.js": "/chunks/platform.815cd7fa743e91fb1b27.hot-update.js",
"/chunks/platform.95c7cbd683294d169389.hot-update.js": "/chunks/platform.95c7cbd683294d169389.hot-update.js",
"/chunks/platform.4d8909019248d35ba0c2.hot-update.js": "/chunks/platform.4d8909019248d35ba0c2.hot-update.js",
"/chunks/platform.53f979ae65a42cb4e102.hot-update.js": "/chunks/platform.53f979ae65a42cb4e102.hot-update.js",
"/chunks/platform.71cdaaf21d076f19ca49.hot-update.js": "/chunks/platform.71cdaaf21d076f19ca49.hot-update.js",
"/chunks/platform.135ac73069f873a04d5e.hot-update.js": "/chunks/platform.135ac73069f873a04d5e.hot-update.js",
"/chunks/platform.f4bfb81e58dbf25d9096.hot-update.js": "/chunks/platform.f4bfb81e58dbf25d9096.hot-update.js",
"/chunks/platform.0f1ea22af3fe1a54245f.hot-update.js": "/chunks/platform.0f1ea22af3fe1a54245f.hot-update.js",
"/chunks/platform.74596264b13d5adc5121.hot-update.js": "/chunks/platform.74596264b13d5adc5121.hot-update.js",
"/chunks/platform.a236eb92ce9108d15b15.hot-update.js": "/chunks/platform.a236eb92ce9108d15b15.hot-update.js",
"/chunks/platform.bd31d013807f7adbc4a8.hot-update.js": "/chunks/platform.bd31d013807f7adbc4a8.hot-update.js",
"/chunks/platform.a5f36ff4d2a1e657b43c.hot-update.js": "/chunks/platform.a5f36ff4d2a1e657b43c.hot-update.js",
"/chunks/platform.9956d7d7a246c18216c9.hot-update.js": "/chunks/platform.9956d7d7a246c18216c9.hot-update.js",
"/chunks/platform.eccf55ebdc9faf61642a.hot-update.js": "/chunks/platform.eccf55ebdc9faf61642a.hot-update.js",
"/chunks/platform.b3c1418ebc2c04172750.hot-update.js": "/chunks/platform.b3c1418ebc2c04172750.hot-update.js",
"/chunks/platform.9dcea8789740f06828b3.hot-update.js": "/chunks/platform.9dcea8789740f06828b3.hot-update.js",
"/chunks/platform.008ea9621a4265af3773.hot-update.js": "/chunks/platform.008ea9621a4265af3773.hot-update.js",
"/chunks/platform.1ef8f1264fea676fc469.hot-update.js": "/chunks/platform.1ef8f1264fea676fc469.hot-update.js",
"/chunks/platform.caa28e64b60a6ef7ca6b.hot-update.js": "/chunks/platform.caa28e64b60a6ef7ca6b.hot-update.js",
"/chunks/platform.afb9193b4e463e2a2084.hot-update.js": "/chunks/platform.afb9193b4e463e2a2084.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.6a886ed88d3da8416070.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.6a886ed88d3da8416070.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.5af0f3408e5c2eee8582.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.5af0f3408e5c2eee8582.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.61680b7a788cf1e86137.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.61680b7a788cf1e86137.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.133a2b3c145172e06e33.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.133a2b3c145172e06e33.hot-update.js",
"/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~c7960950.131acaa22a51f2b7a09e.hot-update.js": "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~c7960950.131acaa22a51f2b7a09e.hot-update.js",
"/chunks/platform.620f7907b1b153dfc6f5.hot-update.js": "/chunks/platform.620f7907b1b153dfc6f5.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.57b1eaa6133962ece859.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.57b1eaa6133962ece859.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.ce65ad7661e125a80171.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.ce65ad7661e125a80171.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.e676e0da88b746be325c.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.e676e0da88b746be325c.hot-update.js",
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.998598cbd6ffd995fc5a.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.998598cbd6ffd995fc5a.hot-update.js",
"/chunks/platform.d870aa094afeffd63278.hot-update.js": "/chunks/platform.d870aa094afeffd63278.hot-update.js",
"/chunks/platform.be84aee525596aa323da.hot-update.js": "/chunks/platform.be84aee525596aa323da.hot-update.js",
"/chunks/platform.7d69abf812255d2e05e3.hot-update.js": "/chunks/platform.7d69abf812255d2e05e3.hot-update.js"
}
BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

@@ -15,7 +15,15 @@
<!--Hidden options-->
<ul v-if="isOpenedMoreOptions" class="shadow-xl rounded-lg absolute top-12 left-0 right-0 z-10 overflow-y-auto overflow-x-hidden select-none">
<li @click="sendViaEmail" class="flex items-center py-2.5 px-5 block cursor-pointer dark:bg-2x-dark-foreground dark:hover:bg-4x-dark-foreground hover:bg-light-background">
<li @click="getQrCode" class="flex items-center py-2.5 px-5 block cursor-pointer dark:bg-2x-dark-foreground dark:hover:bg-4x-dark-foreground hover:bg-light-background bg-white">
<div class="w-8">
<camera-icon size="14" />
</div>
<span class="text-sm font-bold">
{{ $t('Get QR Code') }}
</span>
</li>
<li @click="sendViaEmail" class="flex items-center py-2.5 px-5 block cursor-pointer dark:bg-2x-dark-foreground dark:hover:bg-4x-dark-foreground hover:bg-light-background bg-white">
<div class="w-8">
<send-icon size="14" />
</div>
@@ -23,7 +31,7 @@
{{ $t('sharelink.share_via_email') }}
</span>
</li>
<li @click="copyIframe" class="flex items-center py-2.5 px-5 block cursor-pointer dark:bg-2x-dark-foreground dark:hover:bg-4x-dark-foreground hover:bg-light-background">
<li @click="copyIframe" class="flex items-center py-2.5 px-5 block cursor-pointer dark:bg-2x-dark-foreground dark:hover:bg-4x-dark-foreground hover:bg-light-background bg-white">
<div class="w-8">
<code-icon size="14" />
</div>
@@ -38,7 +46,7 @@
</template>
<script>
import { CopyIcon, CheckIcon, SendIcon, MoreHorizontalIcon, CodeIcon } from 'vue-feather-icons'
import { CameraIcon, CopyIcon, CheckIcon, SendIcon, MoreHorizontalIcon, CodeIcon } from 'vue-feather-icons'
import { events } from '/resources/js/bus'
export default {
@@ -48,6 +56,7 @@ export default {
],
components: {
MoreHorizontalIcon,
CameraIcon,
CheckIcon,
CopyIcon,
CodeIcon,
@@ -65,11 +74,20 @@ export default {
moreOptions() {
this.isOpenedMoreOptions = ! this.isOpenedMoreOptions
},
getQrCode() {
events.$emit('popup:open', {
name: 'share-edit',
item: this.item,
section: 'qr-code',
})
this.isOpenedMoreOptions = false
},
sendViaEmail() {
events.$emit('popup:open', {
name: 'share-edit',
item: this.item,
sentToEmail: true,
section: 'email-sharing',
})
this.isOpenedMoreOptions = false
@@ -94,10 +94,6 @@ export default {
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
@import '/resources/sass/vuefilemanager/_forms';
.wrapper {
margin-bottom: 20px;
}
.input-label {
@include font-size(14);
font-weight: 700;
@@ -1,5 +1,5 @@
<template>
<div class="actions">
<div class="actions flex items-center space-x-4 md:p-6 p-4">
<slot></slot>
</div>
</template>
@@ -11,23 +11,9 @@
</script>
<style lang="scss" scoped>
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.actions {
padding: 20px;
margin: 0 -10px;
display: flex;
.popup-button {
width: 100%;
margin: 0 10px;
}
}
@media only screen and (max-width: 690px) {
.actions {
padding: 15px 15px;
position: absolute;
bottom: 0;
left: 0;
@@ -1,5 +1,5 @@
<template>
<div class="popup-content" :class="type">
<div class="popup-content px-6" :class="type">
<slot></slot>
</div>
</template>
@@ -1,5 +1,5 @@
<template>
<div class="popup-header">
<div class="popup-header p-6">
<div class="icon">
<corner-down-right-icon v-if="icon === 'move'" size="15" class="title-icon text-theme dark-text-theme" />
<share-icon v-if="icon === 'share'" size="17" class="title-icon text-theme dark-text-theme" />
@@ -49,7 +49,6 @@
@import '/resources/sass/vuefilemanager/_mixins';
.popup-header {
padding: 20px;
display: flex;
align-items: center;
+168 -186
View File
@@ -1,167 +1,205 @@
<template>
<PopupWrapper name="share-edit">
<!--Title-->
<PopupHeader :title="$t('popup_share_edit.title')" icon="share" />
<PopupHeader :title="popupTitle" icon="share" />
<!--Content-->
<PopupContent v-if="pickedItem && pickedItem.data.relationships.shared">
<!--Qr Code-->
<div v-if="pickedItem && activeSection === 'qr-code'">
<PopupContent>
<img src="/qr.png" alt="qr code" class="w-36 mx-auto">
</PopupContent>
<!--Item Thumbnail-->
<ThumbnailItem class="item-thumbnail" :item="pickedItem" info="metadata" />
<PopupActions>
<ButtonBase
class="w-full"
@click.native="showSection(undefined)"
button-style="secondary"
>
{{ $t('Show Details') }}
</ButtonBase>
<ButtonBase
class="w-full"
@click.native="$closePopup()"
button-style="theme"
>
{{ $t('shared_form.button_done') }}
</ButtonBase>
</PopupActions>
</div>
<!--Get share link-->
<div v-if="! sendToRecipientsMenu || (sendToRecipientsMenu && isEmailSend)" class="input-wrapper copy-input">
<label class="input-label">{{ $t('shared_form.label_share_vie_email') }}:</label>
<CopyShareLink :item="pickedItem" />
</div>
<!--Share via email-->
<div v-if="pickedItem && activeSection === 'email-sharing'">
<PopupContent>
<!--Item Thumbnail-->
<ThumbnailItem class="mb-4" :item="pickedItem" info="metadata" />
<!--Share via email-->
<ValidationObserver @submit.prevent v-if="sendToRecipientsMenu && !isEmailSend" v-slot="{ invalid }" ref="shareEmail" tag="form" class="form-wrapper">
<ValidationProvider tag="div" mode="passive" name="Email" rules="required" v-slot="{ errors }">
<AppInputText :error="errors[0]">
<MultiEmailInput rules="required" v-model="emails" :label="$t('shared_form.label_send_to_recipients')" :isError="errors[0]" />
</AppInputText>
</ValidationProvider>
</ValidationObserver>
<!--Form to set sharing-->
<ValidationObserver @submit.prevent v-if="! sendToRecipientsMenu" ref="shareForm" v-slot="{ invalid }" tag="form" class="form-wrapper">
<!--Permission Select-->
<ValidationProvider v-if="isFolder" tag="div" mode="passive" name="Permission" rules="required" v-slot="{ errors }">
<AppInputText :title="$t('shared_form.label_permission')" :error="errors[0]">
<SelectInput v-model="shareOptions.permission" :options="$translateSelectOptions(permissionOptions)" :default="shareOptions.permission" :placeholder="$t('shared_form.placeholder_permission')" :isError="errors[0]" />
</AppInputText>
</ValidationProvider>
<!--Password Switch-->
<div>
<AppInputSwitch :title="$t('shared_form.label_password_protection')" :description="$t('popup.share.password_description')">
<SwitchInput v-model="shareOptions.isProtected" class="switch" :state="shareOptions.isProtected" />
</AppInputSwitch>
<ActionButton v-if="(pickedItem.data.relationships.shared.data.attributes.protected && canChangePassword) && shareOptions.isProtected" @click.native="changePassword" class="mb-6 -mt-4">
{{ $t('popup_share_edit.change_pass') }}
</ActionButton>
<!--Set password-->
<ValidationProvider v-if="shareOptions.isProtected && ! canChangePassword" tag="div" mode="passive" name="Password" rules="required" v-slot="{ errors }">
<AppInputText :error="errors[0]" class="-mt-2">
<input v-model="shareOptions.password" :class="{'border-red': errors[0]}" type="text" class="focus-border-theme input-dark" :placeholder="$t('page_sign_in.placeholder_password')">
<ValidationObserver @submit.prevent v-slot="{ invalid }" ref="shareEmail" tag="form" class="px-5">
<ValidationProvider tag="div" mode="passive" name="Email" rules="required" v-slot="{ errors }">
<AppInputText title="Share with" :error="errors[0]" :is-last="true">
<MultiEmailInput rules="required" v-model="emails" :label="$t('shared_form.label_send_to_recipients')" />
</AppInputText>
</ValidationProvider>
</div>
</ValidationObserver>
</PopupContent>
<!--Expiration switch-->
<div>
<AppInputSwitch :title="$t('expiration')" :description="$t('popup.share.expiration_description')" :is-last="!shareOptions.expiration">
<SwitchInput v-model="shareOptions.expiration" class="switch" :state="shareOptions.expiration ? 1 : 0" />
</AppInputSwitch>
<PopupActions>
<ButtonBase
class="w-full"
@click.native="showSection(undefined)"
button-style="secondary"
>
{{ $t('Show Details') }}
</ButtonBase>
<ButtonBase
class="w-full"
@click.native="sendViaEmail"
button-style="theme"
:loading="isLoading"
:disabled="isLoading"
>
{{ $t('Send') }}
</ButtonBase>
</PopupActions>
</div>
<!--Set expiration-->
<AppInputText v-if="shareOptions.expiration" class="-mt-2" :is-last="true">
<SelectBoxInput v-model="shareOptions.expiration" :data="$translateSelectOptions(expirationList)" :value="shareOptions.expiration" class="box" />
</AppInputText>
</div>
</ValidationObserver>
</PopupContent>
<!--Update sharing-->
<div v-if="pickedItem && ! activeSection">
<PopupContent>
<!--Item Thumbnail-->
<ThumbnailItem class="mb-5" :item="pickedItem" info="metadata" />
<!--Actions-->
<PopupActions>
<ButtonBase v-if="! sendToRecipientsMenu || (sendToRecipientsMenu && !isEmailSend)"
class="popup-button"
@click.native="destroySharing"
:button-style="destroyButtonStyle"
:loading="isDeleting"
:disabled="isDeleting"
>{{ destroyButtonText }}
</ButtonBase>
<ButtonBase
class="popup-button"
@click.native="updateShareOptions"
button-style="theme"
:loading="isLoading"
:disabled="isLoading"
>{{ secondButtonText }}
</ButtonBase>
</PopupActions>
<!--Get share link-->
<AppInputText :title="$t('shared_form.label_share_vie_email')">
<CopyShareLink :item="pickedItem" />
</AppInputText>
<ValidationObserver @submit.prevent ref="shareForm" v-slot="{ invalid }" tag="form" class="form-wrapper">
<!--Permission Select-->
<ValidationProvider v-if="isFolder" tag="div" mode="passive" name="Permission" rules="required" v-slot="{ errors }">
<AppInputText :title="$t('shared_form.label_permission')" :error="errors[0]">
<SelectInput v-model="shareOptions.permission" :options="$translateSelectOptions(permissionOptions)" :default="shareOptions.permission" :placeholder="$t('shared_form.placeholder_permission')" :isError="errors[0]" />
</AppInputText>
</ValidationProvider>
<!--Password Switch-->
<div>
<AppInputSwitch :title="$t('shared_form.label_password_protection')" :description="$t('popup.share.password_description')">
<SwitchInput v-model="shareOptions.isProtected" class="switch" :state="shareOptions.isProtected" />
</AppInputSwitch>
<ActionButton v-if="(pickedItem.data.relationships.shared.data.attributes.protected && canChangePassword) && shareOptions.isProtected" @click.native="changePassword" class="mb-6 -mt-4">
{{ $t('popup_share_edit.change_pass') }}
</ActionButton>
<!--Set password-->
<ValidationProvider v-if="shareOptions.isProtected && ! canChangePassword" tag="div" mode="passive" name="Password" rules="required" v-slot="{ errors }">
<AppInputText :error="errors[0]" class="-mt-2">
<input v-model="shareOptions.password" :class="{'border-red': errors[0]}" type="text" class="focus-border-theme input-dark" :placeholder="$t('page_sign_in.placeholder_password')">
</AppInputText>
</ValidationProvider>
</div>
<!--Expiration switch-->
<div>
<AppInputSwitch :title="$t('expiration')" :description="$t('popup.share.expiration_description')" :is-last="!shareOptions.expiration">
<SwitchInput v-model="shareOptions.expiration" class="switch" :state="shareOptions.expiration ? 1 : 0" />
</AppInputSwitch>
<!--Set expiration-->
<AppInputText v-if="shareOptions.expiration" class="-mt-2" :is-last="true">
<SelectBoxInput v-model="shareOptions.expiration" :data="$translateSelectOptions(expirationList)" :value="shareOptions.expiration" class="box" />
</AppInputText>
</div>
</ValidationObserver>
</PopupContent>
<PopupActions>
<ButtonBase
class="w-full"
@click.native="destroySharing"
:button-style="destroyButtonStyle"
:loading="isDeleting"
:disabled="isDeleting"
>
{{ destroyButtonText }}
</ButtonBase>
<ButtonBase
class="w-full"
@click.native="updateShareOptions"
button-style="theme"
:loading="isLoading"
:disabled="isLoading"
>
{{ $t('Store Changes') }}
</ButtonBase>
</PopupActions>
</div>
</PopupWrapper>
</template>
<script>
import AppInputText from "../Admin/AppInputText";
import AppInputSwitch from "../Admin/AppInputSwitch";
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
import MultiEmailInput from '/resources/js/components/Others/Forms/MultiEmailInput'
import SelectBoxInput from '/resources/js/components/Others/Forms/SelectBoxInput'
import CopyShareLink from '/resources/js/components/Others/Forms/CopyShareLink'
import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
import MultiEmailInput from '/resources/js/components/Others/Forms/MultiEmailInput'
import ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
import ActionButton from '/resources/js/components/Others/ActionButton'
import CopyShareLink from '/resources/js/components/Others/Forms/CopyShareLink'
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
import AppInputSwitch from "../Admin/AppInputSwitch"
import AppInputText from "../Admin/AppInputText"
import {required} from 'vee-validate/dist/rules'
import {mapGetters} from 'vuex'
import {events} from '/resources/js/bus'
import {mapGetters} from 'vuex'
import axios from 'axios'
export default {
name: 'ShareEditPopup',
components: {
AppInputText,
AppInputSwitch,
ValidationProvider,
ValidationObserver,
MultiEmailInput,
AppInputSwitch,
SelectBoxInput,
ThumbnailItem,
CopyShareLink,
ActionButton,
PopupWrapper,
PopupActions,
AppInputText,
PopupContent,
PopupHeader,
SelectInput,
MultiEmailInput,
SwitchInput,
ButtonBase,
CopyShareLink,
required,
InfoBox,
},
computed: {
...mapGetters([
'permissionOptions',
'expirationList',
'currentFolder',
'user',
]),
popupTitle() {
return {
'qr-code': this.$t('Get your QR code'),
'email-sharing': this.$t('Share on multiple emails'),
}[this.activeSection] || this.$t('popup_share_edit.title')
},
isFolder() {
return this.pickedItem && this.pickedItem.data.type === 'folder'
},
destroyButtonText() {
if (!this.sendToRecipientsMenu)
return this.isConfirmedDestroy ? this.$t('popup_share_edit.confirm') : this.$t('popup_share_edit.stop')
if (this.sendToRecipientsMenu)
return this.$t('popup_share_edit.go_back')
return this.isConfirmedDestroy ? this.$t('popup_share_edit.confirm') : this.$t('popup_share_edit.stop')
},
destroyButtonStyle() {
if (!this.sendToRecipientsMenu)
return this.isConfirmedDestroy ? 'danger-solid' : 'secondary'
if (this.sendToRecipientsMenu)
return 'secondary'
},
secondButtonText() {
if (!this.sendToRecipientsMenu)
return this.$t('popup_share_edit.save')
if (this.sendToRecipientsMenu)
return this.isEmailSend ? this.$t('shared_form.button_done') : this.$t('popup_share_edit.send_to_recipients')
return this.isConfirmedDestroy ? 'danger-solid' : 'secondary'
},
},
watch: {
@@ -173,24 +211,25 @@
},
data() {
return {
sendToRecipientsMenu: false,
isConfirmedDestroy: false,
canChangePassword: false,
activeSection: undefined,
shareOptions: undefined,
pickedItem: undefined,
isMoreOptions: false,
isEmailSend: false,
isDeleting: false,
emails: undefined,
isConfirmedDestroy: false,
canChangePassword: false,
isMoreOptions: false,
isDeleting: false,
isLoading: false,
}
},
methods: {
showSection(section = undefined) {
this.activeSection = section
},
changePassword() {
this.canChangePassword = false
},
async sendViaEmail() {
// Validate email field
const isValid = await this.$refs.shareEmail.validate();
@@ -205,58 +244,29 @@
this.$isSomethingWrong()
})
.finally(() => {
this.isEmailSend = true
this.isLoading = false
this.$closePopup()
})
},
async destroySharing() {
// Set confirm button
if (!this.isConfirmedDestroy) {
this.isConfirmedDestroy = true
} else {
// Start deleting spinner button
this.isDeleting = true
// Send delete request
await this.$store.dispatch('shareCancel', this.pickedItem)
.then(() => {
// End deleting spinner button
setTimeout(() => this.isDeleting = false, 150)
this.$closePopup()
})
.catch(() => {
// End deleting spinner button
this.isDeleting = false
})
return
}
// Start deleting spinner button
this.isDeleting = true
// Send delete request
await this.$store.dispatch('shareCancel', this.pickedItem)
.catch(() => {
// End deleting spinner button
this.isDeleting = false
}).finally(() => this.$closePopup())
},
async updateShareOptions() {
// If is open send share via email
if (this.sendToRecipientsMenu && !this.isEmailSend) {
await this.sendViaEmail()
return
}
// Is is open send share via email and email was already sended
if (this.sendToRecipientsMenu && this.isEmailSend) {
events.$emit('popup:close')
return
}
// If shared was generated, then close popup
if (this.isGeneratedShared) {
events.$emit('popup:close')
return
}
// Validate fields
const isValid = await this.$refs.shareForm.validate();
@@ -274,7 +284,6 @@
_method: 'patch'
})
.then(response => {
// Update shared data
this.$store.commit('UPDATE_SHARED_ITEM', response.data)
@@ -308,52 +317,25 @@
permission: args.item.data.relationships.shared.data.attributes.permission,
password: undefined,
}
if (args.sentToEmail)
this.sendToRecipientsMenu = true
this.isEmailSend = false
if (args.section)
this.activeSection = args.section
this.canChangePassword = args.item.data.relationships.shared.data.attributes.protected
})
events.$on('popup:close', () => {
// Restore data
// Reset data
setTimeout(() => {
this.sendToRecipientsMenu = false
this.isDeleting = false
this.isConfirmedDestroy = false
this.canChangePassword = false
this.shareOptions = undefined
this.pickedItem = undefined
this.isEmailSend = false
this.activeSection = undefined
}, 150)
})
}
}
</script>
<style scoped lang="scss">
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
@import '/resources/sass/vuefilemanager/_forms';
.input-wrapper {
&.password {
margin-top: -10px;
}
&.copy-input {
padding: 0px 20px;
}
}
.change-password {
opacity: 0.7;
text-decoration: underline;
margin-top: -8px;
}
.item-thumbnail {
margin-bottom: 20px;
}
</style>
@@ -72,7 +72,6 @@
.file-item {
display: flex;
align-items: center;
padding: 0 20px;
.item-name {
display: block;