kempo 4.2.4 → 4.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.md +60 -0
- package/README.md +427 -0
- package/app-drizzle.config.js +14 -0
- package/app-public/.config.json +25 -0
- package/app-public/account/index.page.html +110 -0
- package/app-public/account/split2.template.html +36 -0
- package/app-public/default.template.html +24 -0
- package/app-public/forgot-password/index.page.html +79 -0
- package/app-public/index.page.html +16 -0
- package/app-public/init.js +2 -0
- package/app-public/kempo-global.global-disabled.html +0 -0
- package/app-public/kempo-global.global.html +6 -0
- package/app-public/login/index.page.html +51 -0
- package/app-public/manifest.json +87 -0
- package/app-public/media/hexagon.svg +22 -0
- package/app-public/media/icon-maskable.png +0 -0
- package/app-public/media/icon.svg +1 -0
- package/app-public/media/icon128.png +0 -0
- package/app-public/media/icon144.png +0 -0
- package/app-public/media/icon152.png +0 -0
- package/app-public/media/icon16-48.svg +19 -0
- package/app-public/media/icon16.png +0 -0
- package/app-public/media/icon192.png +0 -0
- package/app-public/media/icon256.png +0 -0
- package/app-public/media/icon32.png +0 -0
- package/app-public/media/icon384.png +0 -0
- package/app-public/media/icon48.png +0 -0
- package/app-public/media/icon512.png +0 -0
- package/app-public/media/icon64.png +0 -0
- package/app-public/media/icon72.png +0 -0
- package/app-public/media/icon96.png +0 -0
- package/app-public/media/kempo-fist.svg +21 -0
- package/app-public/media/nsx.jpg +0 -0
- package/app-public/nav.fragment.html +41 -0
- package/app-public/new-page.page.html +17 -0
- package/app-public/register/index.page.html +60 -0
- package/app-public/reset-password/[token]/index.html +123 -0
- package/app-public/reset-password/[token]/index.page.html +75 -0
- package/app-public/styles.css +1 -0
- package/app-public/test.page.html +20 -0
- package/app-public/verify-email/[token]/index.html +107 -0
- package/app-public/verify-email/[token]/index.page.html +59 -0
- package/app-public/verify-email/index.page.html +21 -0
- package/app-server/db/schema.js +19 -0
- package/bin/cli.js +461 -0
- package/dist/admin/accounts/groups/[name]/index.page.html +286 -0
- package/dist/admin/accounts/groups/index.page.html +171 -0
- package/dist/admin/accounts/permissions/index.page.html +193 -0
- package/dist/admin/accounts/users/[id]/index.page.html +314 -0
- package/dist/admin/accounts/users/index.page.html +160 -0
- package/dist/admin/components/AddGroupControl.js +6 -0
- package/dist/admin/components/AddGroupControl.js.map +1 -0
- package/dist/admin/components/ClearExpiredSessionsControl.js +6 -0
- package/dist/admin/components/ClearExpiredSessionsControl.js.map +1 -0
- package/dist/admin/components/FragmentEditor.js +101 -0
- package/dist/admin/components/FragmentEditor.js.map +1 -0
- package/dist/admin/components/GlobalContentEditor.js +85 -0
- package/dist/admin/components/GlobalContentEditor.js.map +1 -0
- package/dist/admin/components/GroupDeleteSelected.js +6 -0
- package/dist/admin/components/GroupDeleteSelected.js.map +1 -0
- package/dist/admin/components/GroupRemoveRecord.js +6 -0
- package/dist/admin/components/GroupRemoveRecord.js.map +1 -0
- package/dist/admin/components/Monaco.js +2 -0
- package/dist/admin/components/Monaco.js.map +1 -0
- package/dist/admin/components/PageEditor.js +138 -0
- package/dist/admin/components/PageEditor.js.map +1 -0
- package/dist/admin/components/TableRowDelete.js +4 -0
- package/dist/admin/components/TableRowDelete.js.map +1 -0
- package/dist/admin/components/TableRowLink.js +8 -0
- package/dist/admin/components/TableRowLink.js.map +1 -0
- package/dist/admin/components/TemplateEditor.js +125 -0
- package/dist/admin/components/TemplateEditor.js.map +1 -0
- package/dist/admin/components/ValueEditor.js +40 -0
- package/dist/admin/components/ValueEditor.js.map +1 -0
- package/dist/admin/components/tableControls/AddMember.js +6 -0
- package/dist/admin/components/tableControls/AddMember.js.map +1 -0
- package/dist/admin/components/tableControls/AddPermission.js +6 -0
- package/dist/admin/components/tableControls/AddPermission.js.map +1 -0
- package/dist/admin/components/tableControls/InstallExtension.js +6 -0
- package/dist/admin/components/tableControls/InstallExtension.js.map +1 -0
- package/dist/admin/components/tableControls/UninstallExtension.js +6 -0
- package/dist/admin/components/tableControls/UninstallExtension.js.map +1 -0
- package/dist/admin/content/fragments/edit/index.page.html +4 -0
- package/dist/admin/content/fragments/index.page.html +169 -0
- package/dist/admin/content/globals/edit/index.page.html +4 -0
- package/dist/admin/content/globals/index.page.html +152 -0
- package/dist/admin/content/pages/edit/index.page.html +4 -0
- package/dist/admin/content/pages/index.page.html +218 -0
- package/dist/admin/content/templates/edit/index.page.html +4 -0
- package/dist/admin/content/templates/index.page.html +193 -0
- package/dist/admin/default.template.html +9 -0
- package/dist/admin/extensions/index.page.html +32 -0
- package/dist/admin/icons/article.svg +1 -0
- package/dist/admin/icons/browse.svg +1 -0
- package/dist/admin/icons/cards_stack.svg +1 -0
- package/dist/admin/icons/content.svg +1 -0
- package/dist/admin/icons/docs.svg +1 -0
- package/dist/admin/icons/drive_file_move.svg +1 -0
- package/dist/admin/icons/extension.svg +1 -0
- package/dist/admin/icons/globe.svg +1 -0
- package/dist/admin/icons/group.svg +1 -0
- package/dist/admin/icons/lock.svg +1 -0
- package/dist/admin/icons/lock_add.svg +1 -0
- package/dist/admin/icons/manage-accounts.svg +1 -0
- package/dist/admin/icons/person.svg +1 -0
- package/dist/admin/icons/person_add.svg +1 -0
- package/dist/admin/icons/preview.svg +1 -0
- package/dist/admin/icons/save.svg +1 -0
- package/dist/admin/icons/segment.svg +1 -0
- package/dist/admin/icons/timer_off.svg +1 -0
- package/dist/admin/icons/web.svg +1 -0
- package/dist/admin/index.page.html +4 -0
- package/dist/admin/init.js +2 -0
- package/dist/admin/init.js.map +1 -0
- package/dist/admin/known-extensions.json +1 -0
- package/dist/admin/nav.fragment.html +20 -0
- package/dist/admin/settings/[owner]/[name]/index.page.html +260 -0
- package/dist/admin/settings/index.page.html +203 -0
- package/dist/kempo/api/admin-globals/DELETE.js +2 -0
- package/dist/kempo/api/admin-globals/DELETE.js.map +1 -0
- package/dist/kempo/api/admin-globals/GET.js +2 -0
- package/dist/kempo/api/admin-globals/GET.js.map +1 -0
- package/dist/kempo/api/admin-globals/POST.js +2 -0
- package/dist/kempo/api/admin-globals/POST.js.map +1 -0
- package/dist/kempo/api/admin-globals/[id]/GET.js +2 -0
- package/dist/kempo/api/admin-globals/[id]/GET.js.map +1 -0
- package/dist/kempo/api/admin-globals/[id]/PUT.js +2 -0
- package/dist/kempo/api/admin-globals/[id]/PUT.js.map +1 -0
- package/dist/kempo/api/admin-globals/[id]/disable/PUT.js +2 -0
- package/dist/kempo/api/admin-globals/[id]/disable/PUT.js.map +1 -0
- package/dist/kempo/api/admin-globals/[id]/enable/PUT.js +2 -0
- package/dist/kempo/api/admin-globals/[id]/enable/PUT.js.map +1 -0
- package/dist/kempo/api/auth/change-password/POST.js +2 -0
- package/dist/kempo/api/auth/change-password/POST.js.map +1 -0
- package/dist/kempo/api/auth/login/email/POST.js +2 -0
- package/dist/kempo/api/auth/login/email/POST.js.map +1 -0
- package/dist/kempo/api/auth/logout/POST.js +2 -0
- package/dist/kempo/api/auth/logout/POST.js.map +1 -0
- package/dist/kempo/api/auth/register/email/POST.js +2 -0
- package/dist/kempo/api/auth/register/email/POST.js.map +1 -0
- package/dist/kempo/api/auth/reset-password/POST.js +2 -0
- package/dist/kempo/api/auth/reset-password/POST.js.map +1 -0
- package/dist/kempo/api/auth/session/GET.js +2 -0
- package/dist/kempo/api/auth/session/GET.js.map +1 -0
- package/dist/kempo/api/auth/verify-email/POST.js +2 -0
- package/dist/kempo/api/auth/verify-email/POST.js.map +1 -0
- package/dist/kempo/api/extensions/DELETE.js +2 -0
- package/dist/kempo/api/extensions/DELETE.js.map +1 -0
- package/dist/kempo/api/extensions/GET.js +2 -0
- package/dist/kempo/api/extensions/GET.js.map +1 -0
- package/dist/kempo/api/extensions/POST.js +2 -0
- package/dist/kempo/api/extensions/POST.js.map +1 -0
- package/dist/kempo/api/extensions/[name]/disable/POST.js +2 -0
- package/dist/kempo/api/extensions/[name]/disable/POST.js.map +1 -0
- package/dist/kempo/api/extensions/[name]/enable/POST.js +2 -0
- package/dist/kempo/api/extensions/[name]/enable/POST.js.map +1 -0
- package/dist/kempo/api/extensions/[name]/update/POST.js +2 -0
- package/dist/kempo/api/extensions/[name]/update/POST.js.map +1 -0
- package/dist/kempo/api/extensions/[name]/update-check/GET.js +2 -0
- package/dist/kempo/api/extensions/[name]/update-check/GET.js.map +1 -0
- package/dist/kempo/api/extensions/available/GET.js +2 -0
- package/dist/kempo/api/extensions/available/GET.js.map +1 -0
- package/dist/kempo/api/extensions/known/GET.js +2 -0
- package/dist/kempo/api/extensions/known/GET.js.map +1 -0
- package/dist/kempo/api/forgot-password/POST.js +2 -0
- package/dist/kempo/api/forgot-password/POST.js.map +1 -0
- package/dist/kempo/api/fragments/DELETE.js +2 -0
- package/dist/kempo/api/fragments/DELETE.js.map +1 -0
- package/dist/kempo/api/fragments/GET.js +2 -0
- package/dist/kempo/api/fragments/GET.js.map +1 -0
- package/dist/kempo/api/fragments/POST.js +2 -0
- package/dist/kempo/api/fragments/POST.js.map +1 -0
- package/dist/kempo/api/fragments/disable/PUT.js +2 -0
- package/dist/kempo/api/fragments/disable/PUT.js.map +1 -0
- package/dist/kempo/api/fragments/enable/PUT.js +2 -0
- package/dist/kempo/api/fragments/enable/PUT.js.map +1 -0
- package/dist/kempo/api/fragments/file/GET.js +2 -0
- package/dist/kempo/api/fragments/file/GET.js.map +1 -0
- package/dist/kempo/api/fragments/file/PATCH.js +2 -0
- package/dist/kempo/api/fragments/file/PATCH.js.map +1 -0
- package/dist/kempo/api/fragments/file/PUT.js +2 -0
- package/dist/kempo/api/fragments/file/PUT.js.map +1 -0
- package/dist/kempo/api/globals/DELETE.js +2 -0
- package/dist/kempo/api/globals/DELETE.js.map +1 -0
- package/dist/kempo/api/globals/GET.js +2 -0
- package/dist/kempo/api/globals/GET.js.map +1 -0
- package/dist/kempo/api/globals/POST.js +2 -0
- package/dist/kempo/api/globals/POST.js.map +1 -0
- package/dist/kempo/api/globals/disable/PUT.js +2 -0
- package/dist/kempo/api/globals/disable/PUT.js.map +1 -0
- package/dist/kempo/api/globals/enable/PUT.js +2 -0
- package/dist/kempo/api/globals/enable/PUT.js.map +1 -0
- package/dist/kempo/api/globals/entry/GET.js +2 -0
- package/dist/kempo/api/globals/entry/GET.js.map +1 -0
- package/dist/kempo/api/globals/entry/PUT.js +2 -0
- package/dist/kempo/api/globals/entry/PUT.js.map +1 -0
- package/dist/kempo/api/groups/DELETE.js +2 -0
- package/dist/kempo/api/groups/DELETE.js.map +1 -0
- package/dist/kempo/api/groups/GET.js +2 -0
- package/dist/kempo/api/groups/GET.js.map +1 -0
- package/dist/kempo/api/groups/PATCH.js +2 -0
- package/dist/kempo/api/groups/PATCH.js.map +1 -0
- package/dist/kempo/api/groups/POST.js +2 -0
- package/dist/kempo/api/groups/POST.js.map +1 -0
- package/dist/kempo/api/groups/[name]/GET.js +2 -0
- package/dist/kempo/api/groups/[name]/GET.js.map +1 -0
- package/dist/kempo/api/groups/[name]/members/DELETE.js +2 -0
- package/dist/kempo/api/groups/[name]/members/DELETE.js.map +1 -0
- package/dist/kempo/api/groups/[name]/members/GET.js +2 -0
- package/dist/kempo/api/groups/[name]/members/GET.js.map +1 -0
- package/dist/kempo/api/groups/[name]/members/POST.js +2 -0
- package/dist/kempo/api/groups/[name]/members/POST.js.map +1 -0
- package/dist/kempo/api/groups/[name]/permissions/DELETE.js +2 -0
- package/dist/kempo/api/groups/[name]/permissions/DELETE.js.map +1 -0
- package/dist/kempo/api/groups/[name]/permissions/GET.js +2 -0
- package/dist/kempo/api/groups/[name]/permissions/GET.js.map +1 -0
- package/dist/kempo/api/groups/[name]/permissions/POST.js +2 -0
- package/dist/kempo/api/groups/[name]/permissions/POST.js.map +1 -0
- package/dist/kempo/api/pages/DELETE.js +2 -0
- package/dist/kempo/api/pages/DELETE.js.map +1 -0
- package/dist/kempo/api/pages/GET.js +2 -0
- package/dist/kempo/api/pages/GET.js.map +1 -0
- package/dist/kempo/api/pages/POST.js +2 -0
- package/dist/kempo/api/pages/POST.js.map +1 -0
- package/dist/kempo/api/pages/directories/GET.js +2 -0
- package/dist/kempo/api/pages/directories/GET.js.map +1 -0
- package/dist/kempo/api/pages/disable/PUT.js +2 -0
- package/dist/kempo/api/pages/disable/PUT.js.map +1 -0
- package/dist/kempo/api/pages/enable/PUT.js +2 -0
- package/dist/kempo/api/pages/enable/PUT.js.map +1 -0
- package/dist/kempo/api/pages/file/GET.js +2 -0
- package/dist/kempo/api/pages/file/GET.js.map +1 -0
- package/dist/kempo/api/pages/file/PATCH.js +2 -0
- package/dist/kempo/api/pages/file/PATCH.js.map +1 -0
- package/dist/kempo/api/pages/file/PUT.js +2 -0
- package/dist/kempo/api/pages/file/PUT.js.map +1 -0
- package/dist/kempo/api/pages/templates/GET.js +2 -0
- package/dist/kempo/api/pages/templates/GET.js.map +1 -0
- package/dist/kempo/api/permissions/DELETE.js +2 -0
- package/dist/kempo/api/permissions/DELETE.js.map +1 -0
- package/dist/kempo/api/permissions/GET.js +2 -0
- package/dist/kempo/api/permissions/GET.js.map +1 -0
- package/dist/kempo/api/permissions/PATCH.js +2 -0
- package/dist/kempo/api/permissions/PATCH.js.map +1 -0
- package/dist/kempo/api/permissions/POST.js +2 -0
- package/dist/kempo/api/permissions/POST.js.map +1 -0
- package/dist/kempo/api/settings/[owner]/GET.js +2 -0
- package/dist/kempo/api/settings/[owner]/GET.js.map +1 -0
- package/dist/kempo/api/settings/[owner]/[name]/DELETE.js +2 -0
- package/dist/kempo/api/settings/[owner]/[name]/DELETE.js.map +1 -0
- package/dist/kempo/api/settings/[owner]/[name]/GET.js +2 -0
- package/dist/kempo/api/settings/[owner]/[name]/GET.js.map +1 -0
- package/dist/kempo/api/settings/[owner]/[name]/POST.js +2 -0
- package/dist/kempo/api/settings/[owner]/[name]/POST.js.map +1 -0
- package/dist/kempo/api/settings/public/GET.js +2 -0
- package/dist/kempo/api/settings/public/GET.js.map +1 -0
- package/dist/kempo/api/templates/DELETE.js +2 -0
- package/dist/kempo/api/templates/DELETE.js.map +1 -0
- package/dist/kempo/api/templates/GET.js +2 -0
- package/dist/kempo/api/templates/GET.js.map +1 -0
- package/dist/kempo/api/templates/POST.js +2 -0
- package/dist/kempo/api/templates/POST.js.map +1 -0
- package/dist/kempo/api/templates/disable/PUT.js +2 -0
- package/dist/kempo/api/templates/disable/PUT.js.map +1 -0
- package/dist/kempo/api/templates/enable/PUT.js +2 -0
- package/dist/kempo/api/templates/enable/PUT.js.map +1 -0
- package/dist/kempo/api/templates/file/GET.js +2 -0
- package/dist/kempo/api/templates/file/GET.js.map +1 -0
- package/dist/kempo/api/templates/file/PATCH.js +2 -0
- package/dist/kempo/api/templates/file/PATCH.js.map +1 -0
- package/dist/kempo/api/templates/file/PUT.js +2 -0
- package/dist/kempo/api/templates/file/PUT.js.map +1 -0
- package/dist/kempo/api/user/DELETE.js +2 -0
- package/dist/kempo/api/user/DELETE.js.map +1 -0
- package/dist/kempo/api/user/GET.js +2 -0
- package/dist/kempo/api/user/GET.js.map +1 -0
- package/dist/kempo/api/user/PATCH.js +2 -0
- package/dist/kempo/api/user/PATCH.js.map +1 -0
- package/dist/kempo/api/user/[userid]/GET.js +2 -0
- package/dist/kempo/api/user/[userid]/GET.js.map +1 -0
- package/dist/kempo/api/user/[userid]/groups/DELETE.js +2 -0
- package/dist/kempo/api/user/[userid]/groups/DELETE.js.map +1 -0
- package/dist/kempo/api/user/[userid]/groups/GET.js +2 -0
- package/dist/kempo/api/user/[userid]/groups/GET.js.map +1 -0
- package/dist/kempo/api/user/[userid]/groups/POST.js +2 -0
- package/dist/kempo/api/user/[userid]/groups/POST.js.map +1 -0
- package/dist/kempo/api/user/[userid]/permissions/GET.js +2 -0
- package/dist/kempo/api/user/[userid]/permissions/GET.js.map +1 -0
- package/dist/kempo/api/user/[userid]/permissions/all/GET.js +2 -0
- package/dist/kempo/api/user/[userid]/permissions/all/GET.js.map +1 -0
- package/dist/kempo/api/user/[userid]/permissions/list/GET.js +2 -0
- package/dist/kempo/api/user/[userid]/permissions/list/GET.js.map +1 -0
- package/dist/kempo/api/user/[userid]/permissions/some/GET.js +2 -0
- package/dist/kempo/api/user/[userid]/permissions/some/GET.js.map +1 -0
- package/dist/kempo/api/user/[userid]/sessions/DELETE.js +2 -0
- package/dist/kempo/api/user/[userid]/sessions/DELETE.js.map +1 -0
- package/dist/kempo/api/user/[userid]/sessions/GET.js +2 -0
- package/dist/kempo/api/user/[userid]/sessions/GET.js.map +1 -0
- package/dist/kempo/api/user/[userid]/sessions/expired/DELETE.js +2 -0
- package/dist/kempo/api/user/[userid]/sessions/expired/DELETE.js.map +1 -0
- package/dist/kempo/api/user/create/POST.js +2 -0
- package/dist/kempo/api/user/create/POST.js.map +1 -0
- package/dist/kempo/api/user/search/GET.js +2 -0
- package/dist/kempo/api/user/search/GET.js.map +1 -0
- package/dist/kempo/components/LogoutBtn.js +2 -0
- package/dist/kempo/components/LogoutBtn.js.map +1 -0
- package/dist/kempo/components/Menu.js +17 -0
- package/dist/kempo/components/Menu.js.map +1 -0
- package/dist/kempo/components/Permission.js +2 -0
- package/dist/kempo/components/Permission.js.map +1 -0
- package/dist/kempo/components/Role.js +2 -0
- package/dist/kempo/components/Role.js.map +1 -0
- package/dist/kempo/components/UserCreatedAt.js +2 -0
- package/dist/kempo/components/UserCreatedAt.js.map +1 -0
- package/dist/kempo/components/UserEmail.js +2 -0
- package/dist/kempo/components/UserEmail.js.map +1 -0
- package/dist/kempo/components/UserEmailVerified.js +2 -0
- package/dist/kempo/components/UserEmailVerified.js.map +1 -0
- package/dist/kempo/components/UserName.js +2 -0
- package/dist/kempo/components/UserName.js.map +1 -0
- package/dist/kempo/fetch.js +2 -0
- package/dist/kempo/fetch.js.map +1 -0
- package/dist/kempo/icons/format_indent_decrease.svg +1 -0
- package/dist/kempo/icons/format_indent_increase.svg +1 -0
- package/dist/kempo/icons/format_quote.svg +1 -0
- package/dist/kempo/icons/redo.svg +1 -0
- package/dist/kempo/icons/restart_alt.svg +1 -0
- package/dist/kempo/icons/subscript.svg +1 -0
- package/dist/kempo/icons/superscript.svg +1 -0
- package/dist/kempo/icons/undo.svg +1 -0
- package/dist/kempo/sdk.js +2 -0
- package/dist/kempo/sdk.js.map +1 -0
- package/middleware/extension-scope-router.js +255 -0
- package/middleware/kempo-auth.js +26 -0
- package/package.json +46 -19
- package/scripts/init-db.js +211 -0
- package/server/db/index.js +24 -0
- package/server/db/migrations/0000_initial.sql +91 -0
- package/server/db/migrations/0001_soft_master_chief.sql +1 -0
- package/server/db/migrations/meta/0000_snapshot.json +588 -0
- package/server/db/migrations/meta/0001_snapshot.json +594 -0
- package/server/db/migrations/meta/_journal.json +20 -0
- package/server/db/schema.js +173 -0
- package/server/sdk.js +192 -0
- package/server/utils/admin-global-content/createAdminGlobalContent.js +43 -0
- package/server/utils/admin-global-content/deleteAdminGlobalContent.js +34 -0
- package/server/utils/admin-global-content/deleteAdminGlobalContentByOwner.js +26 -0
- package/server/utils/admin-global-content/disableAdminGlobalContent.js +33 -0
- package/server/utils/admin-global-content/enableAdminGlobalContent.js +33 -0
- package/server/utils/admin-global-content/getAdminGlobalContent.js +28 -0
- package/server/utils/admin-global-content/helpers.js +47 -0
- package/server/utils/admin-global-content/listAdminGlobalContent.js +20 -0
- package/server/utils/admin-global-content/updateAdminGlobalContent.js +41 -0
- package/server/utils/auth/changePassword.js +27 -0
- package/server/utils/auth/getSession.js +35 -0
- package/server/utils/auth/loginEmail.js +66 -0
- package/server/utils/auth/logout.js +16 -0
- package/server/utils/auth/registerEmail.js +105 -0
- package/server/utils/auth/requestPasswordReset.js +62 -0
- package/server/utils/auth/resetPassword.js +58 -0
- package/server/utils/auth/sendVerificationEmail.js +57 -0
- package/server/utils/auth/verifyEmail.js +46 -0
- package/server/utils/email/sendEmail.js +42 -0
- package/server/utils/email/sendEmailFromTemplate.js +45 -0
- package/server/utils/extensions/checkExtensionUpdate.js +56 -0
- package/server/utils/extensions/createTablesFromSchema.js +57 -0
- package/server/utils/extensions/disableExtension.js +26 -0
- package/server/utils/extensions/enableExtension.js +26 -0
- package/server/utils/extensions/getExtension.js +34 -0
- package/server/utils/extensions/installExtension.js +134 -0
- package/server/utils/extensions/listExtensions.js +36 -0
- package/server/utils/extensions/scopeCache.js +18 -0
- package/server/utils/extensions/uninstallExtension.js +88 -0
- package/server/utils/extensions/updateExtension.js +159 -0
- package/server/utils/fragments/createFragment.js +57 -0
- package/server/utils/fragments/deleteFragment.js +35 -0
- package/server/utils/fragments/disableFragment.js +37 -0
- package/server/utils/fragments/enableFragment.js +30 -0
- package/server/utils/fragments/getFragment.js +36 -0
- package/server/utils/fragments/listFragments.js +32 -0
- package/server/utils/fragments/moveFragment.js +54 -0
- package/server/utils/fragments/updateFragment.js +58 -0
- package/server/utils/fs/parseFrontmatter.js +13 -0
- package/server/utils/fs/scanDir.js +26 -0
- package/server/utils/global-content/createGlobalContent.js +58 -0
- package/server/utils/global-content/deleteGlobalContent.js +52 -0
- package/server/utils/global-content/disableGlobalContent.js +57 -0
- package/server/utils/global-content/enableGlobalContent.js +53 -0
- package/server/utils/global-content/getGlobalContent.js +28 -0
- package/server/utils/global-content/helpers.js +33 -0
- package/server/utils/global-content/listGlobalContent.js +24 -0
- package/server/utils/global-content/updateGlobalContent.js +56 -0
- package/server/utils/groups/addUserToGroup.js +46 -0
- package/server/utils/groups/createGroup.js +32 -0
- package/server/utils/groups/deleteGroup.js +29 -0
- package/server/utils/groups/getGroup.js +25 -0
- package/server/utils/groups/getGroupMembers.js +33 -0
- package/server/utils/groups/listGroups.js +21 -0
- package/server/utils/groups/removeUserFromGroup.js +31 -0
- package/server/utils/groups/updateGroup.js +54 -0
- package/server/utils/hooks/createHook.js +29 -0
- package/server/utils/hooks/deleteHook.js +19 -0
- package/server/utils/hooks/getHook.js +19 -0
- package/server/utils/hooks/listHooks.js +30 -0
- package/server/utils/hooks/triggerHook.js +61 -0
- package/server/utils/hooks/updateHook.js +27 -0
- package/server/utils/pages/createPage.js +60 -0
- package/server/utils/pages/deletePage.js +35 -0
- package/server/utils/pages/disablePage.js +37 -0
- package/server/utils/pages/enablePage.js +30 -0
- package/server/utils/pages/getPage.js +53 -0
- package/server/utils/pages/listDirectories.js +18 -0
- package/server/utils/pages/listPages.js +40 -0
- package/server/utils/pages/listTemplates.js +52 -0
- package/server/utils/pages/movePage.js +54 -0
- package/server/utils/pages/updatePage.js +74 -0
- package/server/utils/permissions/addPermissionToGroup.js +43 -0
- package/server/utils/permissions/createPermission.js +43 -0
- package/server/utils/permissions/currentUserHasAllPermissions.js +24 -0
- package/server/utils/permissions/currentUserHasPermission.js +24 -0
- package/server/utils/permissions/currentUserHasSomePermissions.js +24 -0
- package/server/utils/permissions/deletePermission.js +29 -0
- package/server/utils/permissions/getAllPermissions.js +21 -0
- package/server/utils/permissions/getPermissionsForGroups.js +26 -0
- package/server/utils/permissions/getUserGroups.js +31 -0
- package/server/utils/permissions/getUserPermission.js +30 -0
- package/server/utils/permissions/getUserPermissions.js +16 -0
- package/server/utils/permissions/removePermissionFromGroup.js +31 -0
- package/server/utils/permissions/updatePermission.js +33 -0
- package/server/utils/permissions/userHasAllPermissions.js +31 -0
- package/server/utils/permissions/userHasPermission.js +13 -0
- package/server/utils/permissions/userHasSomePermissions.js +31 -0
- package/server/utils/sessions/createSession.js +36 -0
- package/server/utils/sessions/deleteExpiredUserSessions.js +22 -0
- package/server/utils/sessions/deleteSession.js +16 -0
- package/server/utils/sessions/deleteUserSessions.js +16 -0
- package/server/utils/sessions/getSessionById.js +21 -0
- package/server/utils/sessions/getSessionByToken.js +21 -0
- package/server/utils/sessions/getSessions.js +19 -0
- package/server/utils/sessions/getUserSessions.js +30 -0
- package/server/utils/settings/deleteSetting.js +24 -0
- package/server/utils/settings/getPublicSettings.js +22 -0
- package/server/utils/settings/getSetting.js +25 -0
- package/server/utils/settings/getSettingWithMetadata.js +33 -0
- package/server/utils/settings/getSettingsByOwner.js +23 -0
- package/server/utils/settings/helpers.js +29 -0
- package/server/utils/settings/listSettings.js +25 -0
- package/server/utils/settings/setSetting.js +49 -0
- package/server/utils/templates/createTemplate.js +71 -0
- package/server/utils/templates/deleteTemplate.js +35 -0
- package/server/utils/templates/disableTemplate.js +37 -0
- package/server/utils/templates/enableTemplate.js +30 -0
- package/server/utils/templates/getTemplate.js +30 -0
- package/server/utils/templates/moveTemplate.js +54 -0
- package/server/utils/templates/updateTemplate.js +46 -0
- package/server/utils/users/createUser.js +60 -0
- package/server/utils/users/deleteUser.js +19 -0
- package/server/utils/users/findUsersByEmail.js +35 -0
- package/server/utils/users/findUsersByName.js +35 -0
- package/server/utils/users/getUserByEmail.js +26 -0
- package/server/utils/users/getUserById.js +27 -0
- package/server/utils/users/getUsers.js +26 -0
- package/server/utils/users/searchUsers.js +53 -0
- package/server/utils/users/updateUser.js +38 -0
- package/.gitattributes +0 -2
- package/LICENSE +0 -21
- package/dist/components/Accordion.js +0 -1
- package/dist/components/Card.js +0 -1
- package/dist/components/Collapsible.js +0 -1
- package/dist/components/Component.js +0 -1
- package/dist/components/ContentSlider.js +0 -1
- package/dist/components/Dialog.js +0 -1
- package/dist/components/DirectoryViewer.js +0 -1
- package/dist/components/FocusCapture.js +0 -1
- package/dist/components/Icon.js +0 -1
- package/dist/components/Import.js +0 -1
- package/dist/components/LazyComponent.js +0 -1
- package/dist/components/PersistantCollapsible.js +0 -1
- package/dist/components/PhotoViewer.js +0 -1
- package/dist/components/ReactiveComponent.js +0 -1
- package/dist/components/ReactiveLazyComponent.js +0 -1
- package/dist/components/Resize.js +0 -1
- package/dist/components/Search.js +0 -1
- package/dist/components/ShowMore.js +0 -1
- package/dist/components/SideMenu.js +0 -1
- package/dist/components/Sortable.js +0 -1
- package/dist/components/Split.js +0 -1
- package/dist/components/Stacks.js +0 -1
- package/dist/components/Table.js +0 -1
- package/dist/components/Tabs.js +0 -1
- package/dist/components/Tags.js +0 -1
- package/dist/components/ThemeSwitcher.js +0 -1
- package/dist/components/Timestamp.js +0 -1
- package/dist/components/Toast.js +0 -1
- package/dist/components/Toggle.js +0 -1
- package/dist/components/tableControls/DeleteRecord.js +0 -1
- package/dist/components/tableControls/DeleteSelected.js +0 -1
- package/dist/components/tableControls/Edit.js +0 -1
- package/dist/components/tableControls/ExportCSV.js +0 -1
- package/dist/components/tableControls/ExportJson.js +0 -1
- package/dist/components/tableControls/FieldSortHide.js +0 -1
- package/dist/components/tableControls/Filters.js +0 -1
- package/dist/components/tableControls/FirstPage.js +0 -1
- package/dist/components/tableControls/HiddenCount.js +0 -1
- package/dist/components/tableControls/Hide.js +0 -1
- package/dist/components/tableControls/LastPage.js +0 -1
- package/dist/components/tableControls/NextPage.js +0 -1
- package/dist/components/tableControls/PageSelect.js +0 -1
- package/dist/components/tableControls/PageSize.js +0 -1
- package/dist/components/tableControls/PrevPage.js +0 -1
- package/dist/components/tableControls/Search.js +0 -1
- package/dist/components/tableControls/SelectCount.js +0 -1
- package/dist/components/tableControls/ShowAll.js +0 -1
- package/dist/components/tableControls/ShowHideFields.js +0 -1
- package/dist/components/tableControls/TableControl.js +0 -1
- package/dist/kempo-hljs.css +0 -1
- package/dist/kempo-styles.css +0 -1
- package/dist/kempo-vars.css +0 -1
- package/dist/utils/Server.js +0 -1
- package/dist/utils/cli.js +0 -1
- package/dist/utils/cookie.js +0 -1
- package/dist/utils/debounce.js +0 -1
- package/dist/utils/drag.js +0 -1
- package/dist/utils/element.js +0 -1
- package/dist/utils/files.js +0 -1
- package/dist/utils/formatTimestamp.js +0 -1
- package/dist/utils/fs-utils.js +0 -1
- package/dist/utils/fuzzyMatch.js +0 -1
- package/dist/utils/getPreferredTheme.js +0 -1
- package/dist/utils/loadCss.js +0 -1
- package/dist/utils/loadScript.js +0 -1
- package/dist/utils/minify.js +0 -1
- package/dist/utils/object.js +0 -1
- package/dist/utils/raf.js +0 -1
- package/dist/utils/string.js +0 -1
- package/dist/utils/toFunction.js +0 -1
- package/dist/utils/type.js +0 -1
- package/dist/utils/waitFrames.js +0 -1
- package/dist/utils/watchDirectoryHandle.js +0 -1
- package/dist/utils/watchWindowSize.js +0 -1
- package/docs/components/_template.html +0 -77
- package/docs/components/accordion.html +0 -124
- package/docs/components/card.html +0 -93
- package/docs/components/component.html +0 -92
- package/docs/components/content-slider.html +0 -195
- package/docs/components/dialog.html +0 -247
- package/docs/components/directory-viewer.html +0 -92
- package/docs/components/focus-capture.html +0 -70
- package/docs/components/icon.html +0 -160
- package/docs/components/import.html +0 -79
- package/docs/components/lazy-component.html +0 -86
- package/docs/components/reactive-component.html +0 -71
- package/docs/components/reactive-lazy-component.html +0 -71
- package/docs/components/resize.html +0 -154
- package/docs/components/search.html +0 -104
- package/docs/components/show-more.html +0 -125
- package/docs/components/side-menu.html +0 -148
- package/docs/components/sortable.html +0 -98
- package/docs/components/split.html +0 -128
- package/docs/components/table.html +0 -314
- package/docs/components/tableControls.html +0 -79
- package/docs/components/tableCustomFields.html +0 -115
- package/docs/components/tableFetchRecords.html +0 -116
- package/docs/components/tableFieldSortHide.html +0 -77
- package/docs/components/tablePagination.html +0 -102
- package/docs/components/tableRecordEditing.html +0 -146
- package/docs/components/tableRecordFiltering.html +0 -77
- package/docs/components/tableRecordHiding.html +0 -82
- package/docs/components/tableRecordSearching.html +0 -77
- package/docs/components/tableRecordSelection.html +0 -77
- package/docs/components/tableRowControls.html +0 -80
- package/docs/components/tableSorting.html +0 -75
- package/docs/components/tabs.html +0 -165
- package/docs/components/tags.html +0 -96
- package/docs/components/theme-switcher.html +0 -76
- package/docs/components/timestamp.html +0 -88
- package/docs/components/toast.html +0 -330
- package/docs/components/toggle.html +0 -157
- package/docs/icons/add.svg +0 -1
- package/docs/icons/arrow-back.svg +0 -1
- package/docs/icons/arrow-down-double.svg +0 -1
- package/docs/icons/arrow-down.svg +0 -1
- package/docs/icons/arrow-forward.svg +0 -1
- package/docs/icons/arrow-up-double.svg +0 -1
- package/docs/icons/arrow-up.svg +0 -1
- package/docs/icons/cards.svg +0 -1
- package/docs/icons/check.svg +0 -1
- package/docs/icons/chevron-left.svg +0 -1
- package/docs/icons/chevron-right.svg +0 -1
- package/docs/icons/close.svg +0 -2
- package/docs/icons/compare.svg +0 -1
- package/docs/icons/delete.svg +0 -1
- package/docs/icons/drag-handle.svg +0 -1
- package/docs/icons/drawing2.svg +0 -124
- package/docs/icons/edit.svg +0 -1
- package/docs/icons/error.svg +0 -1
- package/docs/icons/export-file.svg +0 -1
- package/docs/icons/file-text.svg +0 -1
- package/docs/icons/file.svg +0 -1
- package/docs/icons/filter-off.svg +0 -1
- package/docs/icons/filter.svg +0 -1
- package/docs/icons/first.svg +0 -1
- package/docs/icons/folder-clear.svg +0 -1
- package/docs/icons/folder-create.svg +0 -1
- package/docs/icons/folder-open.svg +0 -1
- package/docs/icons/folder.svg +0 -1
- package/docs/icons/hide.svg +0 -1
- package/docs/icons/image.svg +0 -1
- package/docs/icons/label-add.svg +0 -1
- package/docs/icons/label.svg +0 -1
- package/docs/icons/last.svg +0 -1
- package/docs/icons/menu.svg +0 -1
- package/docs/icons/mode-auto.svg +0 -1
- package/docs/icons/mode-dark.svg +0 -1
- package/docs/icons/mode-light.svg +0 -1
- package/docs/icons/open-in-browser.svg +0 -1
- package/docs/icons/pause.svg +0 -1
- package/docs/icons/play.svg +0 -1
- package/docs/icons/refresh.svg +0 -1
- package/docs/icons/remove.svg +0 -1
- package/docs/icons/save.svg +0 -1
- package/docs/icons/search.svg +0 -1
- package/docs/icons/settings.svg +0 -1
- package/docs/icons/storage.svg +0 -1
- package/docs/icons/table-visibility.svg +0 -1
- package/docs/icons/tag.svg +0 -1
- package/docs/icons/tools.svg +0 -1
- package/docs/icons/trash-x.svg +0 -1
- package/docs/icons/warning.svg +0 -1
- package/docs/index.html +0 -21
- package/docs/js/nav.inc.js +0 -4
- package/docs/kempo/components/Accordion.js +0 -1
- package/docs/kempo/components/Card.js +0 -1
- package/docs/kempo/components/Collapsible.js +0 -1
- package/docs/kempo/components/Component.js +0 -1
- package/docs/kempo/components/ContentSlider.js +0 -1
- package/docs/kempo/components/Dialog.js +0 -1
- package/docs/kempo/components/DirectoryViewer.js +0 -1
- package/docs/kempo/components/FocusCapture.js +0 -1
- package/docs/kempo/components/Icon.js +0 -1
- package/docs/kempo/components/Import.js +0 -1
- package/docs/kempo/components/LazyComponent.js +0 -1
- package/docs/kempo/components/PersistantCollapsible.js +0 -1
- package/docs/kempo/components/PhotoViewer.js +0 -1
- package/docs/kempo/components/ReactiveComponent.js +0 -1
- package/docs/kempo/components/ReactiveLazyComponent.js +0 -1
- package/docs/kempo/components/Resize.js +0 -1
- package/docs/kempo/components/Search.js +0 -1
- package/docs/kempo/components/ShowMore.js +0 -1
- package/docs/kempo/components/SideMenu.js +0 -1
- package/docs/kempo/components/Sortable.js +0 -1
- package/docs/kempo/components/Split.js +0 -1
- package/docs/kempo/components/Stacks.js +0 -1
- package/docs/kempo/components/Table.js +0 -1
- package/docs/kempo/components/Tabs.js +0 -1
- package/docs/kempo/components/Tags.js +0 -1
- package/docs/kempo/components/ThemeSwitcher.js +0 -1
- package/docs/kempo/components/Timestamp.js +0 -1
- package/docs/kempo/components/Toast.js +0 -1
- package/docs/kempo/components/Toggle.js +0 -1
- package/docs/kempo/components/tableControls/DeleteRecord.js +0 -1
- package/docs/kempo/components/tableControls/DeleteSelected.js +0 -1
- package/docs/kempo/components/tableControls/Edit.js +0 -1
- package/docs/kempo/components/tableControls/ExportCSV.js +0 -1
- package/docs/kempo/components/tableControls/ExportJson.js +0 -1
- package/docs/kempo/components/tableControls/FieldSortHide.js +0 -1
- package/docs/kempo/components/tableControls/Filters.js +0 -1
- package/docs/kempo/components/tableControls/FirstPage.js +0 -1
- package/docs/kempo/components/tableControls/HiddenCount.js +0 -1
- package/docs/kempo/components/tableControls/Hide.js +0 -1
- package/docs/kempo/components/tableControls/LastPage.js +0 -1
- package/docs/kempo/components/tableControls/NextPage.js +0 -1
- package/docs/kempo/components/tableControls/PageSelect.js +0 -1
- package/docs/kempo/components/tableControls/PageSize.js +0 -1
- package/docs/kempo/components/tableControls/PrevPage.js +0 -1
- package/docs/kempo/components/tableControls/Search.js +0 -1
- package/docs/kempo/components/tableControls/SelectCount.js +0 -1
- package/docs/kempo/components/tableControls/ShowAll.js +0 -1
- package/docs/kempo/components/tableControls/ShowHideFields.js +0 -1
- package/docs/kempo/components/tableControls/TableControl.js +0 -1
- package/docs/kempo/index.js +0 -1
- package/docs/kempo/kempo-hljs.css +0 -1
- package/docs/kempo/kempo-styles.css +0 -1
- package/docs/kempo/kempo-vars.css +0 -1
- package/docs/kempo/utils/Server.js +0 -1
- package/docs/kempo/utils/cli.js +0 -1
- package/docs/kempo/utils/cookie.js +0 -1
- package/docs/kempo/utils/debounce.js +0 -1
- package/docs/kempo/utils/drag.js +0 -1
- package/docs/kempo/utils/element.js +0 -1
- package/docs/kempo/utils/files.js +0 -1
- package/docs/kempo/utils/formatTimestamp.js +0 -1
- package/docs/kempo/utils/fs-utils.js +0 -1
- package/docs/kempo/utils/fuzzyMatch.js +0 -1
- package/docs/kempo/utils/getPreferredTheme.js +0 -1
- package/docs/kempo/utils/loadCss.js +0 -1
- package/docs/kempo/utils/loadScript.js +0 -1
- package/docs/kempo/utils/minify.js +0 -1
- package/docs/kempo/utils/object.js +0 -1
- package/docs/kempo/utils/raf.js +0 -1
- package/docs/kempo/utils/string.js +0 -1
- package/docs/kempo/utils/toFunction.js +0 -1
- package/docs/kempo/utils/type.js +0 -1
- package/docs/kempo/utils/waitFrames.js +0 -1
- package/docs/kempo/utils/watchDirectoryHandle.js +0 -1
- package/docs/kempo/utils/watchWindowSize.js +0 -1
- package/docs/nav.inc.html +0 -74
- package/docs/search.json +0 -400
- package/docs/styles/_template.html +0 -26
- package/docs/styles/borders-spacing.html +0 -197
- package/docs/styles/buttons.html +0 -117
- package/docs/styles/colors.html +0 -69
- package/docs/styles/displays-layouts.html +0 -162
- package/docs/styles/embed-1.html +0 -40
- package/docs/styles/inputs.html +0 -93
- package/docs/styles/tables.html +0 -147
- package/docs/styles/typography.html +0 -120
- package/docs/utils/Server.html +0 -119
- package/docs/utils/_template.html +0 -77
- package/docs/utils/cli.html +0 -86
- package/docs/utils/cookie.html +0 -89
- package/docs/utils/debounce.html +0 -63
- package/docs/utils/drag.html +0 -87
- package/docs/utils/element.html +0 -126
- package/docs/utils/format-timestamp.html +0 -66
- package/docs/utils/fuzzy-match.html +0 -60
- package/icons/add.svg +0 -1
- package/icons/arrow-back.svg +0 -1
- package/icons/arrow-down-double.svg +0 -1
- package/icons/arrow-down.svg +0 -1
- package/icons/arrow-forward.svg +0 -1
- package/icons/arrow-up-double.svg +0 -1
- package/icons/arrow-up.svg +0 -1
- package/icons/cards.svg +0 -1
- package/icons/check.svg +0 -1
- package/icons/chevron-left.svg +0 -1
- package/icons/chevron-right.svg +0 -1
- package/icons/close.svg +0 -2
- package/icons/compare.svg +0 -1
- package/icons/delete.svg +0 -1
- package/icons/drag-handle.svg +0 -1
- package/icons/drawing2.svg +0 -124
- package/icons/edit.svg +0 -1
- package/icons/error.svg +0 -1
- package/icons/export-file.svg +0 -1
- package/icons/file-text.svg +0 -1
- package/icons/file.svg +0 -1
- package/icons/filter-off.svg +0 -1
- package/icons/filter.svg +0 -1
- package/icons/first.svg +0 -1
- package/icons/folder-clear.svg +0 -1
- package/icons/folder-create.svg +0 -1
- package/icons/folder-open.svg +0 -1
- package/icons/folder.svg +0 -1
- package/icons/hide.svg +0 -1
- package/icons/image.svg +0 -1
- package/icons/label-add.svg +0 -1
- package/icons/label.svg +0 -1
- package/icons/last.svg +0 -1
- package/icons/menu.svg +0 -1
- package/icons/mode-auto.svg +0 -1
- package/icons/mode-dark.svg +0 -1
- package/icons/mode-light.svg +0 -1
- package/icons/open-in-browser.svg +0 -1
- package/icons/pause.svg +0 -1
- package/icons/play.svg +0 -1
- package/icons/refresh.svg +0 -1
- package/icons/remove.svg +0 -1
- package/icons/save.svg +0 -1
- package/icons/search.svg +0 -1
- package/icons/settings.svg +0 -1
- package/icons/show.svg +0 -1
- package/icons/storage.svg +0 -1
- package/icons/table-visibility.svg +0 -1
- package/icons/tag.svg +0 -1
- package/icons/tools.svg +0 -1
- package/icons/trash-x.svg +0 -1
- package/icons/warning.svg +0 -1
- package/scripts/build.js +0 -154
- package/scripts/docs.js +0 -47
- package/src/components/Accordion.js +0 -182
- package/src/components/Card.js +0 -62
- package/src/components/Collapsible.js +0 -104
- package/src/components/Component.js +0 -110
- package/src/components/ContentSlider.js +0 -192
- package/src/components/Dialog.js +0 -338
- package/src/components/DirectoryViewer.js +0 -363
- package/src/components/FocusCapture.js +0 -31
- package/src/components/Icon.js +0 -119
- package/src/components/Import.js +0 -48
- package/src/components/LazyComponent.js +0 -65
- package/src/components/PersistantCollapsible.js +0 -44
- package/src/components/PhotoViewer.js +0 -358
- package/src/components/ReactiveComponent.js +0 -11
- package/src/components/ReactiveLazyComponent.js +0 -11
- package/src/components/Resize.js +0 -168
- package/src/components/Search.js +0 -140
- package/src/components/ShowMore.js +0 -102
- package/src/components/SideMenu.js +0 -150
- package/src/components/Sortable.js +0 -169
- package/src/components/Split.js +0 -164
- package/src/components/Table.js +0 -935
- package/src/components/Tabs.js +0 -349
- package/src/components/Tags.js +0 -224
- package/src/components/ThemeSwitcher.js +0 -100
- package/src/components/Timestamp.js +0 -28
- package/src/components/Toast.js +0 -424
- package/src/components/Toggle.js +0 -137
- package/src/components/tableControls/DeleteRecord.js +0 -43
- package/src/components/tableControls/DeleteSelected.js +0 -70
- package/src/components/tableControls/Edit.js +0 -84
- package/src/components/tableControls/ExportCSV.js +0 -91
- package/src/components/tableControls/ExportJson.js +0 -62
- package/src/components/tableControls/FieldSortHide.js +0 -77
- package/src/components/tableControls/Filters.js +0 -129
- package/src/components/tableControls/FirstPage.js +0 -69
- package/src/components/tableControls/HiddenCount.js +0 -37
- package/src/components/tableControls/Hide.js +0 -40
- package/src/components/tableControls/LastPage.js +0 -67
- package/src/components/tableControls/NextPage.js +0 -69
- package/src/components/tableControls/PageSelect.js +0 -89
- package/src/components/tableControls/PageSize.js +0 -70
- package/src/components/tableControls/PrevPage.js +0 -69
- package/src/components/tableControls/Search.js +0 -49
- package/src/components/tableControls/SelectCount.js +0 -42
- package/src/components/tableControls/ShowAll.js +0 -37
- package/src/components/tableControls/TableControl.js +0 -51
- package/src/kempo-hljs.css +0 -146
- package/src/kempo-styles.css +0 -952
- package/src/kempo-vars.css +0 -159
- package/src/utils/Server.js +0 -189
- package/src/utils/cli.js +0 -119
- package/src/utils/cookie.js +0 -20
- package/src/utils/debounce.js +0 -9
- package/src/utils/drag.js +0 -74
- package/src/utils/element.js +0 -81
- package/src/utils/formatTimestamp.js +0 -27
- package/src/utils/fs-utils.js +0 -41
- package/src/utils/fuzzyMatch.js +0 -60
- package/src/utils/getPreferredTheme.js +0 -1
- package/src/utils/loadCss.js +0 -10
- package/src/utils/loadScript.js +0 -10
- package/src/utils/object.js +0 -198
- package/src/utils/raf.js +0 -10
- package/src/utils/string.js +0 -66
- package/src/utils/toFunction.js +0 -24
- package/src/utils/type.js +0 -13
- package/src/utils/waitFrames.js +0 -17
- package/src/utils/watchDirectoryHandle.js +0 -18
- package/src/utils/watchWindowSize.js +0 -15
- package/test/components/SuiteList.js +0 -26
- package/test/components/Test.js +0 -357
- package/test/index.html +0 -49
- package/test/index.js +0 -36
- package/test/suite.html +0 -45
- package/test/suites.inc.html +0 -4
- package/test/tests/components/Component.test.js +0 -138
- package/test/tests/utils/cli.test.js +0 -113
- package/test/tests/utils/cookie.test.js +0 -87
- package/test/tests/utils/debounce.test.js +0 -71
- /package/{docs/icons/show.svg → dist/admin/icons/visibility.svg} +0 -0
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title>Top and Bottom Controls - Table - Kempo Docs</title>
|
|
7
|
-
<link rel="stylesheet" href="../kempo/kempo-vars.css" />
|
|
8
|
-
<link rel="stylesheet" href="../kempo/kempo-styles.css" />
|
|
9
|
-
<link rel="stylesheet" href="../kempo/kempo-hljs.css" />
|
|
10
|
-
<script type="module" src="../kempo/components/Table.js"></script>
|
|
11
|
-
<script type="module">
|
|
12
|
-
import Import from '../kempo/components/Import.js';
|
|
13
|
-
import Icon from '../kempo/components/Icon.js';
|
|
14
|
-
import Search from '../kempo/components/Search.js';
|
|
15
|
-
Import.addReplacement('root', '../');
|
|
16
|
-
Icon.pathToIcons = ['../icons'];
|
|
17
|
-
Search.searchDataUrl = '../search.json';
|
|
18
|
-
</script>
|
|
19
|
-
<script>
|
|
20
|
-
window.contacts = [];
|
|
21
|
-
function generateContact(){
|
|
22
|
-
const maleNames = [
|
|
23
|
-
"Liam", "Noah", "Oliver", "Elijah", "William", "James", "Benjamin",
|
|
24
|
-
"Lucas", "Henry", "Alexander", "Mason", "Michael", "Ethan", "Daniel",
|
|
25
|
-
"Jacob", "Logan", "Jackson", "Levi", "Sebastian", "Mateo", "Jack",
|
|
26
|
-
"Owen", "Theodore", "Aiden", "Samuel", "Joseph", "John", "David",
|
|
27
|
-
"Wyatt", "Matthew"
|
|
28
|
-
];
|
|
29
|
-
const femaleNames = [
|
|
30
|
-
"Olivia", "Emma", "Ava", "Sophia", "Isabella", "Mia", "Amelia",
|
|
31
|
-
"Harper", "Evelyn", "Abigail", "Emily", "Ella", "Elizabeth",
|
|
32
|
-
"Camila", "Luna", "Sofia", "Avery", "Mila", "Aria", "Scarlett",
|
|
33
|
-
"Penelope", "Layla", "Chloe", "Victoria", "Madison", "Eleanor",
|
|
34
|
-
"Grace", "Nora", "Riley", "Zoey"
|
|
35
|
-
];
|
|
36
|
-
const lastNames = [
|
|
37
|
-
"Smith", "Johnson", "Williams", "Brown", "Jones", "Garcia", "Miller",
|
|
38
|
-
"Davis", "Rodriguez", "Martinez", "Hernandez", "Lopez", "Gonzalez",
|
|
39
|
-
"Wilson", "Anderson", "Thomas", "Taylor", "Moore", "Jackson", "Martin",
|
|
40
|
-
"Lee", "Perez", "Thompson", "White", "Harris", "Sanchez", "Clark",
|
|
41
|
-
"Ramirez", "Lewis", "Robinson"
|
|
42
|
-
];
|
|
43
|
-
const gender = Math.random() > 0.5 ? 'm' : 'f';
|
|
44
|
-
const firstName = gender === 'm' ? maleNames[Math.floor(Math.random() * maleNames.length)] : femaleNames[Math.floor(Math.random() * femaleNames.length)];
|
|
45
|
-
const lastName = lastNames[Math.floor(Math.random() * lastNames.length)];
|
|
46
|
-
const name = `${firstName} ${lastName}`;
|
|
47
|
-
const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@mailserver.com`;
|
|
48
|
-
const birthday = `${Math.floor(Math.random() * 100) + 1920}-${String(Math.floor(Math.random() * 12) + 1).padStart(2, '0')}-${String(Math.floor(Math.random() * 28) + 1).padStart(2, '0')}`;
|
|
49
|
-
const phoneNumber = `(${Math.floor(Math.random() * 900) + 100}) ${Math.floor(Math.random() * 900) + 100}-${Math.floor(Math.random() * 9000) + 1000}`;
|
|
50
|
-
return { name, email, birthday, phoneNumber, gender };
|
|
51
|
-
}
|
|
52
|
-
for (let i = 0; i < 10; i++) {
|
|
53
|
-
contacts.push(generateContact());
|
|
54
|
-
};
|
|
55
|
-
</script>
|
|
56
|
-
</head>
|
|
57
|
-
<body>
|
|
58
|
-
<k-import src="../nav.inc.html"></k-import>
|
|
59
|
-
<h1 class="ta-center">Table - Top and Bottom Controls</h1>
|
|
60
|
-
<main>
|
|
61
|
-
|
|
62
|
-
<a href="./table.html"><h5>Back to Table Component Documentation</h5></a>
|
|
63
|
-
|
|
64
|
-
<p>The table component supports controls at both the top and bottom. These controls can handle pagination, adding new records, or other actions. They are web components that interact with their parent <code>k-table</code> by accessing its methods and listening for its events.</p>
|
|
65
|
-
<pre><code class="hljs xml"><span class="hljs-tag"><<span class="hljs-name">k-table</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"topBottomControlsExample"</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-export-json</span> <span class="hljs-attr">slot</span>=<span class="hljs-string">"top"</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-export-json</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-export-csv</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-export-csv</span>></span><br /><span class="hljs-tag"></<span class="hljs-name">k-table</span>></span><br /><span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"module"</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"../kempo/components/tableControls/ExportJson.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span><br /><span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"module"</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"../kempo/components/tableControls/ExportCsv.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span><br /><span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"module"</span>></span><span class="javascript"><br /> <span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">'topBottomControlsExample'</span>).setRecords(contacts);<br /></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span></code></pre>
|
|
66
|
-
<k-table id="topBottomControlsExample">
|
|
67
|
-
<k-tc-export-json slot="top"></k-tc-export-json>
|
|
68
|
-
<k-tc-export-csv></k-tc-export-csv>
|
|
69
|
-
</k-table>
|
|
70
|
-
<script type="module" src="../kempo/components/tableControls/ExportJson.js"></script>
|
|
71
|
-
<script type="module" src="../kempo/components/tableControls/ExportCsv.js"></script>
|
|
72
|
-
<script type="module">
|
|
73
|
-
document.getElementById('topBottomControlsExample').setRecords(contacts);
|
|
74
|
-
</script>
|
|
75
|
-
</main>
|
|
76
|
-
<div style="height: 33.333vh"></div>
|
|
77
|
-
<script type="module" src="../kempo/components/Import.js"></script>
|
|
78
|
-
</body>
|
|
79
|
-
</html>
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title>Custom Fields - Table - Kempo Docs</title>
|
|
7
|
-
<link rel="stylesheet" href="../kempo/kempo-vars.css" />
|
|
8
|
-
<link rel="stylesheet" href="../kempo/kempo-styles.css" />
|
|
9
|
-
<link rel="stylesheet" href="../kempo/kempo-hljs.css" />
|
|
10
|
-
<script type="module" src="../kempo/components/Table.js"></script>
|
|
11
|
-
<script type="module">
|
|
12
|
-
import Import from '../kempo/components/Import.js';
|
|
13
|
-
import Icon from '../kempo/components/Icon.js';
|
|
14
|
-
import Search from '../kempo/components/Search.js';
|
|
15
|
-
Import.addReplacement('root', '../');
|
|
16
|
-
Icon.pathToIcons = ['../icons'];
|
|
17
|
-
Search.searchDataUrl = '../search.json';
|
|
18
|
-
</script>
|
|
19
|
-
<script>
|
|
20
|
-
window.contacts = [];
|
|
21
|
-
function generateContact(){
|
|
22
|
-
const maleNames = [
|
|
23
|
-
"Liam", "Noah", "Oliver", "Elijah", "William", "James", "Benjamin",
|
|
24
|
-
"Lucas", "Henry", "Alexander", "Mason", "Michael", "Ethan", "Daniel",
|
|
25
|
-
"Jacob", "Logan", "Jackson", "Levi", "Sebastian", "Mateo", "Jack",
|
|
26
|
-
"Owen", "Theodore", "Aiden", "Samuel", "Joseph", "John", "David",
|
|
27
|
-
"Wyatt", "Matthew"
|
|
28
|
-
];
|
|
29
|
-
const femaleNames = [
|
|
30
|
-
"Olivia", "Emma", "Ava", "Sophia", "Isabella", "Mia", "Amelia",
|
|
31
|
-
"Harper", "Evelyn", "Abigail", "Emily", "Ella", "Elizabeth",
|
|
32
|
-
"Camila", "Luna", "Sofia", "Avery", "Mila", "Aria", "Scarlett",
|
|
33
|
-
"Penelope", "Layla", "Chloe", "Victoria", "Madison", "Eleanor",
|
|
34
|
-
"Grace", "Nora", "Riley", "Zoey"
|
|
35
|
-
];
|
|
36
|
-
const lastNames = [
|
|
37
|
-
"Smith", "Johnson", "Williams", "Brown", "Jones", "Garcia", "Miller",
|
|
38
|
-
"Davis", "Rodriguez", "Martinez", "Hernandez", "Lopez", "Gonzalez",
|
|
39
|
-
"Wilson", "Anderson", "Thomas", "Taylor", "Moore", "Jackson", "Martin",
|
|
40
|
-
"Lee", "Perez", "Thompson", "White", "Harris", "Sanchez", "Clark",
|
|
41
|
-
"Ramirez", "Lewis", "Robinson"
|
|
42
|
-
];
|
|
43
|
-
const gender = Math.random() > 0.5 ? 'm' : 'f';
|
|
44
|
-
const firstName = gender === 'm' ? maleNames[Math.floor(Math.random() * maleNames.length)] : femaleNames[Math.floor(Math.random() * femaleNames.length)];
|
|
45
|
-
const lastName = lastNames[Math.floor(Math.random() * lastNames.length)];
|
|
46
|
-
const name = `${firstName} ${lastName}`;
|
|
47
|
-
const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@mailserver.com`;
|
|
48
|
-
const birthday = `${Math.floor(Math.random() * 100) + 1920}-${String(Math.floor(Math.random() * 12) + 1).padStart(2, '0')}-${String(Math.floor(Math.random() * 28) + 1).padStart(2, '0')}`;
|
|
49
|
-
const phoneNumber = `(${Math.floor(Math.random() * 900) + 100}) ${Math.floor(Math.random() * 900) + 100}-${Math.floor(Math.random() * 9000) + 1000}`;
|
|
50
|
-
return { name, email, birthday, phoneNumber, gender };
|
|
51
|
-
}
|
|
52
|
-
for (let i = 0; i < 10; i++) {
|
|
53
|
-
contacts.push(generateContact());
|
|
54
|
-
};
|
|
55
|
-
</script>
|
|
56
|
-
</head>
|
|
57
|
-
<body>
|
|
58
|
-
<k-import src="../nav.inc.html"></k-import>
|
|
59
|
-
<h1 class="ta-center">Table - Custom Fields</h1>
|
|
60
|
-
<main>
|
|
61
|
-
|
|
62
|
-
<a href="./table.html"><h5>Back to Table Component Documentation</h5></a>
|
|
63
|
-
|
|
64
|
-
<p>Use the <code>fields</code> property of the options object in <code>setData</code> to define custom fields. This is useful for hiding fields, reordering fields, changing the labels, formatting the output, or creating a calculated field.</p>
|
|
65
|
-
<pre><code class="hljs xml"><span class="hljs-tag"><<span class="hljs-name">k-table</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"customFieldsExample"</span>></span><span class="hljs-tag"></<span class="hljs-name">k-table</span>></span><br /><span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"module"</span>></span><span class="javascript"><br /> <span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">'customFieldsExample'</span>).setData({<br /> <span class="hljs-attr">records</span>: contacts,<br /> <span class="hljs-attr">fields</span>: [<br /> {<br /> <span class="hljs-attr">name</span>: <span class="hljs-string">"name"</span>,<br /> <span class="hljs-attr">label</span>: <span class="hljs-string">"Name"</span><br /> },<br /> {<br /> <span class="hljs-attr">name</span>: <span class="hljs-string">'phoneNumber'</span>,<br /> <span class="hljs-attr">label</span>: <span class="hljs-string">'Phone Number'</span><br /> },<br /> {<br /> <span class="hljs-attr">name</span>: <span class="hljs-string">'email'</span>,<br /> <span class="hljs-attr">label</span>: <span class="hljs-string">'Email Address'</span><br /> },<br /> {<br /> <span class="hljs-attr">name</span>: <span class="hljs-string">'birthday'</span>,<br /> <span class="hljs-attr">label</span>: <span class="hljs-string">'Birthday'</span><br /> },<br /> {<br /> <span class="hljs-attr">name</span>: <span class="hljs-string">'age'</span>,<br /> <span class="hljs-attr">label</span>: <span class="hljs-string">'Age'</span>,<br /> <span class="hljs-attr">calculator</span>: <span class="hljs-function">(<span class="hljs-params">record</span>) =></span> {<br /> <span class="hljs-comment">// record.birthday is a string in the format "YYYY-MM-DD"</span><br /> <span class="hljs-keyword">const</span> today = <span class="hljs-keyword">new</span> <span class="hljs-built_in">Date</span>();<br /> <span class="hljs-keyword">const</span> birthDate = <span class="hljs-keyword">new</span> <span class="hljs-built_in">Date</span>(record.birthday);<br /> <span class="hljs-keyword">let</span> age = today.getFullYear() - birthDate.getFullYear();<br /> <span class="hljs-keyword">const</span> monthDifference = today.getMonth() - birthDate.getMonth();<br /> <span class="hljs-keyword">if</span> (monthDifference < <span class="hljs-number">0</span> || (monthDifference === <span class="hljs-number">0</span> && today.getDate() < birthDate.getDate())) {<br /> age--;<br /> }<br /> <span class="hljs-keyword">return</span> age;<br /> }<br /> },<br /> {<br /> <span class="hljs-attr">name</span>: <span class="hljs-string">'gender'</span>,<br /> <span class="hljs-attr">label</span>: <span class="hljs-string">'Gender'</span>,<br /> <span class="hljs-attr">formatter</span>: <span class="hljs-function">(<span class="hljs-params">v</span>) =></span> v===<span class="hljs-string">'m'</span>?<span class="hljs-string">'Male'</span>:<span class="hljs-string">'Female'</span> <span class="hljs-comment">// original value is "m" or "f"</span><br /> }<br /> ]<br /> });<br /></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span></code></pre>
|
|
66
|
-
<k-table id="customFieldsExample"></k-table>
|
|
67
|
-
<script type="module">
|
|
68
|
-
document.getElementById('customFieldsExample').setData({
|
|
69
|
-
records: contacts,
|
|
70
|
-
fields: [
|
|
71
|
-
{
|
|
72
|
-
name: "name",
|
|
73
|
-
label: "Name",
|
|
74
|
-
size: 300
|
|
75
|
-
},
|
|
76
|
-
{
|
|
77
|
-
name: 'phoneNumber',
|
|
78
|
-
label: 'Phone Number'
|
|
79
|
-
},
|
|
80
|
-
{
|
|
81
|
-
name: 'email',
|
|
82
|
-
label: 'Email Address'
|
|
83
|
-
},
|
|
84
|
-
{
|
|
85
|
-
name: 'birthday',
|
|
86
|
-
label: 'Birthday'
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
name: 'age',
|
|
90
|
-
label: 'Age',
|
|
91
|
-
calculator: (record) => {
|
|
92
|
-
// record.birthday is a string in the format "YYYY-MM-DD"
|
|
93
|
-
const today = new Date();
|
|
94
|
-
const birthDate = new Date(record.birthday);
|
|
95
|
-
let age = today.getFullYear() - birthDate.getFullYear();
|
|
96
|
-
const monthDifference = today.getMonth() - birthDate.getMonth();
|
|
97
|
-
if (monthDifference < 0 || (monthDifference === 0 && today.getDate() < birthDate.getDate())) {
|
|
98
|
-
age--;
|
|
99
|
-
}
|
|
100
|
-
return age;
|
|
101
|
-
}
|
|
102
|
-
},
|
|
103
|
-
{
|
|
104
|
-
name: 'gender',
|
|
105
|
-
label: 'Gender',
|
|
106
|
-
formatter: (v) => v==='m'?'Male':'Female' // original value is "m" or "f"
|
|
107
|
-
}
|
|
108
|
-
]
|
|
109
|
-
});
|
|
110
|
-
</script>
|
|
111
|
-
</main>
|
|
112
|
-
<div style="height: 33.333vh"></div>
|
|
113
|
-
<script type="module" src="../kempo/components/Import.js"></script>
|
|
114
|
-
</body>
|
|
115
|
-
</html>
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title>Table - Fetch Records - Kempo Docs</title>
|
|
7
|
-
<link rel="stylesheet" href="../kempo/kempo-vars.css" />
|
|
8
|
-
<link rel="stylesheet" href="../kempo/kempo-styles.css" />
|
|
9
|
-
<link rel="stylesheet" href="../kempo/kempo-hljs.css" />
|
|
10
|
-
<script type="module" src="../kempo/components/Table.js"></script>
|
|
11
|
-
<script type="module">
|
|
12
|
-
import Import from '../kempo/components/Import.js';
|
|
13
|
-
import Icon from '../kempo/components/Icon.js';
|
|
14
|
-
import Search from '../kempo/components/Search.js';
|
|
15
|
-
Import.addReplacement('root', '../');
|
|
16
|
-
Icon.pathToIcons = ['../icons'];
|
|
17
|
-
Search.searchDataUrl = '../search.json';
|
|
18
|
-
</script>
|
|
19
|
-
<script>
|
|
20
|
-
window.contacts = [];
|
|
21
|
-
function generateContact(){
|
|
22
|
-
const maleNames = [
|
|
23
|
-
"Liam", "Noah", "Oliver", "Elijah", "William", "James", "Benjamin",
|
|
24
|
-
"Lucas", "Henry", "Alexander", "Mason", "Michael", "Ethan", "Daniel",
|
|
25
|
-
"Jacob", "Logan", "Jackson", "Levi", "Sebastian", "Mateo", "Jack",
|
|
26
|
-
"Owen", "Theodore", "Aiden", "Samuel", "Joseph", "John", "David",
|
|
27
|
-
"Wyatt", "Matthew"
|
|
28
|
-
];
|
|
29
|
-
const femaleNames = [
|
|
30
|
-
"Olivia", "Emma", "Ava", "Sophia", "Isabella", "Mia", "Amelia",
|
|
31
|
-
"Harper", "Evelyn", "Abigail", "Emily", "Ella", "Elizabeth",
|
|
32
|
-
"Camila", "Luna", "Sofia", "Avery", "Mila", "Aria", "Scarlett",
|
|
33
|
-
"Penelope", "Layla", "Chloe", "Victoria", "Madison", "Eleanor",
|
|
34
|
-
"Grace", "Nora", "Riley", "Zoey"
|
|
35
|
-
];
|
|
36
|
-
const lastNames = [
|
|
37
|
-
"Smith", "Johnson", "Williams", "Brown", "Jones", "Garcia", "Miller",
|
|
38
|
-
"Davis", "Rodriguez", "Martinez", "Hernandez", "Lopez", "Gonzalez",
|
|
39
|
-
"Wilson", "Anderson", "Thomas", "Taylor", "Moore", "Jackson", "Martin",
|
|
40
|
-
"Lee", "Perez", "Thompson", "White", "Harris", "Sanchez", "Clark",
|
|
41
|
-
"Ramirez", "Lewis", "Robinson"
|
|
42
|
-
];
|
|
43
|
-
const gender = Math.random() > 0.5 ? 'm' : 'f';
|
|
44
|
-
const firstName = gender === 'm' ? maleNames[Math.floor(Math.random() * maleNames.length)] : femaleNames[Math.floor(Math.random() * femaleNames.length)];
|
|
45
|
-
const lastName = lastNames[Math.floor(Math.random() * lastNames.length)];
|
|
46
|
-
const name = `${firstName} ${lastName}`;
|
|
47
|
-
const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@mailserver.com`;
|
|
48
|
-
const birthday = `${Math.floor(Math.random() * 100) + 1920}-${String(Math.floor(Math.random() * 12) + 1).padStart(2, '0')}-${String(Math.floor(Math.random() * 28) + 1).padStart(2, '0')}`;
|
|
49
|
-
const phoneNumber = `(${Math.floor(Math.random() * 900) + 100}) ${Math.floor(Math.random() * 900) + 100}-${Math.floor(Math.random() * 9000) + 1000}`;
|
|
50
|
-
return { name, email, birthday, phoneNumber, gender };
|
|
51
|
-
}
|
|
52
|
-
for (let i = 0; i < 10; i++) {
|
|
53
|
-
contacts.push(generateContact());
|
|
54
|
-
};
|
|
55
|
-
</script>
|
|
56
|
-
</head>
|
|
57
|
-
<body>
|
|
58
|
-
<k-import src="../nav.inc.html"></k-import>
|
|
59
|
-
<h1 class="ta-center">Table - Fetch Records</h1>
|
|
60
|
-
<main>
|
|
61
|
-
<a href="./table.html"><h5>Back to Table Component Documentation</h5></a>
|
|
62
|
-
|
|
63
|
-
<p>The <code>setupFetchRecords</code> function is used to configure the table to fetch records dynamically. It takes two parameters: the total number of records and a function that fetching records. It should be an asynconous function that returns/resolves an array of records that will populate the table.</p>
|
|
64
|
-
<p>In this example, the <code>simulateFetchRecords</code> function generates a specified number of random contact records and resolves the promise after a delay, simulating an asynchronous fetch operation.
|
|
65
|
-
</p>
|
|
66
|
-
<pre><code class="hljs xml"><span class="hljs-tag"><<span class="hljs-name">k-table</span><br /> <span class="hljs-attr">id</span>=<span class="hljs-string">"fetchRecordsExample"</span><br /> <span class="hljs-attr">enable-pages</span>=<span class="hljs-string">"true"</span><br /> <span class="hljs-attr">page-size</span>=<span class="hljs-string">"10"</span><br />></span><br /> <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-f full"</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">div</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-first-page</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-first-page</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-prev-page</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-prev-page</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-next-page</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-next-page</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-last-page</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-last-page</span>></span><br /> <span class="hljs-tag"></<span class="hljs-name">div</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"flex"</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">div</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-page-select</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-page-select</span>></span><br /> <span class="hljs-tag"></<span class="hljs-name">div</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"flex"</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">div</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-page-size</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-page-size</span>></span><br /> <span class="hljs-tag"></<span class="hljs-name">div</span>></span><br /> <span class="hljs-tag"></<span class="hljs-name">div</span>></span><br /><span class="hljs-tag"></<span class="hljs-name">k-table</span>></span><br /><span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"module"</span>></span><span class="javascript"><br /> <span class="hljs-keyword">import</span> <span class="hljs-string">'../kempo/components/tableControls/FirstPage.js'</span>;<br /> <span class="hljs-keyword">import</span> <span class="hljs-string">'../kempo/components/tableControls/PrevPage.js'</span>;<br /> <span class="hljs-keyword">import</span> <span class="hljs-string">'../kempo/components/tableControls/NextPage.js'</span>;<br /> <span class="hljs-keyword">import</span> <span class="hljs-string">'../kempo/components/tableControls/LastPage.js'</span>;<br /> <span class="hljs-keyword">import</span> <span class="hljs-string">'../kempo/components/tableControls/PageSelect.js'</span>;<br /> <span class="hljs-keyword">import</span> <span class="hljs-string">'../kempo/components/tableControls/PageSize.js'</span>;<br /><br /> <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">simulateFetchRecords</span>(<span class="hljs-params">start, count</span>)</span>{<br /> <span class="hljs-keyword">return</span> <span class="hljs-keyword">new</span> <span class="hljs-built_in">Promise</span>(<span class="hljs-function"><span class="hljs-params">res</span> =></span> {<br /> <span class="hljs-keyword">const</span> newRecords = [];<br /> <span class="hljs-keyword">for</span>(<span class="hljs-keyword">let</span> i=<span class="hljs-number">0</span>; i<count; i++){<br /> newRecords.push(generateContact());<br /> }<br /> setTimeout(<span class="hljs-function"><span class="hljs-params">()</span>=></span>res(newRecords), <span class="hljs-number">1000</span>);<br /> });<br /> }<br /><br /> <span class="hljs-keyword">const</span> $table = <span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">'fetchRecordsExample'</span>);<br /> <br /> $table.setRecords(contacts);<br /> $table.setupFetchRecords(<span class="hljs-number">100</span>, simulateFetchRecords);<br /></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span></code></pre>
|
|
67
|
-
<k-table
|
|
68
|
-
id="fetchRecordsExample"
|
|
69
|
-
enable-pages="true"
|
|
70
|
-
page-size="10"
|
|
71
|
-
>
|
|
72
|
-
<div class="d-f full">
|
|
73
|
-
<div>
|
|
74
|
-
<k-tc-first-page></k-tc-first-page>
|
|
75
|
-
<k-tc-prev-page></k-tc-prev-page>
|
|
76
|
-
<k-tc-next-page></k-tc-next-page>
|
|
77
|
-
<k-tc-last-page></k-tc-last-page>
|
|
78
|
-
</div>
|
|
79
|
-
<div class="flex"></div>
|
|
80
|
-
<div>
|
|
81
|
-
<k-tc-page-select></k-tc-page-select>
|
|
82
|
-
</div>
|
|
83
|
-
<div class="flex"></div>
|
|
84
|
-
<div>
|
|
85
|
-
<k-tc-page-size></k-tc-page-size>
|
|
86
|
-
</div>
|
|
87
|
-
</div>
|
|
88
|
-
</k-table>
|
|
89
|
-
<script type="module">
|
|
90
|
-
import '../kempo/components/tableControls/FirstPage.js';
|
|
91
|
-
import '../kempo/components/tableControls/PrevPage.js';
|
|
92
|
-
import '../kempo/components/tableControls/NextPage.js';
|
|
93
|
-
import '../kempo/components/tableControls/LastPage.js';
|
|
94
|
-
import '../kempo/components/tableControls/PageSelect.js';
|
|
95
|
-
import '../kempo/components/tableControls/PageSize.js';
|
|
96
|
-
|
|
97
|
-
function simulateFetchRecords(start, count){
|
|
98
|
-
return new Promise(res => {
|
|
99
|
-
const newRecords = [];
|
|
100
|
-
for(let i=0; i<count; i++){
|
|
101
|
-
newRecords.push(generateContact());
|
|
102
|
-
}
|
|
103
|
-
setTimeout(()=>res(newRecords), 1000);
|
|
104
|
-
});
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
const $table = document.getElementById('fetchRecordsExample');
|
|
108
|
-
|
|
109
|
-
$table.setRecords(contacts);
|
|
110
|
-
$table.setupFetchRecords(100, simulateFetchRecords);
|
|
111
|
-
</script>
|
|
112
|
-
</main>
|
|
113
|
-
<div style="height: 33.333vh"></div>
|
|
114
|
-
<script type="module" src="../kempo/components/Import.js"></script>
|
|
115
|
-
</body>
|
|
116
|
-
</html>
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title>Field Sort and Hide - Table - Kempo Docs</title>
|
|
7
|
-
<link rel="stylesheet" href="../kempo/kempo-vars.css" />
|
|
8
|
-
<link rel="stylesheet" href="../kempo/kempo-styles.css" />
|
|
9
|
-
<link rel="stylesheet" href="../kempo/kempo-hljs.css" />
|
|
10
|
-
<script type="module" src="../kempo/components/Table.js"></script>
|
|
11
|
-
<script type="module">
|
|
12
|
-
import Import from '../kempo/components/Import.js';
|
|
13
|
-
import Icon from '../kempo/components/Icon.js';
|
|
14
|
-
import Search from '../kempo/components/Search.js';
|
|
15
|
-
Import.addReplacement('root', '../');
|
|
16
|
-
Icon.pathToIcons = ['../icons'];
|
|
17
|
-
Search.searchDataUrl = '../search.json';
|
|
18
|
-
</script>
|
|
19
|
-
<script>
|
|
20
|
-
window.contacts = [];
|
|
21
|
-
function generateContact(){
|
|
22
|
-
const maleNames = [
|
|
23
|
-
"Liam", "Noah", "Oliver", "Elijah", "William", "James", "Benjamin",
|
|
24
|
-
"Lucas", "Henry", "Alexander", "Mason", "Michael", "Ethan", "Daniel",
|
|
25
|
-
"Jacob", "Logan", "Jackson", "Levi", "Sebastian", "Mateo", "Jack",
|
|
26
|
-
"Owen", "Theodore", "Aiden", "Samuel", "Joseph", "John", "David",
|
|
27
|
-
"Wyatt", "Matthew"
|
|
28
|
-
];
|
|
29
|
-
const femaleNames = [
|
|
30
|
-
"Olivia", "Emma", "Ava", "Sophia", "Isabella", "Mia", "Amelia",
|
|
31
|
-
"Harper", "Evelyn", "Abigail", "Emily", "Ella", "Elizabeth",
|
|
32
|
-
"Camila", "Luna", "Sofia", "Avery", "Mila", "Aria", "Scarlett",
|
|
33
|
-
"Penelope", "Layla", "Chloe", "Victoria", "Madison", "Eleanor",
|
|
34
|
-
"Grace", "Nora", "Riley", "Zoey"
|
|
35
|
-
];
|
|
36
|
-
const lastNames = [
|
|
37
|
-
"Smith", "Johnson", "Williams", "Brown", "Jones", "Garcia", "Miller",
|
|
38
|
-
"Davis", "Rodriguez", "Martinez", "Hernandez", "Lopez", "Gonzalez",
|
|
39
|
-
"Wilson", "Anderson", "Thomas", "Taylor", "Moore", "Jackson", "Martin",
|
|
40
|
-
"Lee", "Perez", "Thompson", "White", "Harris", "Sanchez", "Clark",
|
|
41
|
-
"Ramirez", "Lewis", "Robinson"
|
|
42
|
-
];
|
|
43
|
-
const gender = Math.random() > 0.5 ? 'm' : 'f';
|
|
44
|
-
const firstName = gender === 'm' ? maleNames[Math.floor(Math.random() * maleNames.length)] : femaleNames[Math.floor(Math.random() * femaleNames.length)];
|
|
45
|
-
const lastName = lastNames[Math.floor(Math.random() * lastNames.length)];
|
|
46
|
-
const name = `${firstName} ${lastName}`;
|
|
47
|
-
const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@mailserver.com`;
|
|
48
|
-
const birthday = `${Math.floor(Math.random() * 100) + 1920}-${String(Math.floor(Math.random() * 12) + 1).padStart(2, '0')}-${String(Math.floor(Math.random() * 28) + 1).padStart(2, '0')}`;
|
|
49
|
-
const phoneNumber = `(${Math.floor(Math.random() * 900) + 100}) ${Math.floor(Math.random() * 900) + 100}-${Math.floor(Math.random() * 9000) + 1000}`;
|
|
50
|
-
return { name, email, birthday, phoneNumber, gender };
|
|
51
|
-
}
|
|
52
|
-
for (let i = 0; i < 10; i++) {
|
|
53
|
-
contacts.push(generateContact());
|
|
54
|
-
};
|
|
55
|
-
</script>
|
|
56
|
-
</head>
|
|
57
|
-
<body>
|
|
58
|
-
<k-import src="../nav.inc.html"></k-import>
|
|
59
|
-
<h1 class="ta-center">Table - Field Sort and Hide</h1>
|
|
60
|
-
<main>
|
|
61
|
-
|
|
62
|
-
<a href="./table.html"><h5>Back to Table Component Documentation</h5></a>
|
|
63
|
-
|
|
64
|
-
<p>This example shows how to use the <code><k-tc-field-sort-hide></code> component to allow users to show or hide fields in the table, and sort fields.</p>
|
|
65
|
-
<pre><code class="hljs xml"><span class="hljs-tag"><<span class="hljs-name">k-table</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"fieldVisibilityExample"</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-field-sort-hide</span> <span class="hljs-attr">slot</span>=<span class="hljs-string">"top"</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-field-sort-hide</span>></span><br /><span class="hljs-tag"></<span class="hljs-name">k-table</span>></span><br /><span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"module"</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"../kempo/components/tableControls/FieldSortHide.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span><br /><span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"module"</span>></span><span class="javascript"><br /> <span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">'fieldVisibilityExample'</span>).setRecords(contacts);<br /></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span></code></pre>
|
|
66
|
-
<k-table id="fieldVisibilityExample">
|
|
67
|
-
<k-tc-field-sort-hide slot="top"></k-tc-field-sort-hide>
|
|
68
|
-
</k-table>
|
|
69
|
-
<script type="module" src="../kempo/components/tableControls/FieldSortHide.js"></script>
|
|
70
|
-
<script type="module">
|
|
71
|
-
document.getElementById('fieldVisibilityExample').setRecords(contacts);
|
|
72
|
-
</script>
|
|
73
|
-
</main>
|
|
74
|
-
<div style="height: 33.333vh"></div>
|
|
75
|
-
<script type="module" src="../kempo/components/Import.js"></script>
|
|
76
|
-
</body>
|
|
77
|
-
</html>
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title>Pagination - Table - Kempo Docs - A Web Components Solution</title>
|
|
7
|
-
<link rel="stylesheet" href="../kempo/kempo-vars.css" />
|
|
8
|
-
<link rel="stylesheet" href="../kempo/kempo-styles.css" />
|
|
9
|
-
<link rel="stylesheet" href="../kempo/kempo-hljs.css" />
|
|
10
|
-
<script type="module" src="../kempo/components/Table.js"></script>
|
|
11
|
-
<script type="module">
|
|
12
|
-
import Import from '../kempo/components/Import.js';
|
|
13
|
-
import Icon from '../kempo/components/Icon.js';
|
|
14
|
-
import Search from '../kempo/components/Search.js';
|
|
15
|
-
Import.addReplacement('root', '../');
|
|
16
|
-
Icon.pathToIcons = ['../icons'];
|
|
17
|
-
Search.searchDataUrl = '../search.json';
|
|
18
|
-
</script>
|
|
19
|
-
<script>
|
|
20
|
-
window.contacts = [];
|
|
21
|
-
function generateContact(){
|
|
22
|
-
const maleNames = [
|
|
23
|
-
"Liam", "Noah", "Oliver", "Elijah", "William", "James", "Benjamin",
|
|
24
|
-
"Lucas", "Henry", "Alexander", "Mason", "Michael", "Ethan", "Daniel",
|
|
25
|
-
"Jacob", "Logan", "Jackson", "Levi", "Sebastian", "Mateo", "Jack",
|
|
26
|
-
"Owen", "Theodore", "Aiden", "Samuel", "Joseph", "John", "David",
|
|
27
|
-
"Wyatt", "Matthew"
|
|
28
|
-
];
|
|
29
|
-
const femaleNames = [
|
|
30
|
-
"Olivia", "Emma", "Ava", "Sophia", "Isabella", "Mia", "Amelia",
|
|
31
|
-
"Harper", "Evelyn", "Abigail", "Emily", "Ella", "Elizabeth",
|
|
32
|
-
"Camila", "Luna", "Sofia", "Avery", "Mila", "Aria", "Scarlett",
|
|
33
|
-
"Penelope", "Layla", "Chloe", "Victoria", "Madison", "Eleanor",
|
|
34
|
-
"Grace", "Nora", "Riley", "Zoey"
|
|
35
|
-
];
|
|
36
|
-
const lastNames = [
|
|
37
|
-
"Smith", "Johnson", "Williams", "Brown", "Jones", "Garcia", "Miller",
|
|
38
|
-
"Davis", "Rodriguez", "Martinez", "Hernandez", "Lopez", "Gonzalez",
|
|
39
|
-
"Wilson", "Anderson", "Thomas", "Taylor", "Moore", "Jackson", "Martin",
|
|
40
|
-
"Lee", "Perez", "Thompson", "White", "Harris", "Sanchez", "Clark",
|
|
41
|
-
"Ramirez", "Lewis", "Robinson"
|
|
42
|
-
];
|
|
43
|
-
const gender = Math.random() > 0.5 ? 'm' : 'f';
|
|
44
|
-
const firstName = gender === 'm' ? maleNames[Math.floor(Math.random() * maleNames.length)] : femaleNames[Math.floor(Math.random() * femaleNames.length)];
|
|
45
|
-
const lastName = lastNames[Math.floor(Math.random() * lastNames.length)];
|
|
46
|
-
const name = `${firstName} ${lastName}`;
|
|
47
|
-
const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@mailserver.com`;
|
|
48
|
-
const birthday = `${Math.floor(Math.random() * 100) + 1920}-${String(Math.floor(Math.random() * 12) + 1).padStart(2, '0')}-${String(Math.floor(Math.random() * 28) + 1).padStart(2, '0')}`;
|
|
49
|
-
const phoneNumber = `(${Math.floor(Math.random() * 900) + 100}) ${Math.floor(Math.random() * 900) + 100}-${Math.floor(Math.random() * 9000) + 1000}`;
|
|
50
|
-
return { name, email, birthday, phoneNumber, gender };
|
|
51
|
-
}
|
|
52
|
-
for (let i = 0; i < 100; i++) {
|
|
53
|
-
contacts.push(generateContact());
|
|
54
|
-
};
|
|
55
|
-
</script>
|
|
56
|
-
</head>
|
|
57
|
-
<body>
|
|
58
|
-
<k-import src="../nav.inc.html"></k-import>
|
|
59
|
-
<h1 class="ta-center">Table - Pagination</h1>
|
|
60
|
-
<main>
|
|
61
|
-
<a href="./table.html"><h5>Back to Table Component Documentation</h5></a>
|
|
62
|
-
<p>The table component supports pagination, enable it by giving the <code>k-table</code> a <code>enable-pages="true"</code> attribute.</p>
|
|
63
|
-
<p>You can optionally set the page size and page size options by setting the <code>page-size</code> and <code>page-size-options</code> attributes respectively. <code>page-size-options</code> must be in the format of an array of numbers (with brackets).</p>
|
|
64
|
-
<pre><code class="hljs xml"><span class="hljs-tag"><<span class="hljs-name">k-table</span><br /> <span class="hljs-attr">id</span>=<span class="hljs-string">"paginationExample"</span><br /> <span class="hljs-attr">enable-pages</span>=<span class="hljs-string">"true"</span><br /> <span class="hljs-attr">page-size</span>=<span class="hljs-string">"10"</span><br /> <span class="hljs-attr">page-size-options</span>=<span class="hljs-string">"[5,10,25,50]"</span><br />></span><br /> <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"d-f full"</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">div</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-first-page</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-first-page</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-prev-page</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-prev-page</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-next-page</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-next-page</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-last-page</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-last-page</span>></span><br /> <span class="hljs-tag"></<span class="hljs-name">div</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"flex"</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">div</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-page-select</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-page-select</span>></span><br /> <span class="hljs-tag"></<span class="hljs-name">div</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"flex"</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">div</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-page-size</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-page-size</span>></span><br /> <span class="hljs-tag"></<span class="hljs-name">div</span>></span><br /> <span class="hljs-tag"></<span class="hljs-name">div</span>></span><br /><span class="hljs-tag"></<span class="hljs-name">k-table</span>></span><br /><span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"module"</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"../kempo/components/tableControls/FirstPage.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span><br /><span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"module"</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"../kempo/components/tableControls/PrevPage.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span><br /><span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"module"</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"../kempo/components/tableControls/NextPage.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span><br /><span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"module"</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"../kempo/components/tableControls/LastPage.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span><br /><span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"module"</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"../kempo/components/tableControls/PageSelect.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span><br /><span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"module"</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"../kempo/components/tableControls/PageSize.js"</span>></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span><br /><span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"module"</span>></span><span class="javascript"><br /> <span class="hljs-keyword">import</span> Table <span class="hljs-keyword">from</span> <span class="hljs-string">'../kempo/components/Table.js'</span>;<br /> <span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">'paginationExample'</span>).setRecords(contacts);<br /></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span></code></pre>
|
|
65
|
-
<k-table
|
|
66
|
-
id="paginationExample"
|
|
67
|
-
enable-pages="true"
|
|
68
|
-
page-size="10"
|
|
69
|
-
page-size-options="[5,10,25,50]"
|
|
70
|
-
>
|
|
71
|
-
<div class="d-f full">
|
|
72
|
-
<div>
|
|
73
|
-
<k-tc-first-page></k-tc-first-page>
|
|
74
|
-
<k-tc-prev-page></k-tc-prev-page>
|
|
75
|
-
<k-tc-next-page></k-tc-next-page>
|
|
76
|
-
<k-tc-last-page></k-tc-last-page>
|
|
77
|
-
</div>
|
|
78
|
-
<div class="flex"></div>
|
|
79
|
-
<div>
|
|
80
|
-
<k-tc-page-select></k-tc-page-select>
|
|
81
|
-
</div>
|
|
82
|
-
<div class="flex"></div>
|
|
83
|
-
<div>
|
|
84
|
-
<k-tc-page-size></k-tc-page-size>
|
|
85
|
-
</div>
|
|
86
|
-
</div>
|
|
87
|
-
</k-table>
|
|
88
|
-
<script type="module" src="../kempo/components/tableControls/FirstPage.js"></script>
|
|
89
|
-
<script type="module" src="../kempo/components/tableControls/PrevPage.js"></script>
|
|
90
|
-
<script type="module" src="../kempo/components/tableControls/NextPage.js"></script>
|
|
91
|
-
<script type="module" src="../kempo/components/tableControls/LastPage.js"></script>
|
|
92
|
-
<script type="module" src="../kempo/components/tableControls/PageSelect.js"></script>
|
|
93
|
-
<script type="module" src="../kempo/components/tableControls/PageSize.js"></script>
|
|
94
|
-
<script type="module">
|
|
95
|
-
import Table from '../kempo/components/Table.js';
|
|
96
|
-
document.getElementById('paginationExample').setRecords(contacts);
|
|
97
|
-
</script>
|
|
98
|
-
</main>
|
|
99
|
-
<div style="height: 33.333vh"></div>
|
|
100
|
-
<script type="module" src="../kempo/components/Import.js"></script>
|
|
101
|
-
</body>
|
|
102
|
-
</html>
|