nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-06 02:33:48 +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~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/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~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",
@@ -33,8 +33,8 @@
"/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/create-new-password.js": "/chunks/create-new-password.js?id=55135fff8801bdf735c4",
"/chunks/dashboard.js": "/chunks/dashboard.js?id=782e7ef35b43f548081d",
"/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.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=f2305bd9f2fbf4fd55e6",
"/chunks/database.js": "/chunks/database.js?id=1ae81800a700012ddb82",
"/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=6c86916c6c6f679fa86b",
"/chunks/email-verified.js": "/chunks/email-verified.js?id=253ce639751cc8799458",
@@ -47,7 +47,7 @@
"/chunks/homepage.js": "/chunks/homepage.js?id=b89dd81804b8a0bd3f0b",
"/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=b3f6fb91be8517fbc085",
"/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/not-found.js": "/chunks/not-found.js?id=034287ee0ecb036320d3",
"/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-delete.js": "/chunks/plan-delete.js?id=a4db8cc9a98a81eed8d1",
"/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/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",
@@ -100,7 +100,7 @@
"/chunks/user-password.js": "/chunks/user-password.js?id=bc9388e177e8e8e7601a",
"/chunks/user-storage.js": "/chunks/user-storage.js?id=cd9d2e6441a5ce09ee69",
"/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~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",
@@ -365,5 +365,108 @@
"/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.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() {
if (this.size > 62) {
if (this.size >= 52) {
return this.member.data.attributes.avatar.md
} else if (this.size > 32) {
return this.member.data.attributes.avatar.sm

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

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

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

@@ -1,70 +1,77 @@
<template>
<div class="datatable">
<table v-if="hasData" class="table">
<thead class="table-header">
<tr>
<th
class=""
v-for="(column, index) in columns"
@click="sort(column.field, column.sortable)"
:key="index"
:class="{ 'sortable': column.sortable }"
v-if="! column.hidden"
>
<span class="text-theme dark-text-theme">{{ column.label }}</span>
<div class="w-full">
<table v-if="hasData" class="w-full">
<thead class="">
<tr>
<th
class="text-left"
v-for="(column, index) in columns"
@click="sort(column.field, column.sortable)"
:key="index"
:class="{ 'sortable': column.sortable }"
v-if="! column.hidden"
>
<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>
</th>
</tr>
<chevron-up-icon
v-if="column.sortable"
:class="{ 'arrow-down': filter.sort === 'ASC' }"
class="inline-block vue-feather text-gray-500"
size="12"
/>
</th>
</tr>
</thead>
<tbody class="table-body">
<slot v-for="row in data.data" :row="row">
<DatatableCell :data="row" :key="row.id"/>
</slot>
<slot v-for="row in data.data" :row="row">
<DatatableCell :data="row" :key="row.id" />
</slot>
</tbody>
</table>
<slot v-if="! isLoading && ! hasData" name="empty-page"></slot>
<!--Paginator-->
<div v-if="paginator && hasData" class="paginator-wrapper">
<!--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-->
<li class="page-item previous">
<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>
</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 }">
{{ page }}
</a>
</li>
<!--Go next icon-->
<!--Go next icon-->
<li class="page-item next">
<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>
</li>
</ul>
<!--Show if there is more than 6 pages-->
<ul v-if="data.meta.total > 20 && data.meta.last_page > 6" class="pagination">
<!--Show if there is more than 6 pages-->
<ul v-if="data.meta.total > 15 && data.meta.last_page > 6" class="pagination">
<!--Go previous icon-->
<li class="page-item previous">
<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>
</li>
<!--Show first Page-->
<!--Show first Page-->
<li class="page-item" v-if="pageIndex >= 5" @click="goToPage(1)">
<a class="page-link">
1
@@ -81,7 +88,7 @@
<a class="page-link">...</a>
</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)">
<a class="page-link" :class="{ active: pageIndex === page }">
{{ page }}
@@ -98,23 +105,22 @@
</a>
</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)">
<a class="page-link">
{{ data.meta.last_page }}
</a>
</li>
<!--Go next icon-->
<!--Go next icon-->
<li class="page-item next">
<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>
</li>
</ul>
<span class="paginator-info">{{ $t('datatable.paginate_info', {visible: data.meta.per_page, total: data.meta.total}) }}</span>
<span class="paginator-info">Showing {{ data.meta.from }} - {{ data.meta.to }} from {{ data.meta.total }} records</span>
</div>
</div>
</template>
@@ -125,353 +131,158 @@ import DatatableCell from '/resources/js/components/Others/Tables/DatatableCell'
import axios from "axios";
export default {
name: 'DatatableWrapper',
props: [
'columns', 'scope', 'paginator', 'api', 'tableData'
],
components: {
ChevronRightIcon,
ChevronLeftIcon,
DatatableCell,
ChevronUpIcon,
},
computed: {
hasData() {
return this.data && this.data.data && this.data.data.length > 0
},
floatPages() {
return [(this.pageIndex - 1), this.pageIndex, (this.pageIndex + 1)];
}
},
data() {
return {
data: undefined,
isLoading: true,
pageIndex: 1,
filter: {
sort: 'DESC',
field: undefined,
}
}
},
methods: {
goToPage(index) {
if (index > this.data.meta.last_page || index === 0) return
name: 'DatatableWrapper',
props: [
'columns', 'scope', 'paginator', 'api', 'tableData'
],
components: {
ChevronRightIcon,
ChevronLeftIcon,
DatatableCell,
ChevronUpIcon,
},
computed: {
hasData() {
return this.data && this.data.data && this.data.data.length > 0
},
floatPages() {
return [(this.pageIndex - 1), this.pageIndex, (this.pageIndex + 1)];
}
},
data() {
return {
data: undefined,
isLoading: true,
pageIndex: 1,
filter: {
sort: 'DESC',
field: undefined,
}
}
},
methods: {
goToPage(index) {
if (index > this.data.meta.last_page || index === 0) return
this.pageIndex = index
this.pageIndex = index
this.getPage(index)
},
sort(field, sortable) {
this.getPage(index)
},
sort(field, sortable) {
// Prevent sortable if is disabled
if (!sortable) return
// Prevent sortable if is disabled
if (!sortable) return
// Set filter
this.filter.field = field
// Set filter
this.filter.field = field
// Set sorting direction
if (this.filter.sort === 'DESC') {
this.filter.sort = 'ASC'
} else if (this.filter.sort === 'ASC') {
this.filter.sort = 'DESC'
}
// Set sorting direction
if (this.filter.sort === 'DESC') {
this.filter.sort = 'ASC'
} else if (this.filter.sort === 'ASC') {
this.filter.sort = 'DESC'
}
this.getPage(this.pageIndex)
},
getPage(page) {
this.getPage(this.pageIndex)
},
getPage(page) {
// Get api URI
this.URI = this.api;
// Get api URI
this.URI = this.api;
// Set page index
if (this.paginator)
this.URI = this.URI + '?page=' + page
// Set page index
if (this.paginator)
this.URI = this.URI + '?page=' + page
// Add filder URI if is defined sorting
if (this.filter.field)
// Add filder URI if is defined sorting
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
axios.get(this.URI)
.then(response => {
this.data = response.data
this.$emit('data', response.data)
// Get data
axios.get(this.URI)
.then(response => {
this.data = response.data
this.$emit('data', response.data)
})
.catch(() => this.$isSomethingWrong())
.finally(() => {
this.$emit('init', true)
this.isLoading = false
}
)
},
},
created() {
if (this.api)
this.getPage(this.pageIndex)
})
.catch(() => this.$isSomethingWrong())
.finally(() => {
this.$emit('init', true)
this.isLoading = false
}
)
},
},
created() {
if (this.api)
this.getPage(this.pageIndex)
if (this.tableData)
this.data = this.tableData,
this.isLoading = false
}
if (this.tableData)
this.data = this.tableData,
this.isLoading = false
}
}
</script>
<style lang="scss" scoped>
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
@import 'resources/sass/vuefilemanager/_variables';
@import 'resources/sass/vuefilemanager/_mixins';
.datatable {
height: 100%;
.page-item {
padding: 3px;
display: inline-block;
}
.table-row {
@include transition;
}
.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);
.table-row-enter,
.table-row-leave-to {
opacity: 0;
@include transform(translateY(-100%));
}
.icon {
vertical-align: middle;
margin-top: -2px;
}
.table-row-leave-active {
position: absolute;
}
&:hover:not(.disabled) {
background: $light_background;
color: $text;
}
.table {
width: 100%;
border-collapse: collapse;
overflow-x: auto;
&.active {
color: $text;
background: $light_background;
}
tr {
width: 100%;
&.disabled {
background: transparent;
cursor: default;
td, th {
&:first-child {
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;
}
}
}
svg path {
fill: $text-muted;
}
}
}
.paginator-wrapper {
margin-top: 30px;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 30px;
display: flex;
justify-content: space-between;
align-items: center;
.paginator-info {
font-size: 13px;
color: $text-muted;
}
.paginator-info {
font-size: 13px;
color: $text-muted;
}
}
.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>
</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">
<template slot-scope="{ row }">
<tr>
<td style="min-width: 320px">
<td class="py-3">
<router-link :to="{name: 'UserDetail', params: {id: row.data.id}}">
<DatatableCellImage
:image="row.data.relationships.settings.data.attributes.avatar.sm"
:member="row"
:title="row.data.relationships.settings.data.attributes.name"
:description="row.data.attributes.email"
/>
@@ -98,10 +98,10 @@
import MobileHeader from '/resources/js/components/Mobile/MobileHeader'
import SectionTitle from '/resources/js/components/Others/SectionTitle'
import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
import {Trash2Icon, Edit2Icon} from "vue-feather-icons";
import PageHeader from '/resources/js/components/Others/PageHeader'
import ColorLabel from '/resources/js/components/Others/ColorLabel'
import Spinner from '/resources/js/components/FilesView/Spinner'
import {Trash2Icon, Edit2Icon} from "vue-feather-icons";
import {mapGetters} from "vuex"
import axios from 'axios'
@@ -165,7 +165,7 @@
sortable: true
},
{
label: this.$t('admin_page_user.table.max_storage_amount'),
label: this.$t('Max Storage'),
field: 'settings.max_storage_amount',
sortable: true,
hidden: ! this.config.storageLimit,

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

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