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,146 +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>Record Editing - 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 < 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 - Record Editing</h1>
|
|
60
|
-
<main>
|
|
61
|
-
<a href="./table.html"><h5>Back to Table Component Documentation</h5></a>
|
|
62
|
-
|
|
63
|
-
<p>The table component supports record editing. To allow for editing add the "edit" control to the "before" or "after" controls. You may define a "type" on the field, which will tell the table to use a specific editor for that field. If you do not define a "type" it will attempt to find the correct type using the value.</p>
|
|
64
|
-
<p>You can also define a custom editor by adding a generator function to the <code>Table.editors</code> object that will generate an input (or select). This will be global to all tables on the page.</p>
|
|
65
|
-
<p>You can also define a custom editor on a per-field basis by adding an "editor" generator function to the field object. This will override the global editor for that field.</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">"recordEditingExample"</span><br />></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-edit</span> <span class="hljs-attr">slot</span>=<span class="hljs-string">"after"</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-edit</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/Edit.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 /> Table.editors.tel = <span class="hljs-function">(<span class="hljs-params">v</span>) =></span> {<br /> <span class="hljs-keyword">const</span> $input = <span class="hljs-built_in">document</span>.createElement(<span class="hljs-string">"input"</span>);<br /> $input.value = v;<br /> $input.addEventListener(<span class="hljs-string">'change'</span>, () => {<br /> $input.value = $input.value.replace(<span class="hljs-regexp">/\D/g</span>, <span class="hljs-string">''</span>); <span class="hljs-comment">// Remove all non-digit characters</span><br /> <span class="hljs-keyword">if</span> ($input.value.length === <span class="hljs-number">7</span>) {<br /> $input.value = $input.value.replace(<span class="hljs-regexp">/(\d{3})(\d{4})/</span>, <span class="hljs-string">'$1-$2'</span>);<br /> } <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> ($input.value.length === <span class="hljs-number">10</span>) {<br /> $input.value = $input.value.replace(<span class="hljs-regexp">/(\d{3})(\d{3})(\d{4})/</span>, <span class="hljs-string">'($1) $2-$3'</span>);<br /> } <span class="hljs-keyword">else</span> {<br /> $input.value = v; <span class="hljs-comment">// Reset to default value if not 7 or 10 digits</span><br /> }<br /> });<br /> <span class="hljs-keyword">return</span> $input;<br /> };<br /> <span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">'recordEditingExample'</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">"email"</span>,<br /> <span class="hljs-attr">label</span>: <span class="hljs-string">"Email"</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 /> <span class="hljs-attr">type</span>: <span class="hljs-string">"date"</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 /> <span class="hljs-attr">type</span>: <span class="hljs-string">"tel"</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-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>,<br /> <span class="hljs-attr">editor</span>: <span class="hljs-function">(<span class="hljs-params">v</span>) =></span> {<br /> <span class="hljs-keyword">const</span> $select = <span class="hljs-built_in">document</span>.createElement(<span class="hljs-string">"select"</span>);<br /> $select.innerHTML = <span class="hljs-string">`<br /> <option value="m">Male</option><br /> <option value="f">Female</option><br /> `</span>;<br /> $select.value = v;<br /> <span class="hljs-keyword">return</span> $select;<br /> }<br /> }<br /> ]<br /> });<br /></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span></code></pre>
|
|
67
|
-
<k-table
|
|
68
|
-
id="recordEditingExample"
|
|
69
|
-
>
|
|
70
|
-
<k-tc-edit slot="after"></k-tc-edit>
|
|
71
|
-
</k-table>
|
|
72
|
-
<script type="module" src="../kempo/components/tableControls/Edit.js"></script>
|
|
73
|
-
<script type="module">
|
|
74
|
-
import Table from '../kempo/components/Table.js';
|
|
75
|
-
Table.editors.tel = (v) => {
|
|
76
|
-
const $input = document.createElement("input");
|
|
77
|
-
$input.value = v;
|
|
78
|
-
$input.addEventListener('change', () => {
|
|
79
|
-
$input.value = $input.value.replace(/\D/g, ''); // Remove all non-digit characters
|
|
80
|
-
if ($input.value.length === 7) {
|
|
81
|
-
$input.value = $input.value.replace(/(\d{3})(\d{4})/, '$1-$2');
|
|
82
|
-
} else if ($input.value.length === 10) {
|
|
83
|
-
$input.value = $input.value.replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
|
|
84
|
-
} else {
|
|
85
|
-
$input.value = v; // Reset to default value if not 7 or 10 digits
|
|
86
|
-
}
|
|
87
|
-
});
|
|
88
|
-
return $input;
|
|
89
|
-
};
|
|
90
|
-
document.getElementById('recordEditingExample').setData({
|
|
91
|
-
records: contacts,
|
|
92
|
-
fields: [
|
|
93
|
-
{
|
|
94
|
-
name: "name",
|
|
95
|
-
label: "Name"
|
|
96
|
-
},
|
|
97
|
-
{
|
|
98
|
-
name: "email",
|
|
99
|
-
label: "Email"
|
|
100
|
-
},
|
|
101
|
-
{
|
|
102
|
-
name: "birthday",
|
|
103
|
-
label: "Birthday",
|
|
104
|
-
type: "date",
|
|
105
|
-
},
|
|
106
|
-
{
|
|
107
|
-
name: "phoneNumber",
|
|
108
|
-
label: "Phone Number",
|
|
109
|
-
type: "tel"
|
|
110
|
-
},
|
|
111
|
-
{
|
|
112
|
-
name: "age",
|
|
113
|
-
label: "Age",
|
|
114
|
-
calculator: (record) => {
|
|
115
|
-
const today = new Date();
|
|
116
|
-
const birthDate = new Date(record.birthday);
|
|
117
|
-
let age = today.getFullYear() - birthDate.getFullYear();
|
|
118
|
-
const monthDifference = today.getMonth() - birthDate.getMonth();
|
|
119
|
-
if (monthDifference < 0 || (monthDifference === 0 && today.getDate() < birthDate.getDate())) {
|
|
120
|
-
age--;
|
|
121
|
-
}
|
|
122
|
-
return age;
|
|
123
|
-
}
|
|
124
|
-
},
|
|
125
|
-
{
|
|
126
|
-
name: "gender",
|
|
127
|
-
label: "Gender",
|
|
128
|
-
formatter: (v) => v === "m" ? "Male" : "Female",
|
|
129
|
-
editor: (v) => {
|
|
130
|
-
const $select = document.createElement("select");
|
|
131
|
-
$select.innerHTML = `
|
|
132
|
-
<option value="m">Male</option>
|
|
133
|
-
<option value="f">Female</option>
|
|
134
|
-
`;
|
|
135
|
-
$select.value = v;
|
|
136
|
-
return $select;
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
]
|
|
140
|
-
});
|
|
141
|
-
</script>
|
|
142
|
-
</main>
|
|
143
|
-
<div style="height: 33.333vh"></div>
|
|
144
|
-
<script type="module" src="../kempo/components/Import.js"></script>
|
|
145
|
-
</body>
|
|
146
|
-
</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>Record Filtering - 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 - Record Filerting</h1>
|
|
60
|
-
<main>
|
|
61
|
-
|
|
62
|
-
<a href="./table.html"><h5>Back to Table Component Documentation</h5></a>
|
|
63
|
-
|
|
64
|
-
<p>Record filtering is a feature that allows users to filter the records displayed in the table. The table component provides a filter control that can be used to filter records based on the values in the columns. This control uses a Dialog to display the current filters and allows the user to create filters.</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">"recordHidingExample"</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-filters</span> <span class="hljs-attr">slot</span>=<span class="hljs-string">"top"</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-filters</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/Filters.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">'recordHidingExample'</span>).setRecords(contacts);<br /></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span></code></pre>
|
|
66
|
-
<k-table id="recordHidingExample">
|
|
67
|
-
<k-tc-filters slot="top"></k-tc-filters>
|
|
68
|
-
</k-table>
|
|
69
|
-
<script type="module" src="../kempo/components/tableControls/Filters.js"></script>
|
|
70
|
-
<script type="module">
|
|
71
|
-
document.getElementById('recordHidingExample').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,82 +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>Row 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 - Record Hiding</h1>
|
|
60
|
-
<main>
|
|
61
|
-
|
|
62
|
-
<a href="./table.html"><h5>Back to Table Component Documentation</h5></a>
|
|
63
|
-
|
|
64
|
-
<p>The table component supports record hiding. To allow for hiding add the "hide" control to the "before" or "after" controls. There is a built-in "showAll" control that can be added to the "top" or "bottom" controls to reveal previously hidden 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">"recordHidingExample"</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-hide</span> <span class="hljs-attr">slot</span>=<span class="hljs-string">"after"</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-hide</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-hidden-count</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-hidden-count</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-show-all</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-show-all</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/Hide.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/HiddenCount.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/ShowAll.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">'recordHidingExample'</span>).setRecords(contacts);<br /></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span></code></pre>
|
|
66
|
-
<k-table id="recordHidingExample">
|
|
67
|
-
<k-tc-hide slot="after"></k-tc-hide>
|
|
68
|
-
<k-tc-hidden-count></k-tc-hidden-count>
|
|
69
|
-
<k-tc-show-all></k-tc-show-all>
|
|
70
|
-
</k-table>
|
|
71
|
-
<script type="module" src="../kempo/components/tableControls/Hide.js"></script>
|
|
72
|
-
<script type="module" src="../kempo/components/tableControls/HiddenCount.js"></script>
|
|
73
|
-
<script type="module" src="../kempo/components/tableControls/ShowAll.js"></script>
|
|
74
|
-
<script type="module">
|
|
75
|
-
document.getElementById('recordHidingExample').setRecords(contacts);
|
|
76
|
-
</script>
|
|
77
|
-
|
|
78
|
-
</main>
|
|
79
|
-
<div style="height: 33.333vh"></div>
|
|
80
|
-
<script type="module" src="../kempo/components/Import.js"></script>
|
|
81
|
-
</body>
|
|
82
|
-
</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>Record Searching - 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 - Record Searching</h1>
|
|
60
|
-
<main>
|
|
61
|
-
|
|
62
|
-
<a href="./table.html"><h5>Back to Table Component Documentation</h5></a>
|
|
63
|
-
|
|
64
|
-
<p>The search control (aka quick filter) is a feature that allows users to filter the records displayed in the table. The control is a search input that can be used to filter records based on the values in the columns.</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">"quickFilterExample"</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-tc-search</span> <span class="hljs-attr">slot</span>=<span class="hljs-string">"top"</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"width: 20rem"</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-search</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/Search.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">'quickFilterExample'</span>).setRecords(contacts);<br /></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span></code></pre>
|
|
66
|
-
<k-table id="quickFilterExample">
|
|
67
|
-
<k-tc-search slot="top" style="width: 20rem"></k-tc-search>
|
|
68
|
-
</k-table>
|
|
69
|
-
<script type="module" src="../kempo/components/tableControls/Search.js"></script>
|
|
70
|
-
<script type="module">
|
|
71
|
-
document.getElementById('quickFilterExample').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,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>Record Selection - 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 < 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 - Record Selection</h1>
|
|
60
|
-
<main>
|
|
61
|
-
<a href="./table.html"><h5>Back to Table Component Documentation</h5></a>
|
|
62
|
-
|
|
63
|
-
<p>The table component supports record selection. You can enable selection by setting the <code>enable-selection</code> attribute to <code>true</code>. This will add a checkbox to each row and a "Select All" checkbox to the header.</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">"recordSelectionExample"</span><br /> <span class="hljs-attr">enable-selection</span>=<span class="hljs-string">"true"</span><br />></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-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">'recordSelectionExample'</span>).setRecords(contacts);<br /></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span></code></pre>
|
|
65
|
-
<k-table
|
|
66
|
-
id="recordSelectionExample"
|
|
67
|
-
enable-selection="true"
|
|
68
|
-
></k-table>
|
|
69
|
-
<script type="module">
|
|
70
|
-
import Table from '../kempo/components/Table.js';
|
|
71
|
-
document.getElementById('recordSelectionExample').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,80 +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>Row 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 < 5; 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 - Row Controls</h1>
|
|
60
|
-
<main>
|
|
61
|
-
|
|
62
|
-
<a href="./table.html"><h5>Back to Table Component Documentation</h5></a>
|
|
63
|
-
<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">"rowControlsExample"</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">"before"</span> <span class="hljs-attr">max-width</span>=<span class="hljs-string">"40"</span>></span><br /> <span class="hljs-tag"><<span class="hljs-name">k-icon</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"export-file"</span>></span><span class="hljs-tag"></<span class="hljs-name">k-icon</span>></span><br /> <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-delete-record</span> <span class="hljs-attr">slot</span>=<span class="hljs-string">"after"</span>></span><span class="hljs-tag"></<span class="hljs-name">k-tc-delete-record</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/DeleteRecord.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">'rowControlsExample'</span>).setRecords(contacts);<br /></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span></code></pre>
|
|
64
|
-
<p>The table component can display controls before or after each row. Each control is defined by an icon name, a callback function, and optionally an HTML string or a render function.</p>
|
|
65
|
-
<k-table id="rowControlsExample">
|
|
66
|
-
<k-tc-export-json slot="before" max-width="40">
|
|
67
|
-
<k-icon name="export-file"></k-icon>
|
|
68
|
-
</k-tc-export-json>
|
|
69
|
-
<k-tc-delete-record slot="after"></k-tc-delete-record>
|
|
70
|
-
</k-table>
|
|
71
|
-
<script type="module" src="../kempo/components/tableControls/ExportJson.js"></script>
|
|
72
|
-
<script type="module" src="../kempo/components/tableControls/DeleteRecord.js"></script>
|
|
73
|
-
<script type="module">
|
|
74
|
-
document.getElementById('rowControlsExample').setRecords(contacts);
|
|
75
|
-
</script>
|
|
76
|
-
</main>
|
|
77
|
-
<div style="height: 33.333vh"></div>
|
|
78
|
-
<script type="module" src="../kempo/components/Import.js"></script>
|
|
79
|
-
</body>
|
|
80
|
-
</html>
|