nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-18 08:12:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

users page refactor part 2

Browse Source
This commit is contained in:
Čarodej
2021-11-22 15:54:25 +01:00
parent 9cece789a0
commit d798f06d36
6 changed files with 322 additions and 427 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
public/mix-manifest.json
View File

@@ -7,7 +7,7 @@
"/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~c7a13fb0.js": "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~c7a13fb0.js?id=2d52fc8e939196f7ff16", "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~c7a13fb0.js": "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~c7a13fb0.js?id=2d52fc8e939196f7ff16",
"/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.js": "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.js?id=1d731f1c4a9daecb2a99", "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.js": "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.js?id=1d731f1c4a9daecb2a99",
"/chunks/admin~chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-item~9b68162c.js": "/chunks/admin~chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-item~9b68162c.js?id=5841d65172536a8a9bdc", "/chunks/admin~chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-item~9b68162c.js": "/chunks/admin~chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-item~9b68162c.js?id=5841d65172536a8a9bdc",
"/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.js": "/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.js?id=bcec1c96b2248aa0d451", "/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.js": "/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.js?id=0ae7b3d840e0e20fe358",
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js?id=f3da1167c5f8c0239987", "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js?id=f3da1167c5f8c0239987",
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js?id=481af22bd60333fd4ce1", "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js?id=481af22bd60333fd4ce1",
"/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/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",
@@ -33,8 +33,8 @@
"/chunks/contact-us.js": "/chunks/contact-us.js?id=3d0bbcd0c36d74bf739a", "/chunks/contact-us.js": "/chunks/contact-us.js?id=3d0bbcd0c36d74bf739a",
"/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js": "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js?id=65ee559ca803555be568", "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js": "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js?id=65ee559ca803555be568",
"/chunks/create-new-password.js": "/chunks/create-new-password.js?id=55135fff8801bdf735c4", "/chunks/create-new-password.js": "/chunks/create-new-password.js?id=55135fff8801bdf735c4",
"/chunks/dashboard.js": "/chunks/dashboard.js?id=782e7ef35b43f548081d", "/chunks/dashboard.js": "/chunks/dashboard.js?id=9f134ce3994627bdfb22",
"/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=1ed3a7818d9f904975c0", "/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=f2305bd9f2fbf4fd55e6",
"/chunks/database.js": "/chunks/database.js?id=1ae81800a700012ddb82", "/chunks/database.js": "/chunks/database.js?id=1ae81800a700012ddb82",
"/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=6c86916c6c6f679fa86b", "/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=6c86916c6c6f679fa86b",
"/chunks/email-verified.js": "/chunks/email-verified.js?id=253ce639751cc8799458", "/chunks/email-verified.js": "/chunks/email-verified.js?id=253ce639751cc8799458",
@@ -47,7 +47,7 @@
"/chunks/homepage.js": "/chunks/homepage.js?id=b89dd81804b8a0bd3f0b", "/chunks/homepage.js": "/chunks/homepage.js?id=b89dd81804b8a0bd3f0b",
"/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=b3f6fb91be8517fbc085", "/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=b3f6fb91be8517fbc085",
"/chunks/invitation.js": "/chunks/invitation.js?id=c9cd3541ee362ae8d5f7", "/chunks/invitation.js": "/chunks/invitation.js?id=c9cd3541ee362ae8d5f7",
"/chunks/invoices.js": "/chunks/invoices.js?id=8cf63565e1e854db7305", "/chunks/invoices.js": "/chunks/invoices.js?id=dde37879c074c8bf91b1",
"/chunks/my-shared-items.js": "/chunks/my-shared-items.js?id=ea129760157c8e44f324", "/chunks/my-shared-items.js": "/chunks/my-shared-items.js?id=ea129760157c8e44f324",
"/chunks/not-found.js": "/chunks/not-found.js?id=034287ee0ecb036320d3", "/chunks/not-found.js": "/chunks/not-found.js?id=034287ee0ecb036320d3",
"/chunks/page-edit.js": "/chunks/page-edit.js?id=cfa38a0cc6f82dd5b80d", "/chunks/page-edit.js": "/chunks/page-edit.js?id=cfa38a0cc6f82dd5b80d",
@@ -56,7 +56,7 @@
"/chunks/plan-create.js": "/chunks/plan-create.js?id=72e4ef277bb881d5cadf", "/chunks/plan-create.js": "/chunks/plan-create.js?id=72e4ef277bb881d5cadf",
"/chunks/plan-delete.js": "/chunks/plan-delete.js?id=a4db8cc9a98a81eed8d1", "/chunks/plan-delete.js": "/chunks/plan-delete.js?id=a4db8cc9a98a81eed8d1",
"/chunks/plan-settings.js": "/chunks/plan-settings.js?id=e8da481270be8010fe35", "/chunks/plan-settings.js": "/chunks/plan-settings.js?id=e8da481270be8010fe35",
"/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=77285e7872778009215a", "/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=6c052021e0f162f6942d",
"/chunks/plans.js": "/chunks/plans.js?id=1dd67aa61e7482424e6d", "/chunks/plans.js": "/chunks/plans.js?id=1dd67aa61e7482424e6d",
"/chunks/platform.js": "/chunks/platform.js?id=0d98132eb10309463177", "/chunks/platform.js": "/chunks/platform.js?id=0d98132eb10309463177",
"/chunks/platform~chunks/settings-subscription~chunks/shared~chunks/user-subscription.js": "/chunks/platform~chunks/settings-subscription~chunks/shared~chunks/user-subscription.js?id=8656b69a97cace919251", "/chunks/platform~chunks/settings-subscription~chunks/shared~chunks/user-subscription.js": "/chunks/platform~chunks/settings-subscription~chunks/shared~chunks/user-subscription.js?id=8656b69a97cace919251",
@@ -100,7 +100,7 @@
"/chunks/user-password.js": "/chunks/user-password.js?id=bc9388e177e8e8e7601a", "/chunks/user-password.js": "/chunks/user-password.js?id=bc9388e177e8e8e7601a",
"/chunks/user-storage.js": "/chunks/user-storage.js?id=cd9d2e6441a5ce09ee69", "/chunks/user-storage.js": "/chunks/user-storage.js?id=cd9d2e6441a5ce09ee69",
"/chunks/user-subscription.js": "/chunks/user-subscription.js?id=370b3df08b2ee39bf6ac", "/chunks/user-subscription.js": "/chunks/user-subscription.js?id=370b3df08b2ee39bf6ac",
"/chunks/users.js": "/chunks/users.js?id=7f9e6a60ecca4987bf9c", "/chunks/users.js": "/chunks/users.js?id=946ce542915f42085ae2",
"/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~24b428d3.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~24b428d3.js?id=ee89932f7ee76e74483e", "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~24b428d3.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~24b428d3.js?id=ee89932f7ee76e74483e",
"/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~b505e62a.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~b505e62a.js?id=8163e0eab55c50f8afb8", "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~b505e62a.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~b505e62a.js?id=8163e0eab55c50f8afb8",
"/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~40ccbae3.js": "/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~40ccbae3.js?id=37ce1e1ab9968c100712", "/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~40ccbae3.js": "/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~40ccbae3.js?id=37ce1e1ab9968c100712",
@@ -365,5 +365,108 @@
"/chunks/user.ffd5f50d66b11993c3c7.hot-update.js": "/chunks/user.ffd5f50d66b11993c3c7.hot-update.js", "/chunks/user.ffd5f50d66b11993c3c7.hot-update.js": "/chunks/user.ffd5f50d66b11993c3c7.hot-update.js",
"/chunks/user.d6aa43992d355ce3470b.hot-update.js": "/chunks/user.d6aa43992d355ce3470b.hot-update.js", "/chunks/user.d6aa43992d355ce3470b.hot-update.js": "/chunks/user.d6aa43992d355ce3470b.hot-update.js",
"/chunks/user.4efb9f76cee2f5abb951.hot-update.js": "/chunks/user.4efb9f76cee2f5abb951.hot-update.js", "/chunks/user.4efb9f76cee2f5abb951.hot-update.js": "/chunks/user.4efb9f76cee2f5abb951.hot-update.js",
"/chunks/user.3b58dc9287c1c1384bb4.hot-update.js": "/chunks/user.3b58dc9287c1c1384bb4.hot-update.js" "/chunks/user.3b58dc9287c1c1384bb4.hot-update.js": "/chunks/user.3b58dc9287c1c1384bb4.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.d29f56368ff1546d81c4.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.d29f56368ff1546d81c4.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.e54b3e2131b1044c711a.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.e54b3e2131b1044c711a.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.73c02ad7347f8defd7e6.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.73c02ad7347f8defd7e6.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.8882cb04a1024ee3f723.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.8882cb04a1024ee3f723.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.e247f92716175a1bf148.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.e247f92716175a1bf148.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.ca3e95c6b516a916543b.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.ca3e95c6b516a916543b.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.4d81dedf459fcbaeb08a.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.4d81dedf459fcbaeb08a.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.325c263c9cc8826f7ef4.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.325c263c9cc8826f7ef4.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.74316e26ab24881c1af8.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.74316e26ab24881c1af8.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.8b657ec94caa4af5deaa.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.8b657ec94caa4af5deaa.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.e9e99048b7a61102a177.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.e9e99048b7a61102a177.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.9201db04de416b723679.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.9201db04de416b723679.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.576322f404e0c9ea3d68.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.576322f404e0c9ea3d68.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.8846e20ffb5a3229218e.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.8846e20ffb5a3229218e.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.d12ff33ee3acf97585fb.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.d12ff33ee3acf97585fb.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.b15f8d951a4d494d0ad3.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.b15f8d951a4d494d0ad3.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.73ddd2a553daabeae71d.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.73ddd2a553daabeae71d.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.596b5edf6c131efde171.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.596b5edf6c131efde171.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.73d7597bd22f22a240f0.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.73d7597bd22f22a240f0.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.a6c2fbf010c8ce8b7242.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.a6c2fbf010c8ce8b7242.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.a27840b6eefd7cf359d8.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.a27840b6eefd7cf359d8.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.44c79fec16b13f3f3f90.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.44c79fec16b13f3f3f90.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.817701f9ddd970f24497.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.817701f9ddd970f24497.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.b218683070515d71b3cc.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.b218683070515d71b3cc.hot-update.js",
"/chunks/users.b057f77e852d21d601e7.hot-update.js": "/chunks/users.b057f77e852d21d601e7.hot-update.js",
"/chunks/users.b28fda83dafee3c85367.hot-update.js": "/chunks/users.b28fda83dafee3c85367.hot-update.js",
"/chunks/users.bc986e21ee795c201dae.hot-update.js": "/chunks/users.bc986e21ee795c201dae.hot-update.js",
"/chunks/users.d626aa063f0d2b113fcd.hot-update.js": "/chunks/users.d626aa063f0d2b113fcd.hot-update.js",
"/js/main.c37103123158a7cfe5b5.hot-update.js": "/js/main.c37103123158a7cfe5b5.hot-update.js",
"/chunks/dashboard.c37103123158a7cfe5b5.hot-update.js": "/chunks/dashboard.c37103123158a7cfe5b5.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.js?id=7c627ccb1eb284aee632",
"/chunks/invoices.c37103123158a7cfe5b5.hot-update.js": "/chunks/invoices.c37103123158a7cfe5b5.hot-update.js",
"/chunks/plan-subscribers.c37103123158a7cfe5b5.hot-update.js": "/chunks/plan-subscribers.c37103123158a7cfe5b5.hot-update.js",
"/chunks/users.c37103123158a7cfe5b5.hot-update.js": "/chunks/users.c37103123158a7cfe5b5.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.7efd09c1d7bbe0ae01df.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.7efd09c1d7bbe0ae01df.hot-update.js",
"/chunks/users.c2038b865697d86c1180.hot-update.js": "/chunks/users.c2038b865697d86c1180.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.a36b38ea770f054449fc.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.a36b38ea770f054449fc.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.dedeb754e3dc6413b180.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.dedeb754e3dc6413b180.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.442982eb77c2fd601ab6.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.442982eb77c2fd601ab6.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.779f85a7a1c6b2384594.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.779f85a7a1c6b2384594.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.99f4ade8e8089b688829.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.99f4ade8e8089b688829.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.00840e3636c971fa1101.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.00840e3636c971fa1101.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.a32bd237bd0f92bde4ca.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.a32bd237bd0f92bde4ca.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.715bb21b0c73f87686c0.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.715bb21b0c73f87686c0.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.d612ddf5cb75120a63e5.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.d612ddf5cb75120a63e5.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.c4880f0eb79c4e26d259.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.c4880f0eb79c4e26d259.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.2044c9912a14b0180248.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.2044c9912a14b0180248.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.79efb6dbd0fe82eca7b6.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.79efb6dbd0fe82eca7b6.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.b89879dba144ca40cfc7.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.b89879dba144ca40cfc7.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.b7428ebe9e63ed307e68.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.b7428ebe9e63ed307e68.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.297e5a5e099973c0c172.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.297e5a5e099973c0c172.hot-update.js",
"/js/main.3b30370994ddf50bb8fb.hot-update.js": "/js/main.3b30370994ddf50bb8fb.hot-update.js",
"/js/main.2dd79f0b77132dee9715.hot-update.js": "/js/main.2dd79f0b77132dee9715.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.a389413afd9660296a03.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.a389413afd9660296a03.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.ed08beffd42b7d86584b.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.ed08beffd42b7d86584b.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.26b174bcc8814c6d049d.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.26b174bcc8814c6d049d.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.91c86807279384e34c94.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.91c86807279384e34c94.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.a398905b428b5f5abce8.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.a398905b428b5f5abce8.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.933a4101603ac4d8c7c2.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.933a4101603ac4d8c7c2.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.c8cda835d69ef6b43588.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.c8cda835d69ef6b43588.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.fffc2e1aded3c1b413ce.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.fffc2e1aded3c1b413ce.hot-update.js",
"/chunks/users.30aa64cb6556fd77bb04.hot-update.js": "/chunks/users.30aa64cb6556fd77bb04.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.d297878deedc435f9333.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.d297878deedc435f9333.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.77e76af4f55ce40a6295.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.77e76af4f55ce40a6295.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.2dfb007acce9687f5278.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.2dfb007acce9687f5278.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.6cf434bff2d420da0670.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.6cf434bff2d420da0670.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.f1d07ff7744b81de6cef.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.f1d07ff7744b81de6cef.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.8eca815c1f3fb4cff6af.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.8eca815c1f3fb4cff6af.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.2efbcfffb6f0d6bad9c3.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.2efbcfffb6f0d6bad9c3.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.8ea0e5369cb2177ee78b.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.8ea0e5369cb2177ee78b.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.5680191d1a5d54dc7f60.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.5680191d1a5d54dc7f60.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.bc863962267d0d8ee5cf.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.bc863962267d0d8ee5cf.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.124756803b44c6a5b64f.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.124756803b44c6a5b64f.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.d2639189f181a4531840.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.d2639189f181a4531840.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.94c8615129c15557865e.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.94c8615129c15557865e.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.8b7e20cc08799f766b50.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.8b7e20cc08799f766b50.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.c4365beb29861cc74033.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.c4365beb29861cc74033.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.584892bab3fff2b9f2a7.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.584892bab3fff2b9f2a7.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.7998380d492803e665ac.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.7998380d492803e665ac.hot-update.js",
"/chunks/users.781d158af31470614bc3.hot-update.js": "/chunks/users.781d158af31470614bc3.hot-update.js",
"/chunks/users.cc66357916314c892c18.hot-update.js": "/chunks/users.cc66357916314c892c18.hot-update.js",
"/chunks/users.6a8258b15d8c695c14e3.hot-update.js": "/chunks/users.6a8258b15d8c695c14e3.hot-update.js",
"/chunks/users.31e2e4d7eb2d4f660505.hot-update.js": "/chunks/users.31e2e4d7eb2d4f660505.hot-update.js",
"/chunks/users.3be3c951c51c78a7d305.hot-update.js": "/chunks/users.3be3c951c51c78a7d305.hot-update.js",
"/chunks/users.4b18016fef79a61d4d00.hot-update.js": "/chunks/users.4b18016fef79a61d4d00.hot-update.js",
"/chunks/users.db616866ed549e20edd3.hot-update.js": "/chunks/users.db616866ed549e20edd3.hot-update.js",
"/chunks/users.4c5bc8ad16121d27a5db.hot-update.js": "/chunks/users.4c5bc8ad16121d27a5db.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.8df3b9911db9aa80186a.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.8df3b9911db9aa80186a.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.5df39829e84145c53713.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.5df39829e84145c53713.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.adee0ba69b4e38bbde9f.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.adee0ba69b4e38bbde9f.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.0f0736c3f066ae0b12a3.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.0f0736c3f066ae0b12a3.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.cc43e695749ac3d0bf78.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.cc43e695749ac3d0bf78.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.d0925fa4e0b38cdaf941.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.d0925fa4e0b38cdaf941.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.2986a5e37d4c86134212.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.2986a5e37d4c86134212.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.6856f00935d1941d9ea0.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.6856f00935d1941d9ea0.hot-update.js",
"/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.15f7c1a9d831bbce48c5.hot-update.js": "/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.15f7c1a9d831bbce48c5.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.15f7c1a9d831bbce48c5.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.15f7c1a9d831bbce48c5.hot-update.js",
"/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.795bd9cb11b6157366d1.hot-update.js": "/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.795bd9cb11b6157366d1.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.795bd9cb11b6157366d1.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.795bd9cb11b6157366d1.hot-update.js",
"/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.9e34de0a16cbab37396c.hot-update.js": "/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.9e34de0a16cbab37396c.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.9e34de0a16cbab37396c.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.9e34de0a16cbab37396c.hot-update.js",
"/chunks/users.72e441e99662c33649c4.hot-update.js": "/chunks/users.72e441e99662c33649c4.hot-update.js",
"/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.778d6e74b0c5903b1b9a.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.778d6e74b0c5903b1b9a.hot-update.js"
} }

2
resources/js/components/FilesView/MemberAvatar.vue
View File

@@ -49,7 +49,7 @@
} }
}, },
avatar() { avatar() {
if (this.size > 62) { if (this.size >= 52) {
return this.member.data.attributes.avatar.md return this.member.data.attributes.avatar.md
} else if (this.size > 32) { } else if (this.size > 32) {
return this.member.data.attributes.avatar.sm return this.member.data.attributes.avatar.sm

102
resources/js/components/Others/Tables/DatatableCellImage.vue
View File

@@ -1,20 +1,32 @@
<template> <template>
<div class="cell-image-thumbnail"> <div class="flex items-center flex-shrink-0 flex-grow-0">
<div class="image" :class="imageSize" v-if="image"> <MemberAvatar
<img :src="image" :alt="title"> class="mr-3 flex-shrink-0"
<img :src="image" :alt="title" class="blurred"> :is-border="false"
</div> :size="52"
<div class="info"> :member="member"
<b class="name" v-if="title">{{ title }}</b> />
<span class="description" v-if="description">{{ description }}</span> <div class="info">
</div> <b class="name" v-if="title">{{ title }}</b>
</div> <span class="description" v-if="description">{{ description }}</span>
</div>
</div>
</template> </template>
<script> <script>
import MemberAvatar from "../../FilesView/MemberAvatar";
export default { export default {
name:'DatatableCellImage', name:'DatatableCellImage',
props: ['image', 'title', 'description', 'image-size'], props: [
'member',
'title',
'description',
'image-size'
],
components: {
MemberAvatar,
}
} }
</script> </script>
@@ -22,59 +34,27 @@
@import '/resources/sass/vuefilemanager/_variables'; @import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins'; @import '/resources/sass/vuefilemanager/_mixins';
.cell-image-thumbnail { .info {
display: flex;
align-items: center;
cursor: pointer;
.image { .name, .description {
margin-right: 20px; max-width: 150px;
line-height: 0; white-space: nowrap;
position: relative; overflow: hidden;
text-overflow: ellipsis;
display: block;
}
img { .name {
line-height: 0; @include font-size(15);
width: 48px; line-height: 1;
height: 48px; color: $text;
border-radius: 8px; }
z-index: 1;
position: relative;
&.blurred { .description {
@include blurred-image; color: $text-muted;
} @include font-size(12);
} }
}
&.small {
img {
width: 32px;
height: 32px;
}
}
}
.info {
.name, .description {
max-width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.name {
@include font-size(15);
line-height: 1;
color: $text;
}
.description {
color: $text-muted;
@include font-size(12);
}
}
}
.dark { .dark {

519
resources/js/components/Others/Tables/DatatableWrapper.vue
View File

@@ -1,70 +1,77 @@
<template> <template>
<div class="datatable"> <div class="w-full">
<table v-if="hasData" class="table"> <table v-if="hasData" class="w-full">
<thead class="table-header"> <thead class="">
<tr> <tr>
<th <th
class="" class="text-left"
v-for="(column, index) in columns" v-for="(column, index) in columns"
@click="sort(column.field, column.sortable)" @click="sort(column.field, column.sortable)"
:key="index" :key="index"
:class="{ 'sortable': column.sortable }" :class="{ 'sortable': column.sortable }"
v-if="! column.hidden" v-if="! column.hidden"
> >
<span class="text-theme dark-text-theme">{{ column.label }}</span> <span class="text-theme dark-text-theme text-xs">
{{ column.label }}
</span>
<chevron-up-icon v-if="column.sortable" :class="{ 'arrow-down': filter.sort === 'ASC' }" size="14" class="filter-arrow"></chevron-up-icon> <chevron-up-icon
</th> v-if="column.sortable"
</tr> :class="{ 'arrow-down': filter.sort === 'ASC' }"
class="inline-block vue-feather text-gray-500"
size="12"
/>
</th>
</tr>
</thead> </thead>
<tbody class="table-body"> <tbody class="table-body">
<slot v-for="row in data.data" :row="row"> <slot v-for="row in data.data" :row="row">
<DatatableCell :data="row" :key="row.id"/> <DatatableCell :data="row" :key="row.id" />
</slot> </slot>
</tbody> </tbody>
</table> </table>
<slot v-if="! isLoading && ! hasData" name="empty-page"></slot> <slot v-if="! isLoading && ! hasData" name="empty-page"></slot>
<!--Paginator-->
<div v-if="paginator && hasData" class="paginator-wrapper"> <div v-if="paginator && hasData" class="paginator-wrapper">
<!--Show if there is only 6 pages--> <!--Show if there is only 6 pages-->
<ul v-if="data.meta.total > 20 && data.meta.last_page <= 6" class="pagination"> <ul v-if="data.meta.total > 15 && data.meta.last_page <= 6" class="pagination flex align-items">
<!--Go previous icon--> <!--Go previous icon-->
<li class="page-item previous"> <li class="page-item previous">
<a @click="goToPage(pageIndex - 1)" class="page-link" :class="{ disabled: pageIndex == 0 }"> <a @click="goToPage(pageIndex - 1)" class="page-link" :class="{ disabled: pageIndex == 0 }">
<chevron-left-icon size="14" class="icon"></chevron-left-icon> <chevron-left-icon size="14" class="icon" />
</a> </a>
</li> </li>
<li v-for="(page, index) in 6" :key="index" class="page-item" @click="goToPage(page)"> <li v-for="(page, index) in data.meta.last_page" :key="index" class="page-item" @click="goToPage(page)">
<a class="page-link" :class="{ active: pageIndex === page }"> <a class="page-link" :class="{ active: pageIndex === page }">
{{ page }} {{ page }}
</a> </a>
</li> </li>
<!--Go next icon--> <!--Go next icon-->
<li class="page-item next"> <li class="page-item next">
<a @click="goToPage(pageIndex + 1)" class="page-link" :class="{ disabled: pageIndex + 1 == data.meta.last_page }"> <a @click="goToPage(pageIndex + 1)" class="page-link" :class="{ disabled: pageIndex + 1 == data.meta.last_page }">
<chevron-right-icon size="14" class="icon"></chevron-right-icon> <chevron-right-icon size="14" class="icon" />
</a> </a>
</li> </li>
</ul> </ul>
<!--Show if there is more than 6 pages--> <!--Show if there is more than 6 pages-->
<ul v-if="data.meta.total > 20 && data.meta.last_page > 6" class="pagination"> <ul v-if="data.meta.total > 15 && data.meta.last_page > 6" class="pagination">
<!--Go previous icon--> <!--Go previous icon-->
<li class="page-item previous"> <li class="page-item previous">
<a @click="goToPage(pageIndex - 1)" class="page-link" :class="{ disabled: pageIndex == 0 }"> <a @click="goToPage(pageIndex - 1)" class="page-link" :class="{ disabled: pageIndex == 0 }">
<chevron-left-icon size="14" class="icon"></chevron-left-icon> <chevron-left-icon size="14" class="icon" />
</a> </a>
</li> </li>
<!--Show first Page--> <!--Show first Page-->
<li class="page-item" v-if="pageIndex >= 5" @click="goToPage(1)"> <li class="page-item" v-if="pageIndex >= 5" @click="goToPage(1)">
<a class="page-link"> <a class="page-link">
1 1
@@ -81,7 +88,7 @@
<a class="page-link">...</a> <a class="page-link">...</a>
</li> </li>
<!--Floated Pages--> <!--Floated Pages-->
<li v-if="pageIndex >= 5 && pageIndex < (data.meta.last_page - 3)" v-for="(page, index) in floatPages" :key="index" class="page-item" @click="goToPage(page)"> <li v-if="pageIndex >= 5 && pageIndex < (data.meta.last_page - 3)" v-for="(page, index) in floatPages" :key="index" class="page-item" @click="goToPage(page)">
<a class="page-link" :class="{ active: pageIndex === page }"> <a class="page-link" :class="{ active: pageIndex === page }">
{{ page }} {{ page }}
@@ -98,23 +105,22 @@
</a> </a>
</li> </li>
<!--Show last page--> <!--Show last page-->
<li class="page-item" v-if="pageIndex < (data.meta.last_page - 3)" @click="goToPage(data.meta.last_page)"> <li class="page-item" v-if="pageIndex < (data.meta.last_page - 3)" @click="goToPage(data.meta.last_page)">
<a class="page-link"> <a class="page-link">
{{ data.meta.last_page }} {{ data.meta.last_page }}
</a> </a>
</li> </li>
<!--Go next icon--> <!--Go next icon-->
<li class="page-item next"> <li class="page-item next">
<a @click="goToPage(pageIndex + 1)" class="page-link" :class="{ disabled: pageIndex + 1 == data.meta.last_page }"> <a @click="goToPage(pageIndex + 1)" class="page-link" :class="{ disabled: pageIndex + 1 == data.meta.last_page }">
<chevron-right-icon size="14" class="icon"></chevron-right-icon> <chevron-right-icon size="14" class="icon" />
</a> </a>
</li> </li>
</ul> </ul>
<span class="paginator-info">Showing {{ data.meta.from }} - {{ data.meta.to }} from {{ data.meta.total }} records</span>
<span class="paginator-info">{{ $t('datatable.paginate_info', {visible: data.meta.per_page, total: data.meta.total}) }}</span>
</div> </div>
</div> </div>
</template> </template>
@@ -125,353 +131,158 @@ import DatatableCell from '/resources/js/components/Others/Tables/DatatableCell'
import axios from "axios"; import axios from "axios";
export default { export default {
name: 'DatatableWrapper', name: 'DatatableWrapper',
props: [ props: [
'columns', 'scope', 'paginator', 'api', 'tableData' 'columns', 'scope', 'paginator', 'api', 'tableData'
], ],
components: { components: {
ChevronRightIcon, ChevronRightIcon,
ChevronLeftIcon, ChevronLeftIcon,
DatatableCell, DatatableCell,
ChevronUpIcon, ChevronUpIcon,
}, },
computed: { computed: {
hasData() { hasData() {
return this.data && this.data.data && this.data.data.length > 0 return this.data && this.data.data && this.data.data.length > 0
}, },
floatPages() { floatPages() {
return [(this.pageIndex - 1), this.pageIndex, (this.pageIndex + 1)]; return [(this.pageIndex - 1), this.pageIndex, (this.pageIndex + 1)];
} }
}, },
data() { data() {
return { return {
data: undefined, data: undefined,
isLoading: true, isLoading: true,
pageIndex: 1, pageIndex: 1,
filter: { filter: {
sort: 'DESC', sort: 'DESC',
field: undefined, field: undefined,
} }
} }
}, },
methods: { methods: {
goToPage(index) { goToPage(index) {
if (index > this.data.meta.last_page || index === 0) return if (index > this.data.meta.last_page || index === 0) return
this.pageIndex = index this.pageIndex = index
this.getPage(index) this.getPage(index)
}, },
sort(field, sortable) { sort(field, sortable) {
// Prevent sortable if is disabled // Prevent sortable if is disabled
if (!sortable) return if (!sortable) return
// Set filter // Set filter
this.filter.field = field this.filter.field = field
// Set sorting direction // Set sorting direction
if (this.filter.sort === 'DESC') { if (this.filter.sort === 'DESC') {
this.filter.sort = 'ASC' this.filter.sort = 'ASC'
} else if (this.filter.sort === 'ASC') { } else if (this.filter.sort === 'ASC') {
this.filter.sort = 'DESC' this.filter.sort = 'DESC'
} }
this.getPage(this.pageIndex) this.getPage(this.pageIndex)
}, },
getPage(page) { getPage(page) {
// Get api URI // Get api URI
this.URI = this.api; this.URI = this.api;
// Set page index // Set page index
if (this.paginator) if (this.paginator)
this.URI = this.URI + '?page=' + page this.URI = this.URI + '?page=' + page
// Add filder URI if is defined sorting // Add filder URI if is defined sorting
if (this.filter.field) if (this.filter.field)
this.URI = this.URI + (this.paginator ? '&' : '?') + 'sort=' + this.filter.field + '&direction=' + this.filter.sort this.URI = this.URI + (this.paginator ? '&' : '?') + 'sort=' + this.filter.field + '&direction=' + this.filter.sort
this.isLoading = true this.isLoading = true
// Get data // Get data
axios.get(this.URI) axios.get(this.URI)
.then(response => { .then(response => {
this.data = response.data this.data = response.data
this.$emit('data', response.data) this.$emit('data', response.data)
}) })
.catch(() => this.$isSomethingWrong()) .catch(() => this.$isSomethingWrong())
.finally(() => { .finally(() => {
this.$emit('init', true) this.$emit('init', true)
this.isLoading = false this.isLoading = false
} }
) )
}, },
}, },
created() { created() {
if (this.api) if (this.api)
this.getPage(this.pageIndex) this.getPage(this.pageIndex)
if (this.tableData) if (this.tableData)
this.data = this.tableData, this.data = this.tableData,
this.isLoading = false this.isLoading = false
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '/resources/sass/vuefilemanager/_variables'; @import 'resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins'; @import 'resources/sass/vuefilemanager/_mixins';
.datatable { .page-item {
height: 100%; padding: 3px;
display: inline-block;
} }
.table-row { .page-link {
@include transition; width: 30px;
} height: 30px;
display: block;
color: $text;
border-radius: 6px;
text-align: center;
line-height: 2.4;
font-weight: bold;
font-size: 13px;
cursor: pointer;
@include transition(0.15s);
.table-row-enter, .icon {
.table-row-leave-to { vertical-align: middle;
opacity: 0; margin-top: -2px;
@include transform(translateY(-100%)); }
}
.table-row-leave-active { &:hover:not(.disabled) {
position: absolute; background: $light_background;
} color: $text;
}
.table { &.active {
width: 100%; color: $text;
border-collapse: collapse; background: $light_background;
overflow-x: auto; }
tr { &.disabled {
width: 100%; background: transparent;
cursor: default;
td, th { svg path {
&:first-child { fill: $text-muted;
padding-left: 15px; }
} }
&:last-child {
padding-right: 15px;
text-align: right;
}
}
}
.table-header {
margin-bottom: 10px;
tr {
td, th {
padding: 12px;
text-align: left;
span {
font-weight: 700;
@include font-size(12);
white-space: nowrap;
}
&.sortable {
cursor: pointer;
&:hover {
.filter-arrow {
opacity: 1;
}
}
}
&:last-child {
text-align: right;
}
}
}
.filter-arrow {
vertical-align: middle;
margin-left: 8px;
@include transition;
opacity: 0;
path {
fill: $text-muted;
}
&.arrow-down {
@include transform(rotate(180deg));
}
}
span {
font-size: 13px;
font-weight: bold;
}
}
.table-body {
tr {
border-radius: 8px;
//border-bottom: 1px solid #f5f5f5;
&:hover {
background: $light_background;
}
td, th {
padding: 12px;
&:last-child {
button {
margin-right: 0;
}
}
}
}
span, a.page-link {
@include font-size(15);
font-weight: 700;
padding: 10px 35px 10px 0;
display: block;
white-space: nowrap;
}
}
}
.pagination {
.page-item {
padding: 3px;
display: inline-block;
}
.page-link {
width: 30px;
height: 30px;
display: block;
color: $text;
border-radius: 6px;
text-align: center;
line-height: 2.4;
font-weight: bold;
font-size: 13px;
cursor: pointer;
@include transition(0.15s);
.icon {
vertical-align: middle;
margin-top: -2px;
}
&:hover:not(.disabled) {
background: $light_background;
color: $text;
}
&.active {
color: $text;
background: $light_background;
}
&.disabled {
background: transparent;
cursor: default;
svg path {
fill: $text-muted;
}
}
}
} }
.paginator-wrapper { .paginator-wrapper {
margin-top: 30px; margin-top: 30px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.paginator-info { .paginator-info {
font-size: 13px; font-size: 13px;
color: $text-muted; color: $text-muted;
} }
} }
</style>
.user-preview {
display: flex;
align-items: center;
cursor: pointer;
img {
width: 45px;
margin-right: 22px;
}
}
@media only screen and (max-width: 690px) {
.paginator-wrapper {
display: block;
text-align: center;
.paginator-info {
margin-top: 10px;
display: block;
}
}
}
.dark {
.table {
.table-body {
tr, th {
&:hover {
background: $dark_mode_foreground;
}
}
}
}
.paginator-wrapper {
.paginator-info {
color: $dark_mode_text_secondary;
}
}
.pagination {
.page-link {
color: $dark_mode_text_secondary;
svg polyline {
stroke: $dark_mode_text_primary;
}
&:hover:not(.disabled) {
color: $theme;
background: rgba($theme, 0.1);
}
&.active {
color: $theme;
background: rgba($theme, 0.1);
}
&.disabled {
background: transparent;
cursor: default;
svg polyline {
stroke: $dark_mode_text_secondary;
}
}
}
}
}
</style>

8
resources/js/views/Admin/Users.vue
View File

@@ -14,10 +14,10 @@
<DatatableWrapper @init="isLoading = false" api="/api/admin/users" :paginator="true" :columns="columns" class="table table-users"> <DatatableWrapper @init="isLoading = false" api="/api/admin/users" :paginator="true" :columns="columns" class="table table-users">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<tr> <tr>
<td style="min-width: 320px"> <td class="py-3">
<router-link :to="{name: 'UserDetail', params: {id: row.data.id}}"> <router-link :to="{name: 'UserDetail', params: {id: row.data.id}}">
<DatatableCellImage <DatatableCellImage
:image="row.data.relationships.settings.data.attributes.avatar.sm" :member="row"
:title="row.data.relationships.settings.data.attributes.name" :title="row.data.relationships.settings.data.attributes.name"
:description="row.data.attributes.email" :description="row.data.attributes.email"
/> />
@@ -98,10 +98,10 @@
import MobileHeader from '/resources/js/components/Mobile/MobileHeader' import MobileHeader from '/resources/js/components/Mobile/MobileHeader'
import SectionTitle from '/resources/js/components/Others/SectionTitle' import SectionTitle from '/resources/js/components/Others/SectionTitle'
import ButtonBase from '/resources/js/components/FilesView/ButtonBase' import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
import {Trash2Icon, Edit2Icon} from "vue-feather-icons";
import PageHeader from '/resources/js/components/Others/PageHeader' import PageHeader from '/resources/js/components/Others/PageHeader'
import ColorLabel from '/resources/js/components/Others/ColorLabel' import ColorLabel from '/resources/js/components/Others/ColorLabel'
import Spinner from '/resources/js/components/FilesView/Spinner' import Spinner from '/resources/js/components/FilesView/Spinner'
import {Trash2Icon, Edit2Icon} from "vue-feather-icons";
import {mapGetters} from "vuex" import {mapGetters} from "vuex"
import axios from 'axios' import axios from 'axios'
@@ -165,7 +165,7 @@
sortable: true sortable: true
}, },
{ {
label: this.$t('admin_page_user.table.max_storage_amount'), label: this.$t('Max Storage'),
field: 'settings.max_storage_amount', field: 'settings.max_storage_amount',
sortable: true, sortable: true,
hidden: ! this.config.storageLimit, hidden: ! this.config.storageLimit,

1
src/App/Users/Resources/UserResource.php
View File

@@ -20,6 +20,7 @@ class UserResource extends JsonResource
'id' => $this->id, 'id' => $this->id,
'type' => 'user', 'type' => 'user',
'attributes' => [ 'attributes' => [
'avatar' => $this->settings->avatar,
'email' => is_demo() ? obfuscate_email($this->email) : $this->email, 'email' => is_demo() ? obfuscate_email($this->email) : $this->email,
'role' => $this->role, 'role' => $this->role,
'two_factor_authentication' => $this->two_factor_secret ? true : false, 'two_factor_authentication' => $this->two_factor_secret ? true : false,