mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-05 18:23:48 +00:00
Make table wrapper and table options components
This commit is contained in:
Milos Holba
@@ -65,7 +65,6 @@ class ShareController extends Controller
|
||||
$share->sendSharedLinkViaEmail($request->emails, $token);
|
||||
}
|
||||
|
||||
|
||||
return $share;
|
||||
}
|
||||
|
||||
|
||||
@@ -21,6 +21,7 @@ class ShareResource extends JsonResource
|
||||
'attributes' => [
|
||||
'permission' => $this->permission,
|
||||
'protected' => (int) $this->protected,
|
||||
'email_share'=> $request->has('emails') ? true : false,
|
||||
'item_id' => (int) $this->item_id,
|
||||
'expire_in' => (int) $this->expire_in,
|
||||
'token' => $this->token,
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
"/chunks/environment-setup.js": "/chunks/environment-setup.js?id=a2eed5073e52410cab54",
|
||||
"/chunks/files.js": "/chunks/files.js?id=6a283c2c9f8a02500bc6",
|
||||
"/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=b646ec02fb9d6a497e74",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.js": "/chunks/files~chunks/shared-files~chunks/shared-page.js?id=bd60dfed54ba26d6b4c9",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.js": "/chunks/files~chunks/shared-files~chunks/shared-page.js?id=7429f60059bbb3b76a66",
|
||||
"/chunks/files~chunks/shared-page.js": "/chunks/files~chunks/shared-page.js?id=47ade53389e84dd64310",
|
||||
"/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=d5e39543eeb619cb5513",
|
||||
"/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=be9304e6ba2c61b6cab3",
|
||||
@@ -75,8 +75,188 @@
|
||||
"/chunks/user-storage.js": "/chunks/user-storage.js?id=5cfec8a8f8a8aef24ef2",
|
||||
"/chunks/user-subscription.js": "/chunks/user-subscription.js?id=c001bef2d6d5171cb359",
|
||||
"/chunks/users.js": "/chunks/users.js?id=6e68cb068f69fba3199c",
|
||||
"/js/main.5d42c67e03ee7e56f6cc.hot-update.js": "/js/main.5d42c67e03ee7e56f6cc.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.0cb64b000fb140035db3.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.0cb64b000fb140035db3.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.1989f46cef65508b245d.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.1989f46cef65508b245d.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.8c1b8ec75cd478403ca3.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.8c1b8ec75cd478403ca3.hot-update.js"
|
||||
"/js/main.912c164be340f137b9c5.hot-update.js": "/js/main.912c164be340f137b9c5.hot-update.js",
|
||||
"/js/main.9671c85b5149f6cb6771.hot-update.js": "/js/main.9671c85b5149f6cb6771.hot-update.js",
|
||||
"/js/main.a79b5dbc211c547e7526.hot-update.js": "/js/main.a79b5dbc211c547e7526.hot-update.js",
|
||||
"/js/main.78c0e3e2716d55faa8b0.hot-update.js": "/js/main.78c0e3e2716d55faa8b0.hot-update.js",
|
||||
"/js/main.2af37ed3f2f26e2b53ff.hot-update.js": "/js/main.2af37ed3f2f26e2b53ff.hot-update.js",
|
||||
"/js/main.415b10807fe20ba122d2.hot-update.js": "/js/main.415b10807fe20ba122d2.hot-update.js",
|
||||
"/js/main.07d510f733be739b288a.hot-update.js": "/js/main.07d510f733be739b288a.hot-update.js",
|
||||
"/js/main.5a91fbfa836f346bf9c1.hot-update.js": "/js/main.5a91fbfa836f346bf9c1.hot-update.js",
|
||||
"/js/main.f10fb6965ffb064ed72a.hot-update.js": "/js/main.f10fb6965ffb064ed72a.hot-update.js",
|
||||
"/js/main.20e4f5695d4838c2df54.hot-update.js": "/js/main.20e4f5695d4838c2df54.hot-update.js",
|
||||
"/js/main.c64ed4caaf4a26b4e4da.hot-update.js": "/js/main.c64ed4caaf4a26b4e4da.hot-update.js",
|
||||
"/js/main.dca20eb2d81d02a30cab.hot-update.js": "/js/main.dca20eb2d81d02a30cab.hot-update.js",
|
||||
"/js/main.ea2bcb3694b33826cf4c.hot-update.js": "/js/main.ea2bcb3694b33826cf4c.hot-update.js",
|
||||
"/js/main.cd5be2c8928b59dc0539.hot-update.js": "/js/main.cd5be2c8928b59dc0539.hot-update.js",
|
||||
"/js/main.afe9bba51dffddb0f93d.hot-update.js": "/js/main.afe9bba51dffddb0f93d.hot-update.js",
|
||||
"/js/main.b8acf3a1c6f20521760d.hot-update.js": "/js/main.b8acf3a1c6f20521760d.hot-update.js",
|
||||
"/js/main.c9cbf0be8ca5e4773a06.hot-update.js": "/js/main.c9cbf0be8ca5e4773a06.hot-update.js",
|
||||
"/js/main.8272c6d7a6d85af217e4.hot-update.js": "/js/main.8272c6d7a6d85af217e4.hot-update.js",
|
||||
"/js/main.218751bebcb9fb9e924b.hot-update.js": "/js/main.218751bebcb9fb9e924b.hot-update.js",
|
||||
"/js/main.90e093327f1fda898ff5.hot-update.js": "/js/main.90e093327f1fda898ff5.hot-update.js",
|
||||
"/js/main.849d5e81d1a9a5c7833a.hot-update.js": "/js/main.849d5e81d1a9a5c7833a.hot-update.js",
|
||||
"/js/main.ae422565c4afe0d3f032.hot-update.js": "/js/main.ae422565c4afe0d3f032.hot-update.js",
|
||||
"/js/main.c0095226b955965def5e.hot-update.js": "/js/main.c0095226b955965def5e.hot-update.js",
|
||||
"/js/main.714991d74fd2889643be.hot-update.js": "/js/main.714991d74fd2889643be.hot-update.js",
|
||||
"/js/main.e25a6722bd26bd23519a.hot-update.js": "/js/main.e25a6722bd26bd23519a.hot-update.js",
|
||||
"/js/main.5a5e31a63dc91cc3ec33.hot-update.js": "/js/main.5a5e31a63dc91cc3ec33.hot-update.js",
|
||||
"/js/main.8e6b2f95b87ef6e0b58a.hot-update.js": "/js/main.8e6b2f95b87ef6e0b58a.hot-update.js",
|
||||
"/js/main.a474807be1029b5ad0d5.hot-update.js": "/js/main.a474807be1029b5ad0d5.hot-update.js",
|
||||
"/js/main.dcb3b04b26ce5ce4c79c.hot-update.js": "/js/main.dcb3b04b26ce5ce4c79c.hot-update.js",
|
||||
"/js/main.57afc1478d6f476bd12d.hot-update.js": "/js/main.57afc1478d6f476bd12d.hot-update.js",
|
||||
"/js/main.591cfccd22510a004a31.hot-update.js": "/js/main.591cfccd22510a004a31.hot-update.js",
|
||||
"/js/main.c25d8d72f98d2f0695c1.hot-update.js": "/js/main.c25d8d72f98d2f0695c1.hot-update.js",
|
||||
"/js/main.5633cc9bc4d760452708.hot-update.js": "/js/main.5633cc9bc4d760452708.hot-update.js",
|
||||
"/js/main.b0316632b1b2f458d8b9.hot-update.js": "/js/main.b0316632b1b2f458d8b9.hot-update.js",
|
||||
"/js/main.eaac7a7dd2274924ddb4.hot-update.js": "/js/main.eaac7a7dd2274924ddb4.hot-update.js",
|
||||
"/js/main.e84aa7b060748a4d40aa.hot-update.js": "/js/main.e84aa7b060748a4d40aa.hot-update.js",
|
||||
"/js/main.84ddb654c6ee8261d5c9.hot-update.js": "/js/main.84ddb654c6ee8261d5c9.hot-update.js",
|
||||
"/js/main.84d9f4c44b5a1173a15d.hot-update.js": "/js/main.84d9f4c44b5a1173a15d.hot-update.js",
|
||||
"/js/main.25250e0c179dedbd880e.hot-update.js": "/js/main.25250e0c179dedbd880e.hot-update.js",
|
||||
"/js/main.f1ff1f651a3cd75e3035.hot-update.js": "/js/main.f1ff1f651a3cd75e3035.hot-update.js",
|
||||
"/js/main.8189c90002396f8fed80.hot-update.js": "/js/main.8189c90002396f8fed80.hot-update.js",
|
||||
"/js/main.005014c73217edc71442.hot-update.js": "/js/main.005014c73217edc71442.hot-update.js",
|
||||
"/js/main.d00139c3369c3b7acd03.hot-update.js": "/js/main.d00139c3369c3b7acd03.hot-update.js",
|
||||
"/js/main.1812ba579bc32a8210f1.hot-update.js": "/js/main.1812ba579bc32a8210f1.hot-update.js",
|
||||
"/js/main.305d9cbaf88441aea1e2.hot-update.js": "/js/main.305d9cbaf88441aea1e2.hot-update.js",
|
||||
"/js/main.0987fb17c9c9850288fc.hot-update.js": "/js/main.0987fb17c9c9850288fc.hot-update.js",
|
||||
"/js/main.28218a5eeab405f2f897.hot-update.js": "/js/main.28218a5eeab405f2f897.hot-update.js",
|
||||
"/js/main.e2fce650177367845e1a.hot-update.js": "/js/main.e2fce650177367845e1a.hot-update.js",
|
||||
"/js/main.be347730037e4b729723.hot-update.js": "/js/main.be347730037e4b729723.hot-update.js",
|
||||
"/js/main.2c46e36389a0da625fc8.hot-update.js": "/js/main.2c46e36389a0da625fc8.hot-update.js",
|
||||
"/js/main.a83fe050988433375ca7.hot-update.js": "/js/main.a83fe050988433375ca7.hot-update.js",
|
||||
"/js/main.bfd837c20d48efb7e49b.hot-update.js": "/js/main.bfd837c20d48efb7e49b.hot-update.js",
|
||||
"/js/main.69c0955d18dd18a67373.hot-update.js": "/js/main.69c0955d18dd18a67373.hot-update.js",
|
||||
"/js/main.27a8c9cf86e8fddebf9d.hot-update.js": "/js/main.27a8c9cf86e8fddebf9d.hot-update.js",
|
||||
"/js/main.f4ebbcc377b2710784f3.hot-update.js": "/js/main.f4ebbcc377b2710784f3.hot-update.js",
|
||||
"/js/main.767b0cddba67058633fd.hot-update.js": "/js/main.767b0cddba67058633fd.hot-update.js",
|
||||
"/js/main.e179ced1b05859d64e45.hot-update.js": "/js/main.e179ced1b05859d64e45.hot-update.js",
|
||||
"/js/main.a1d04095bb4760182026.hot-update.js": "/js/main.a1d04095bb4760182026.hot-update.js",
|
||||
"/js/main.004385b5040410af7457.hot-update.js": "/js/main.004385b5040410af7457.hot-update.js",
|
||||
"/js/main.51bc6ffe074d66ee6be4.hot-update.js": "/js/main.51bc6ffe074d66ee6be4.hot-update.js",
|
||||
"/js/main.2b009184c8dfa9aa0856.hot-update.js": "/js/main.2b009184c8dfa9aa0856.hot-update.js",
|
||||
"/js/main.ac830b78ece960963462.hot-update.js": "/js/main.ac830b78ece960963462.hot-update.js",
|
||||
"/js/main.802d3d6bdd954460bcd3.hot-update.js": "/js/main.802d3d6bdd954460bcd3.hot-update.js",
|
||||
"/js/main.54bfeac7c76f3ff28345.hot-update.js": "/js/main.54bfeac7c76f3ff28345.hot-update.js",
|
||||
"/js/main.49a107d3381afb7cdddf.hot-update.js": "/js/main.49a107d3381afb7cdddf.hot-update.js",
|
||||
"/js/main.ad1735abce9c664224c2.hot-update.js": "/js/main.ad1735abce9c664224c2.hot-update.js",
|
||||
"/js/main.55efa4714a0950e39d4d.hot-update.js": "/js/main.55efa4714a0950e39d4d.hot-update.js",
|
||||
"/js/main.75a3be232e2d5eff383e.hot-update.js": "/js/main.75a3be232e2d5eff383e.hot-update.js",
|
||||
"/js/main.f073be7af26a78700617.hot-update.js": "/js/main.f073be7af26a78700617.hot-update.js",
|
||||
"/js/main.b61346ff85b32006eead.hot-update.js": "/js/main.b61346ff85b32006eead.hot-update.js",
|
||||
"/js/main.7438b1c96773ec7c117b.hot-update.js": "/js/main.7438b1c96773ec7c117b.hot-update.js",
|
||||
"/js/main.57208a1c38d97296e434.hot-update.js": "/js/main.57208a1c38d97296e434.hot-update.js",
|
||||
"/js/main.e628f7d3385e2a2ef98c.hot-update.js": "/js/main.e628f7d3385e2a2ef98c.hot-update.js",
|
||||
"/js/main.1f78bb5045cbf5d5b2ab.hot-update.js": "/js/main.1f78bb5045cbf5d5b2ab.hot-update.js",
|
||||
"/js/main.bf937e410c43e0490f3e.hot-update.js": "/js/main.bf937e410c43e0490f3e.hot-update.js",
|
||||
"/js/main.2bdfbc971b8284cdd5dd.hot-update.js": "/js/main.2bdfbc971b8284cdd5dd.hot-update.js",
|
||||
"/js/main.8ed4ac2e29e423c836d5.hot-update.js": "/js/main.8ed4ac2e29e423c836d5.hot-update.js",
|
||||
"/js/main.a773c234813f7f59ea21.hot-update.js": "/js/main.a773c234813f7f59ea21.hot-update.js",
|
||||
"/js/main.02e0714a77eaacfc9b9d.hot-update.js": "/js/main.02e0714a77eaacfc9b9d.hot-update.js",
|
||||
"/js/main.719983c9ce15e21f9636.hot-update.js": "/js/main.719983c9ce15e21f9636.hot-update.js",
|
||||
"/js/main.577d806ab2702acb2716.hot-update.js": "/js/main.577d806ab2702acb2716.hot-update.js",
|
||||
"/js/main.858d81a352f82e9f3f9c.hot-update.js": "/js/main.858d81a352f82e9f3f9c.hot-update.js",
|
||||
"/js/main.956fac21107cbf3261d8.hot-update.js": "/js/main.956fac21107cbf3261d8.hot-update.js",
|
||||
"/js/main.90c59f47f12d9bcc22ed.hot-update.js": "/js/main.90c59f47f12d9bcc22ed.hot-update.js",
|
||||
"/js/main.97d9f0487f71efec0ad8.hot-update.js": "/js/main.97d9f0487f71efec0ad8.hot-update.js",
|
||||
"/js/main.eab1cb0ddc315d9d8e63.hot-update.js": "/js/main.eab1cb0ddc315d9d8e63.hot-update.js",
|
||||
"/js/main.0932175d3c0680e5d3ca.hot-update.js": "/js/main.0932175d3c0680e5d3ca.hot-update.js",
|
||||
"/js/main.52cdb3550871ffcfd27f.hot-update.js": "/js/main.52cdb3550871ffcfd27f.hot-update.js",
|
||||
"/js/main.774e8e04b1fef4583d8e.hot-update.js": "/js/main.774e8e04b1fef4583d8e.hot-update.js",
|
||||
"/js/main.3f9b03e8191cb287a85b.hot-update.js": "/js/main.3f9b03e8191cb287a85b.hot-update.js",
|
||||
"/js/main.edb06e40d8434ab45ad2.hot-update.js": "/js/main.edb06e40d8434ab45ad2.hot-update.js",
|
||||
"/js/main.69a487849c594ed128f8.hot-update.js": "/js/main.69a487849c594ed128f8.hot-update.js",
|
||||
"/js/main.7d39c33c8a2cc4d8fc2a.hot-update.js": "/js/main.7d39c33c8a2cc4d8fc2a.hot-update.js",
|
||||
"/js/main.45032e15888b698e07d3.hot-update.js": "/js/main.45032e15888b698e07d3.hot-update.js",
|
||||
"/js/main.cbb36294d44ce8b744a8.hot-update.js": "/js/main.cbb36294d44ce8b744a8.hot-update.js",
|
||||
"/js/main.4636fedf0e3dc4ce6310.hot-update.js": "/js/main.4636fedf0e3dc4ce6310.hot-update.js",
|
||||
"/js/main.b225f543e8d8f1b943a2.hot-update.js": "/js/main.b225f543e8d8f1b943a2.hot-update.js",
|
||||
"/js/main.21e1a10ce123d32b958f.hot-update.js": "/js/main.21e1a10ce123d32b958f.hot-update.js",
|
||||
"/js/main.2c9d52fd3c43b4aa67d2.hot-update.js": "/js/main.2c9d52fd3c43b4aa67d2.hot-update.js",
|
||||
"/js/main.ff40a67685b7affdbd5c.hot-update.js": "/js/main.ff40a67685b7affdbd5c.hot-update.js",
|
||||
"/js/main.99d219118819c0350445.hot-update.js": "/js/main.99d219118819c0350445.hot-update.js",
|
||||
"/js/main.5398ca9f735d3a64e52e.hot-update.js": "/js/main.5398ca9f735d3a64e52e.hot-update.js",
|
||||
"/js/main.8174386864c5fe4441a6.hot-update.js": "/js/main.8174386864c5fe4441a6.hot-update.js",
|
||||
"/js/main.feb45fb0981e9f202fd3.hot-update.js": "/js/main.feb45fb0981e9f202fd3.hot-update.js",
|
||||
"/js/main.da396ceed9e30ceb5af0.hot-update.js": "/js/main.da396ceed9e30ceb5af0.hot-update.js",
|
||||
"/js/main.aca367f050171142bb5d.hot-update.js": "/js/main.aca367f050171142bb5d.hot-update.js",
|
||||
"/js/main.503de28b12695a2ea8d9.hot-update.js": "/js/main.503de28b12695a2ea8d9.hot-update.js",
|
||||
"/js/main.6e845fd0a6fd0fd8a443.hot-update.js": "/js/main.6e845fd0a6fd0fd8a443.hot-update.js",
|
||||
"/js/main.97035c76865a6dfe77b2.hot-update.js": "/js/main.97035c76865a6dfe77b2.hot-update.js",
|
||||
"/js/main.699a1b9aff8f5c96c3fc.hot-update.js": "/js/main.699a1b9aff8f5c96c3fc.hot-update.js",
|
||||
"/js/main.4a7448af897795b38429.hot-update.js": "/js/main.4a7448af897795b38429.hot-update.js",
|
||||
"/js/main.b8ada50bdbc175d347fc.hot-update.js": "/js/main.b8ada50bdbc175d347fc.hot-update.js",
|
||||
"/js/main.c9d53ab9c6494efae7d6.hot-update.js": "/js/main.c9d53ab9c6494efae7d6.hot-update.js",
|
||||
"/js/main.c7088495b53e5da9ff55.hot-update.js": "/js/main.c7088495b53e5da9ff55.hot-update.js",
|
||||
"/js/main.128801c5d0236a4f0cae.hot-update.js": "/js/main.128801c5d0236a4f0cae.hot-update.js",
|
||||
"/js/main.0f0f3b2fce38f022eb6c.hot-update.js": "/js/main.0f0f3b2fce38f022eb6c.hot-update.js",
|
||||
"/js/main.f2bcbc4d47558c951d52.hot-update.js": "/js/main.f2bcbc4d47558c951d52.hot-update.js",
|
||||
"/js/main.e5f004cb4de1274104d6.hot-update.js": "/js/main.e5f004cb4de1274104d6.hot-update.js",
|
||||
"/js/main.cb77d294afabeb3d886e.hot-update.js": "/js/main.cb77d294afabeb3d886e.hot-update.js",
|
||||
"/js/main.fa4af75ec01fa7037aca.hot-update.js": "/js/main.fa4af75ec01fa7037aca.hot-update.js",
|
||||
"/js/main.f5a4aa64e15d95fe9320.hot-update.js": "/js/main.f5a4aa64e15d95fe9320.hot-update.js",
|
||||
"/js/main.237749ec1019bbaa0a76.hot-update.js": "/js/main.237749ec1019bbaa0a76.hot-update.js",
|
||||
"/js/main.220d900c4944f3484a22.hot-update.js": "/js/main.220d900c4944f3484a22.hot-update.js",
|
||||
"/js/main.512a975480bc9f38dc17.hot-update.js": "/js/main.512a975480bc9f38dc17.hot-update.js",
|
||||
"/js/main.ee8106ce7b82dbd9444b.hot-update.js": "/js/main.ee8106ce7b82dbd9444b.hot-update.js",
|
||||
"/js/main.1849c16927ac07b2b1aa.hot-update.js": "/js/main.1849c16927ac07b2b1aa.hot-update.js",
|
||||
"/js/main.a69cc370f9ed64b6645f.hot-update.js": "/js/main.a69cc370f9ed64b6645f.hot-update.js",
|
||||
"/js/main.2cdc62a383bb6fcaf6dc.hot-update.js": "/js/main.2cdc62a383bb6fcaf6dc.hot-update.js",
|
||||
"/js/main.c148ebc9dc3a15bb7dab.hot-update.js": "/js/main.c148ebc9dc3a15bb7dab.hot-update.js",
|
||||
"/js/main.33a67acf10fb8d19609f.hot-update.js": "/js/main.33a67acf10fb8d19609f.hot-update.js",
|
||||
"/js/main.92ead65acab63b432b3c.hot-update.js": "/js/main.92ead65acab63b432b3c.hot-update.js",
|
||||
"/js/main.dbb09a26457c6e7c4ae2.hot-update.js": "/js/main.dbb09a26457c6e7c4ae2.hot-update.js",
|
||||
"/js/main.58429052d2f27081b8b1.hot-update.js": "/js/main.58429052d2f27081b8b1.hot-update.js",
|
||||
"/js/main.d5ba0b9ac9cbf4a0cfde.hot-update.js": "/js/main.d5ba0b9ac9cbf4a0cfde.hot-update.js",
|
||||
"/js/main.38803064b4400b0f1186.hot-update.js": "/js/main.38803064b4400b0f1186.hot-update.js",
|
||||
"/js/main.452e0833715c3b8eaf0e.hot-update.js": "/js/main.452e0833715c3b8eaf0e.hot-update.js",
|
||||
"/js/main.1a93799f2189ef8ab673.hot-update.js": "/js/main.1a93799f2189ef8ab673.hot-update.js",
|
||||
"/js/main.234262f86903f4c09b40.hot-update.js": "/js/main.234262f86903f4c09b40.hot-update.js",
|
||||
"/js/main.9e96ccc09f4d7ed12bf1.hot-update.js": "/js/main.9e96ccc09f4d7ed12bf1.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.1853a6a14cc35b4fd7f2.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.1853a6a14cc35b4fd7f2.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.f927becf243980e7d47a.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.f927becf243980e7d47a.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.015605f98a12c981878f.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.015605f98a12c981878f.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.096b33ed1320fe355326.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.096b33ed1320fe355326.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.1d18c0765854263681f7.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.1d18c0765854263681f7.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.dc7ceb84610a7414585d.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.dc7ceb84610a7414585d.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.82544ceb627118a38316.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.82544ceb627118a38316.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.a8489658e4cb2d2df774.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.a8489658e4cb2d2df774.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.37354c0a3a2eba1ddc06.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.37354c0a3a2eba1ddc06.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.56e21aa6de7136acf329.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.56e21aa6de7136acf329.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.2df22584b77a4c5ac2c1.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.2df22584b77a4c5ac2c1.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.04dde3d822ca54043050.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.04dde3d822ca54043050.hot-update.js",
|
||||
"/js/main.b4971c610d768d176128.hot-update.js": "/js/main.b4971c610d768d176128.hot-update.js",
|
||||
"/js/main.3ae461330f28b135050a.hot-update.js": "/js/main.3ae461330f28b135050a.hot-update.js",
|
||||
"/js/main.1cf77a9b606fed9199c7.hot-update.js": "/js/main.1cf77a9b606fed9199c7.hot-update.js",
|
||||
"/js/main.1c7d44093366db984cbc.hot-update.js": "/js/main.1c7d44093366db984cbc.hot-update.js",
|
||||
"/js/main.98ee95cd8976e64dcd69.hot-update.js": "/js/main.98ee95cd8976e64dcd69.hot-update.js",
|
||||
"/js/main.d319747e34b6fab5f3e2.hot-update.js": "/js/main.d319747e34b6fab5f3e2.hot-update.js",
|
||||
"/js/main.c219b93db29a00e9bcb8.hot-update.js": "/js/main.c219b93db29a00e9bcb8.hot-update.js",
|
||||
"/js/main.59aa3a6855ecc99a6a33.hot-update.js": "/js/main.59aa3a6855ecc99a6a33.hot-update.js",
|
||||
"/js/main.a28ab59f18073856965b.hot-update.js": "/js/main.a28ab59f18073856965b.hot-update.js",
|
||||
"/js/main.225416d288d3bb2e058c.hot-update.js": "/js/main.225416d288d3bb2e058c.hot-update.js",
|
||||
"/js/main.07b05a6574f49b5548a2.hot-update.js": "/js/main.07b05a6574f49b5548a2.hot-update.js",
|
||||
"/js/main.844ed4455d381379f767.hot-update.js": "/js/main.844ed4455d381379f767.hot-update.js",
|
||||
"/js/main.617cdfeb91be0c191aff.hot-update.js": "/js/main.617cdfeb91be0c191aff.hot-update.js",
|
||||
"/js/main.2ffd7e79fd251c4398f4.hot-update.js": "/js/main.2ffd7e79fd251c4398f4.hot-update.js",
|
||||
"/js/main.462ef45463c553868ace.hot-update.js": "/js/main.462ef45463c553868ace.hot-update.js",
|
||||
"/js/main.27f9b9ed82672990c6a1.hot-update.js": "/js/main.27f9b9ed82672990c6a1.hot-update.js",
|
||||
"/js/main.97b39ceced7b7b8d7394.hot-update.js": "/js/main.97b39ceced7b7b8d7394.hot-update.js",
|
||||
"/js/main.d2ef59129d36f48bfa2f.hot-update.js": "/js/main.d2ef59129d36f48bfa2f.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.303b94f7dbf7d66b5875.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.303b94f7dbf7d66b5875.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.e4dba01040bbd6db6593.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.e4dba01040bbd6db6593.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.c0f1a3683e3821551434.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.c0f1a3683e3821551434.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.c215c60b80529c9d1579.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.c215c60b80529c9d1579.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.3df72451eda4ff710fb6.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.3df72451eda4ff710fb6.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.aaa575c34183f5001f38.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.aaa575c34183f5001f38.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.50fe4e0f9c163ccf3bb0.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.50fe4e0f9c163ccf3bb0.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.24f659046318799d5582.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.24f659046318799d5582.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.badb64fc4533bf26e709.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.badb64fc4533bf26e709.hot-update.js",
|
||||
"/chunks/files~chunks/shared-files~chunks/shared-page.1cf58302bb6960c975c8.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.1cf58302bb6960c975c8.hot-update.js",
|
||||
"/js/main.228377eb2f032e19621d.hot-update.js": "/js/main.228377eb2f032e19621d.hot-update.js",
|
||||
"/js/main.6a8766e2978e606f4efc.hot-update.js": "/js/main.6a8766e2978e606f4efc.hot-update.js",
|
||||
"/js/main.223bfd09dd729e8fb76b.hot-update.js": "/js/main.223bfd09dd729e8fb76b.hot-update.js",
|
||||
"/js/main.3886eb4f871aabeb28e5.hot-update.js": "/js/main.3886eb4f871aabeb28e5.hot-update.js",
|
||||
"/js/main.4fbe91412aa7cf8565e2.hot-update.js": "/js/main.4fbe91412aa7cf8565e2.hot-update.js"
|
||||
}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<li class="menu-option">
|
||||
<li class="menu-option" :class="[icon === 'trash' ? 'danger' : '']">
|
||||
<div class="icon">
|
||||
<trash-2-icon v-if="icon === 'trash'" :class="{'danger' : icon === 'trash'}" size="17"></trash-2-icon>
|
||||
<trash-2-icon v-if="icon === 'trash'" size="17"></trash-2-icon>
|
||||
<life-buoy-icon v-if="icon === 'restore'" size="17"></life-buoy-icon>
|
||||
<trash-icon v-if="icon === 'empty-trash'" size="17"></trash-icon>
|
||||
<eye-icon v-if="icon ==='detail'" size="17"></eye-icon>
|
||||
@@ -14,7 +14,7 @@
|
||||
<smile-icon v-if="icon === 'no-options'" size="17"></smile-icon>
|
||||
<paperclip-icon v-if="icon === 'zip-folder'" size="17"></paperclip-icon>
|
||||
</div>
|
||||
<div class="text-label" :class="{'danger' : icon === 'trash'}">
|
||||
<div class="text-label">
|
||||
{{ title }}
|
||||
</div>
|
||||
</li>
|
||||
@@ -60,6 +60,22 @@ import {
|
||||
@import "@assets/vue-file-manager/_variables";
|
||||
@import "@assets/vue-file-manager/_mixins";
|
||||
|
||||
.danger {
|
||||
.text-label {
|
||||
color: $danger !important;
|
||||
}
|
||||
.icon {
|
||||
path,
|
||||
line,
|
||||
polyline,
|
||||
rect,
|
||||
circle,
|
||||
polygon {
|
||||
stroke: $danger !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.menu-option {
|
||||
white-space: nowrap;
|
||||
font-weight: 700;
|
||||
@@ -71,20 +87,6 @@ import {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.danger {
|
||||
color: $danger !important;
|
||||
|
||||
path,
|
||||
line,
|
||||
polyline,
|
||||
rect,
|
||||
circle,
|
||||
polygon {
|
||||
stroke: $danger !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.icon {
|
||||
margin-right: 20px;
|
||||
line-height: 0;
|
||||
@@ -112,6 +114,11 @@ import {
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.danger {
|
||||
&:hover {
|
||||
background: rgba($danger, 0.1) !important;
|
||||
}
|
||||
}
|
||||
.menu-option {
|
||||
color: $dark_mode_text_primary;
|
||||
|
||||
|
||||
@@ -1,60 +1,54 @@
|
||||
<template>
|
||||
<div class="set-folder-icon">
|
||||
|
||||
<div class="select-table">
|
||||
<div @click="changeTab('emoji')" :class="{'active' : activeTab === 'emoji'}">
|
||||
<smile-icon class="icon" size="17" />
|
||||
<b class="select-tab-title">{{$t('popup_rename.tab_emoji_title')}}</b>
|
||||
</div>
|
||||
<div @click="changeTab('color')" :class="{'active' : activeTab === 'color'}">
|
||||
<folder-icon class="icon" size="17"/>
|
||||
<b class="select-tab-title"> {{$t('popup_rename.tab_color_title')}}</b>
|
||||
</div>
|
||||
</div>
|
||||
<TableWrapper >
|
||||
<TableOption :title="$t('popup_rename.tab_emoji_title')" icon="emoji">
|
||||
<div class="select-emoji-wrapper">
|
||||
<label class="main-label">Pick Yout Emoji Icon:</label>
|
||||
|
||||
<div class="select-emoji-wrapper" v-if="activeTab === 'emoji'">
|
||||
<label class="main-label">Pick Yout Emoji Icon:</label>
|
||||
<div @click="openMenu" v-if="!selectOpen" class="select-input-wrapper">
|
||||
|
||||
<div @click="openMenu" v-if="!selectOpen" class="select-input-wrapper">
|
||||
|
||||
<div class="select-input" v-if="selectedEmoji">
|
||||
<span>{{selectedEmoji.char}}</span>
|
||||
<span>{{selectedEmoji.name}}</span>
|
||||
</div>
|
||||
<div class="select-input" v-if="selectedEmoji">
|
||||
<span>{{selectedEmoji.char}}</span>
|
||||
<span>{{selectedEmoji.name}}</span>
|
||||
</div>
|
||||
|
||||
<div class="not-selected" v-if="! selectedEmoji">
|
||||
<span> {{$t('popup_rename.set_emoji_input_placeholder')}}</span>
|
||||
<div class="not-selected" v-if="! selectedEmoji">
|
||||
<span> {{$t('popup_rename.set_emoji_input_placeholder')}}</span>
|
||||
</div>
|
||||
|
||||
<chevron-down-icon size="19" class="chevron-icon"/>
|
||||
</div>
|
||||
|
||||
<transition v-if="selectOpen" name="slide-in">
|
||||
<div class="emoji-wrapper">
|
||||
<input v-model="searchEmoji" class="emoji-input" :placeholder="$t('popup_rename.search_emoji_input_placeholder')" >
|
||||
<label class="object-label"> {{$t('popup_rename.emoji_list_label')}}</label>
|
||||
<ul class="options-list">
|
||||
<li @click="setIcon({'emoji':emoji})" class="option" v-for="(emoji,i) in allEmoji" :key="i">
|
||||
{{emoji.char}}
|
||||
</li>
|
||||
<span class="not-found" v-if="allEmoji.length === 0"> {{$t('popup_rename.emoji_list_not_found')}}</span>
|
||||
</ul>
|
||||
</div>
|
||||
</transition>
|
||||
</div>
|
||||
</TableOption>
|
||||
|
||||
<chevron-down-icon size="19" class="chevron-icon"/>
|
||||
</div>
|
||||
|
||||
<transition v-if="selectOpen" name="slide-in">
|
||||
<div class="emoji-wrapper">
|
||||
<input v-model="searchEmoji" class="emoji-input" :placeholder="$t('popup_rename.search_emoji_input_placeholder')" >
|
||||
<label class="object-label"> {{$t('popup_rename.emoji_list_label')}}</label>
|
||||
<ul class="options-list">
|
||||
<li @click="setIcon({'emoji':emoji})" class="option" v-for="(emoji,i) in allEmoji" :key="i">
|
||||
{{emoji.char}}
|
||||
</li>
|
||||
<span class="not-found" v-if="allEmoji.length === 0"> {{$t('popup_rename.emoji_list_not_found')}}</span>
|
||||
<TableOption :title="$t('popup_rename.tab_color_title')" icon="folder">
|
||||
<div class="color-pick-wrapper">
|
||||
<label class="main-label">{{$t('popup_rename.color_pick_label')}}</label>
|
||||
<ul class="color-wrapper">
|
||||
<li v-for="(color, index) in colors"
|
||||
:key="index"
|
||||
@click="setIcon({'color': color})"
|
||||
class="single-color"
|
||||
:class="{'active-color': color === selectedColor }"
|
||||
:style="{background:color}" />
|
||||
</ul>
|
||||
</div>
|
||||
</transition>
|
||||
</div>
|
||||
|
||||
<div v-if="activeTab === 'color'" class="color-pick-wrapper">
|
||||
<label class="main-label">{{$t('popup_rename.color_pick_label')}}</label>
|
||||
<ul class="color-wrapper">
|
||||
<li v-for="(color, index) in colors"
|
||||
:key="index"
|
||||
@click="setIcon({'color': color})"
|
||||
class="single-color"
|
||||
:class="{'active-color': color === selectedColor }"
|
||||
:style="{background:color}" />
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</TableOption>
|
||||
</TableWrapper>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -90,7 +84,6 @@
|
||||
selectedEmoji: undefined,
|
||||
selectedColor: undefined,
|
||||
searchEmoji: undefined,
|
||||
activeTab: "emoji",
|
||||
selectOpen: false,
|
||||
emojis: emojis,
|
||||
colors: ['#FF6633', '#FFB399', '#FF33FF', '#FFFF99', '#00B3E6',
|
||||
@@ -99,14 +92,6 @@
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
changeTab(tab) {
|
||||
this.activeTab = tab
|
||||
|
||||
this.selectedEmoji = undefined
|
||||
|
||||
this.selectedColor = undefined
|
||||
|
||||
},
|
||||
openMenu() {
|
||||
this.selectOpen = ! this.selectOpen
|
||||
},
|
||||
@@ -124,11 +109,7 @@
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.activeTab = "emoji"
|
||||
|
||||
this.selectOpen = false
|
||||
|
||||
this.viewEmojiList = false
|
||||
}
|
||||
|
||||
}
|
||||
@@ -268,53 +249,11 @@
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.select-table {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 20px;
|
||||
cursor: pointer;
|
||||
|
||||
& > * {
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: $light_background;
|
||||
color: $text;
|
||||
}
|
||||
& > :first-child {
|
||||
border-top-left-radius: 8px;
|
||||
border-bottom-left-radius: 8px;
|
||||
}
|
||||
& > :last-child {
|
||||
border-top-right-radius: 8px;
|
||||
border-bottom-right-radius: 8px;
|
||||
}
|
||||
.icon {
|
||||
margin-right: 10px;
|
||||
path,
|
||||
circle,
|
||||
line,
|
||||
polyline {
|
||||
color: $theme !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.set-folder-icon {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.select-table {
|
||||
.active {
|
||||
background: $text;
|
||||
.select-tab-title {
|
||||
color: $light_background !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.slide-in-enter-active {
|
||||
transition: all 5s ease;
|
||||
}
|
||||
@@ -364,21 +303,6 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.select-table {
|
||||
& > * {
|
||||
background: $dark_mode_foreground;
|
||||
color: $dark_mode_text_primary;
|
||||
}
|
||||
.active {
|
||||
background: $dark_mode_text_primary;
|
||||
.select-tab-title {
|
||||
color: $dark_mode_foreground !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@@ -9,23 +9,8 @@
|
||||
<!--Item Thumbnail-->
|
||||
<ThumbnailItem class="item-thumbnail" :item="pickedItem" info="metadata"/>
|
||||
|
||||
<div class="select-share-wrapper" v-if="!isGeneratedShared">
|
||||
<div @click="shareBy = 'link'" :class="{'active' : shareBy === 'link'}">
|
||||
<link-icon class="icon" size="17" />
|
||||
<h1>{{$t('shared_form.share_by_link')}}</h1>
|
||||
</div>
|
||||
<div @click="shareBy = 'email'" :class="{'active' : shareBy === 'email'}">
|
||||
<mail-icon class="icon" size="17"/>
|
||||
<h1> {{$t('shared_form.share_by_email')}}</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Message after successfully sned shared link via email -->
|
||||
<div v-if="shareBy === 'email' && isGeneratedShared" class="successfully-send-wrapper">
|
||||
<div class="successfully-send"> {{$t('shared_form.email_successfully_send_message')}} </div>
|
||||
</div>
|
||||
|
||||
<div class="info-box">
|
||||
<!-- Infobox for successfull sended email -->
|
||||
<div v-if="isGeneratedShared && shareViaEmail" class="info-box">
|
||||
<InfoBox >
|
||||
{{$t('shared_form.email_successfully_send_message')}}
|
||||
</InfoBox>
|
||||
@@ -34,11 +19,21 @@
|
||||
|
||||
<!--Form to set sharing-->
|
||||
<ValidationObserver v-if="! isGeneratedShared" ref="shareForm" v-slot="{ invalid }" tag="form" class="form-wrapper">
|
||||
|
||||
<TableWrapper>
|
||||
|
||||
<!-- Share via link -->
|
||||
<TableOption :title="$t('shared_form.share_by_link')" icon="link"/>
|
||||
|
||||
<!-- Share via Email -->
|
||||
<TableOption :title="$t('shared_form.share_by_email')" icon="email">
|
||||
<ValidationProvider tag="div" mode="passive" name="Email" rules="required" v-slot="{ errors }">
|
||||
<EmailsInput rules="required" v-model="shareOptions.emails" :isError="errors[0]" />
|
||||
</ValidationProvider>
|
||||
</TableOption>
|
||||
|
||||
</TableWrapper>
|
||||
|
||||
<!-- Email input for the shared via Email1 -->
|
||||
<ValidationProvider v-if="shareBy === 'email' && ! isGeneratedShared " tag="div" mode="passive" name="Email" rules="required" v-slot="{ errors }">
|
||||
<EmailsInput rules="required" v-model="shareOptions.emails" :isError="errors[0]" />
|
||||
</ValidationProvider>
|
||||
<!--Permision Select-->
|
||||
<ValidationProvider v-if="isFolder" tag="div" mode="passive" class="input-wrapper" name="Permission" rules="required" v-slot="{ errors }">
|
||||
<label class="input-label">{{ $t('shared_form.label_permission') }}:</label>
|
||||
@@ -76,7 +71,7 @@
|
||||
<!--Copy generated link-->
|
||||
<div v-if="isGeneratedShared" class="form-wrapper">
|
||||
<div class="input-wrapper">
|
||||
<label class="input-label">{{ $t('shared_form.label_shared_url') }}:</label>
|
||||
<label class="input-label">{{ this.shareViaEmail ? $t('shared_form.label_share_vie_email') : $t('shared_form.label_shared_url') }}:</label>
|
||||
<CopyInput size="small" :value="shareLink" />
|
||||
</div>
|
||||
</div>
|
||||
@@ -184,7 +179,7 @@
|
||||
isGeneratedShared: false,
|
||||
isLoading: false,
|
||||
isMoreOptions: false,
|
||||
shareBy: "link"
|
||||
shareViaEmail: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
@@ -218,6 +213,8 @@
|
||||
// End loading
|
||||
this.isLoading = false
|
||||
|
||||
this.shareViaEmail = response.data.data.attributes.email_share
|
||||
|
||||
this.shareLink = response.data.data.attributes.link
|
||||
this.isGeneratedShared = true
|
||||
|
||||
@@ -239,8 +236,6 @@
|
||||
// Show popup
|
||||
events.$on('popup:open', args => {
|
||||
|
||||
this.shareBy = 'link'
|
||||
|
||||
if (args.name !== 'share-create') return
|
||||
|
||||
// Store picked item
|
||||
@@ -279,73 +274,14 @@
|
||||
.info-box {
|
||||
padding: 0px 20px;
|
||||
/deep/.info-box {
|
||||
@include font-size(14);
|
||||
font-weight: 700;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.successfully-send-wrapper {
|
||||
padding: 0px 20px;
|
||||
margin-bottom: 20px;
|
||||
.successfully-send {
|
||||
width: 100%;
|
||||
height: 34px;
|
||||
border-radius: 8px;
|
||||
background: $light_background ;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-weight: 700;
|
||||
p {
|
||||
color: $theme;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.select-share-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 0px 20px;
|
||||
margin-bottom: 20px;
|
||||
cursor: pointer;
|
||||
|
||||
& > * {
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: $light_background;
|
||||
color: $text;
|
||||
}
|
||||
& > :first-child {
|
||||
border-top-left-radius: 8px;
|
||||
border-bottom-left-radius: 8px;
|
||||
}
|
||||
& > :last-child {
|
||||
border-top-right-radius: 8px;
|
||||
border-bottom-right-radius: 8px;
|
||||
}
|
||||
.icon {
|
||||
margin-right: 10px;
|
||||
path,
|
||||
polyline {
|
||||
color: $theme !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.select-share-wrapper {
|
||||
.active {
|
||||
background: $text;
|
||||
h1 {
|
||||
color: $light_background !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.more-options {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
@@ -361,24 +297,4 @@
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.select-share-wrapper {
|
||||
& > * {
|
||||
background: $dark_mode_foreground;
|
||||
color: $dark_mode_text_primary;
|
||||
}
|
||||
.active {
|
||||
background: $dark_mode_text_primary;
|
||||
h1 {
|
||||
color: $dark_mode_foreground !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.successfully-send {
|
||||
background: $dark_mode_foreground !important;
|
||||
p {
|
||||
color: $dark_mode_text_primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,68 +1,19 @@
|
||||
<template>
|
||||
<div :class="{'active' : active}">
|
||||
<div class="wrapper">
|
||||
<mail-icon v-if="icon === 'email'" class="icon" size="17"/>
|
||||
<link-icon v-if="icon === 'link'" class="icon" size="17"/>
|
||||
<smile-icon v-if="icon === 'emoji'" class="icon" size="17"/>
|
||||
<folder-icon v-if="icon === 'folder'" class="icon" size="17"/>
|
||||
<b>{{title}}</b>
|
||||
<slot></slot>
|
||||
</div>
|
||||
<div>
|
||||
<slot v-if="activeTab"></slot>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
LinkIcon,
|
||||
MailIcon,
|
||||
SmileIcon,
|
||||
FolderIcon } from 'vue-feather-icons'
|
||||
|
||||
export default {
|
||||
name: "TableOption",
|
||||
props: ['title', 'icon', 'active'],
|
||||
components: {
|
||||
LinkIcon,
|
||||
MailIcon,
|
||||
SmileIcon,
|
||||
FolderIcon
|
||||
export default {
|
||||
name: "TableOption",
|
||||
props: ['title', 'icon'],
|
||||
data () {
|
||||
return {
|
||||
activeTab: false
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import "@assets/vue-file-manager/_inapp-forms.scss";
|
||||
@import '@assets/vue-file-manager/_forms';
|
||||
|
||||
.wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.icon {
|
||||
margin-right: 10px;
|
||||
path,
|
||||
polyline {
|
||||
color: $theme !important;
|
||||
}
|
||||
}
|
||||
.active {
|
||||
background: $text;
|
||||
b {
|
||||
color: $light_background !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
.active {
|
||||
background: $dark_mode_text_primary;
|
||||
h1 {
|
||||
color: $dark_mode_foreground !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@@ -1,34 +1,66 @@
|
||||
<template>
|
||||
<div class="table-wrapper">
|
||||
<slot>
|
||||
<child @click="setTab"></child>
|
||||
</slot>
|
||||
<div>
|
||||
<div class="select-table" >
|
||||
<div :class="{'active' : activeTab === child.title}" @click="setActiveTab(child)" v-for="(child, i) in tabList" :key="i">
|
||||
<mail-icon v-if="child.icon === 'email'" class="icon" size="17"/>
|
||||
<link-icon v-if="child.icon === 'link'" class="icon" size="17"/>
|
||||
<smile-icon v-if="child.icon === 'emoji'" class="icon" size="17"/>
|
||||
<folder-icon v-if="child.icon === 'folder'" class="icon" size="17"/>
|
||||
<b>{{child.title}}</b>
|
||||
</div>
|
||||
</div>
|
||||
<slot></slot>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TableOption from '@/components/Others/TableOption'
|
||||
import {
|
||||
LinkIcon,
|
||||
MailIcon,
|
||||
SmileIcon,
|
||||
FolderIcon } from 'vue-feather-icons'
|
||||
|
||||
export default {
|
||||
name: "TableWrapper",
|
||||
components: {TableOption},
|
||||
components: {
|
||||
LinkIcon,
|
||||
MailIcon,
|
||||
SmileIcon,
|
||||
FolderIcon
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
tabList: []
|
||||
tabList: [],
|
||||
activeTab: undefined
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
setTab(tab){
|
||||
console.log('setTab')
|
||||
this.$children.find(child => child._props.title === tab)
|
||||
}
|
||||
setActiveTab(tab){
|
||||
|
||||
// Set false active tab for all TableWrapper childrens
|
||||
this.$children.map(child => {
|
||||
if(child._props.title !== tab.title)
|
||||
child._data.activeTab = false
|
||||
})
|
||||
|
||||
// Set active tab for clicked cildren
|
||||
let child = this.$children.find(child => child._props.title === tab.title)._data.activeTab = true
|
||||
|
||||
this.activeTab = tab.title
|
||||
},
|
||||
},
|
||||
mounted () {
|
||||
|
||||
//Get all TableWrapper childrens and push to tabList
|
||||
this.$children.map(child => {
|
||||
this.tabList.push(child._props.title)
|
||||
this.tabList.push(child._props)
|
||||
})
|
||||
console.log(this.$children)
|
||||
|
||||
// Set active tab the first one
|
||||
this.activeTab = this.$children[0]._props.title
|
||||
this.$children[0]._data.activeTab = true
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -36,10 +68,9 @@
|
||||
@import "@assets/vue-file-manager/_inapp-forms.scss";
|
||||
@import '@assets/vue-file-manager/_forms';
|
||||
|
||||
.table-wrapper {
|
||||
.select-table {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 0px 20px;
|
||||
margin-bottom: 20px;
|
||||
cursor: pointer;
|
||||
|
||||
@@ -57,18 +88,41 @@
|
||||
border-bottom-left-radius: 8px;
|
||||
}
|
||||
& > :last-child {
|
||||
border-top-right-radius: 8px;
|
||||
border-top-right-radius: 8px;
|
||||
border-bottom-right-radius: 8px;
|
||||
}
|
||||
|
||||
.icon {
|
||||
margin-right: 10px;
|
||||
path,
|
||||
circle,
|
||||
line,
|
||||
polyline {
|
||||
color: $theme !important;
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
background: $text;
|
||||
b {
|
||||
color: $light_background !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.table-wrapper {
|
||||
.select-table {
|
||||
& > * {
|
||||
background: $dark_mode_foreground;
|
||||
color: $dark_mode_text_primary;
|
||||
}
|
||||
|
||||
.active {
|
||||
background: $dark_mode_text_primary;
|
||||
h1 {
|
||||
color: $dark_mode_foreground !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -690,6 +690,7 @@
|
||||
"label_password_protection": "密码保护",
|
||||
"label_permission": "权限",
|
||||
"label_shared_url": "分享链接",
|
||||
"label_share_vie_email": "Get your link",
|
||||
"label_expiration": "Link Expiration",
|
||||
"expiration_hour": "{value}h.",
|
||||
"expiration_day": "{value}d.",
|
||||
|
||||
@@ -701,6 +701,7 @@
|
||||
"label_password_protection": "Password Protected",
|
||||
"label_permission": "Permission",
|
||||
"label_shared_url": "Share url",
|
||||
"label_share_vie_email": "Get your link",
|
||||
"label_expiration": "Link Expiration",
|
||||
"expiration_hour": "{value}h.",
|
||||
"expiration_day": "{value}d.",
|
||||
|
||||
@@ -692,6 +692,7 @@
|
||||
"label_password_protection": "Chrániť heslom",
|
||||
"label_permission": "Oprávnenie",
|
||||
"label_shared_url": "Zdieľací odkaz",
|
||||
"label_share_vie_email": "Získajte odkaz",
|
||||
"label_expiration": "Expirácia Linku",
|
||||
"expiration_hour": "{value}h.",
|
||||
"expiration_day": "{value}d.",
|
||||
|
||||
Reference in New Issue
Block a user