From 7545441a3e191c4739cc275162470e9a88c08b7d Mon Sep 17 00:00:00 2001 From: James Wampler Date: Thu, 16 Apr 2026 18:41:01 -0700 Subject: [PATCH 01/18] UX consistancy changes. --- MicCheck.slnx | 19068 ++++++++++++++++ src/admin/jest.config.js | 9 +- src/admin/package-lock.json | 749 +- src/admin/package.json | 12 +- src/admin/src/@core/components/MoreBtn.vue | 28 + .../src/@core/components/ThemeSwitcher.vue | 35 + .../cards/CardStatisticsHorizontal.vue | 53 + .../cards/CardStatisticsVertical.vue | 71 + .../cards/CardStatisticsWithImages.vue | 65 + .../src/@core/scss/base/_components.scss | 191 + src/admin/src/@core/scss/base/_dark.scss | 16 + .../base/_default-layout-w-vertical-nav.scss | 103 + .../src/@core/scss/base/_default-layout.scss | 16 + src/admin/src/@core/scss/base/_index.scss | 40 + src/admin/src/@core/scss/base/_layouts.scss | 63 + src/admin/src/@core/scss/base/_misc.scss | 20 + src/admin/src/@core/scss/base/_mixins.scss | 63 + src/admin/src/@core/scss/base/_utilities.scss | 184 + src/admin/src/@core/scss/base/_utils.scss | 90 + src/admin/src/@core/scss/base/_variables.scss | 198 + .../src/@core/scss/base/_vertical-nav.scss | 259 + .../scss/base/libs/_perfect-scrollbar.scss | 35 + .../@core/scss/base/libs/vuetify/_index.scss | 1 + .../scss/base/libs/vuetify/_overrides.scss | 257 + .../scss/base/libs/vuetify/_variables.scss | 64 + .../_default-layout-vertical-nav.scss | 45 + .../base/placeholders/_default-layout.scss | 3 + .../@core/scss/base/placeholders/_index.scss | 5 + .../@core/scss/base/placeholders/_misc.scss | 7 + .../@core/scss/base/placeholders/_nav.scss | 33 + .../scss/base/placeholders/_vertical-nav.scss | 80 + .../_default-layout-w-vertical-nav.scss | 28 + .../src/@core/scss/template/_mixins.scss | 12 + .../src/@core/scss/template/_utilities.scss | 51 + src/admin/src/@core/scss/template/_utils.scss | 41 + .../src/@core/scss/template/_variables.scss | 56 + .../@core/scss/template/_vertical-nav.scss | 51 + src/admin/src/@core/scss/template/index.scss | 10 + .../@core/scss/template/libs/apex-chart.scss | 107 + .../template/libs/vuetify/_overrides.scss | 38 + .../template/libs/vuetify/_variables.scss | 323 + .../libs/vuetify/components/_alert.scss | 103 + .../libs/vuetify/components/_avatar.scss | 28 + .../libs/vuetify/components/_badge.scss | 35 + .../libs/vuetify/components/_button.scss | 271 + .../libs/vuetify/components/_cards.scss | 1 + .../libs/vuetify/components/_checkbox.scss | 42 + .../libs/vuetify/components/_chip.scss | 99 + .../libs/vuetify/components/_dialog.scss | 12 + .../vuetify/components/_expansion-panels.scss | 47 + .../libs/vuetify/components/_field.scss | 58 + .../libs/vuetify/components/_list.scss | 22 + .../libs/vuetify/components/_menu.scss | 6 + .../libs/vuetify/components/_otp-input.scss | 18 + .../libs/vuetify/components/_pagination.scss | 172 + .../libs/vuetify/components/_progress.scss | 3 + .../libs/vuetify/components/_radio.scss | 47 + .../libs/vuetify/components/_rating.scss | 14 + .../libs/vuetify/components/_slider.scss | 28 + .../libs/vuetify/components/_snackbar.scss | 10 + .../libs/vuetify/components/_switch.scss | 57 + .../libs/vuetify/components/_table.scss | 36 + .../libs/vuetify/components/_tabs.scss | 113 + .../libs/vuetify/components/_textarea.scss | 1 + .../libs/vuetify/components/_timeline.scss | 52 + .../libs/vuetify/components/_tooltip.scss | 7 + .../libs/vuetify/components/index.scss | 25 + .../scss/template/libs/vuetify/index.scss | 3 + .../src/@core/scss/template/pages/misc.scss | 36 + .../@core/scss/template/pages/page-auth.scss | 61 + .../_default-layout-vertical-nav.scss | 11 + .../scss/template/placeholders/_index.scss | 5 + .../scss/template/placeholders/_misc.scss | 7 + .../scss/template/placeholders/_nav.scss | 17 + .../template/placeholders/_vertical-nav.scss | 94 + src/admin/src/@core/utils/colorConverter.ts | 35 + src/admin/src/@core/utils/formatters.ts | 6 + src/admin/src/@core/utils/helpers.ts | 32 + src/admin/src/@core/utils/plugins.ts | 54 + src/admin/src/@layouts/components.ts | 3 + .../@layouts/components/TransitionExpand.vue | 92 + .../src/@layouts/components/VerticalNav.vue | 189 + .../@layouts/components/VerticalNavGroup.vue | 71 + .../@layouts/components/VerticalNavLayout.vue | 209 + .../@layouts/components/VerticalNavLink.vue | 46 + .../components/VerticalNavSectionTitle.vue | 20 + src/admin/src/@layouts/enums.ts | 27 + src/admin/src/@layouts/index.ts | 1 + src/admin/src/@layouts/styles/_classes.scss | 3 + .../src/@layouts/styles/_default-layout.scss | 35 + src/admin/src/@layouts/styles/_global.scss | 10 + src/admin/src/@layouts/styles/_mixins.scss | 30 + .../src/@layouts/styles/_placeholders.scss | 53 + src/admin/src/@layouts/styles/_rtl.scss | 7 + src/admin/src/@layouts/styles/_variables.scss | 29 + src/admin/src/@layouts/styles/index.scss | 3 + src/admin/src/@layouts/types.ts | 59 + src/admin/src/@layouts/utils.ts | 17 + src/admin/src/App.vue | 2 +- src/admin/src/api/users.ts | 21 + src/admin/src/assets/images/logo.svg | 40 + .../assets/images/svg/checkbox-checked.svg | 4 + .../images/svg/checkbox-indeterminate.svg | 4 + .../assets/images/svg/checkbox-unchecked.svg | 3 + .../src/assets/images/svg/radio-checked.svg | 3 + .../src/assets/images/svg/radio-unchecked.svg | 3 + .../src/assets/styles/styles/styles.scss | 1 + .../styles/styles/variables/_template.scss | 6 + .../styles/styles/variables/_vuetify.scss | 7 + .../assets/styles/variables/_template.scss | 6 + .../src/assets/styles/variables/_vuetify.scss | 7 + src/admin/src/components/AppHeader.vue | 54 - src/admin/src/components/AppLayout.vue | 142 - .../src/components/features/FeatureDetail.vue | 70 +- .../features/FeatureValueEditor.vue | 11 +- .../src/components/features/TagsChipInput.vue | 6 +- .../components/identities/IdentityDetail.vue | 8 +- .../src/components/nav/EnvironmentTabBar.vue | 83 +- src/admin/src/components/nav/OrgSelector.vue | 4 +- .../src/components/nav/ProjectSelector.vue | 4 +- .../components/segments/ConditionEditor.vue | 2 +- .../components/segments/RuleGroupEditor.vue | 6 +- .../src/components/segments/SegmentEditor.vue | 4 +- .../src/components/settings/WebhookDialog.vue | 4 +- .../src/components/settings/WebhooksPanel.vue | 10 +- src/admin/src/layouts/blank.vue | 11 + .../DefaultLayoutWithVerticalNav.vue | 61 + src/admin/src/layouts/components/Footer.vue | 5 + src/admin/src/layouts/components/NavItems.vue | 25 + .../components/NavbarThemeSwitcher.vue | 21 + .../src/layouts/components/UserProfile.vue | 105 + src/admin/src/layouts/default.vue | 13 + src/admin/src/main.ts | 8 +- src/admin/src/plugins/vuetify.ts | 29 - src/admin/src/plugins/vuetify/defaults.ts | 143 + src/admin/src/plugins/vuetify/icons.ts | 49 + src/admin/src/plugins/vuetify/index.ts | 34 + src/admin/src/plugins/vuetify/theme.ts | 150 + src/admin/src/router/index.ts | 50 +- src/admin/src/stores/auth.ts | 60 +- src/admin/src/stores/theme.ts | 29 + src/admin/src/types/api.ts | 23 + src/admin/src/views/AuditLogsView.vue | 38 +- src/admin/src/views/DashboardView.vue | 32 +- src/admin/src/views/FeaturesView.vue | 79 +- src/admin/src/views/IdentitiesView.vue | 10 +- src/admin/src/views/LoginView.vue | 2 +- src/admin/src/views/ProfileView.vue | 351 +- src/admin/src/views/RegisterView.vue | 2 +- src/admin/src/views/SegmentsView.vue | 37 +- src/admin/src/views/SettingsView.vue | 95 +- src/admin/src/views/UserView.vue | 137 + src/admin/tests/unit/AppHeader.spec.ts | 45 - src/admin/tsconfig.json | 14 +- src/admin/vite.config.ts | 26 +- .../Audit/AuditLogQueryService.cs | 19 +- .../MicCheck.Api/Audit/AuditLogResponse.cs | 4 +- .../MicCheck.Api/Audit/AuditLogsController.cs | 6 +- .../Environments/EnvironmentsController.cs | 2 +- src/api/MicCheck.Api/Program.cs | 1 + .../Users/ChangePasswordRequest.cs | 3 + .../Users/UpdateProfileRequest.cs | 3 + src/api/MicCheck.Api/Users/UserResponse.cs | 13 + src/api/MicCheck.Api/Users/UserService.cs | 44 + src/api/MicCheck.Api/Users/UsersController.cs | 67 + .../.github/ISSUE_TEMPLATE/bug.yml | 37 + .../.github/ISSUE_TEMPLATE/config.yml | 1 + .../ISSUE_TEMPLATE/feature-request.yml | 18 + .../.github/workflows/deploy-demos.yml | 51 + .../workflows/handle-new-issue-comment.yml | 14 + .../.github/workflows/handle-new-issue.yml | 19 + .../.github/workflows/issue-staler.yml | 18 + .../.gitignore | 1 + .../CHANGELOG.md | 87 + .../LICENSE | 21 + .../README.md | 197 + .../documentation.html | 16 + .../hire-us.html | 14 + .../javascript-version/.editorconfig | 38 + .../.eslintrc-auto-import.json | 329 + .../javascript-version/.eslintrc.cjs | 238 + .../javascript-version/.gitattributes | 207 + .../javascript-version/.gitignore | 43 + .../javascript-version/.npmrc | 2 + .../javascript-version/.nvmrc | 1 + .../javascript-version/.prettierignore | 2 + .../javascript-version/.prettierrc.json | 20 + .../javascript-version/.stylelintrc.json | 46 + .../.vscode/anchor-comments.code-snippets | 23 + .../.vscode/extensions.json | 15 + .../javascript-version/.vscode/settings.json | 109 + .../.vscode/vue-ts.code-snippets | 18 + .../.vscode/vue.code-snippets | 63 + .../.vscode/vuetify.code-snippets | 52 + .../javascript-version/README.md | 35 + .../javascript-version/auto-imports.d.ts | 645 + .../javascript-version/components.d.ts | 21 + .../javascript-version/index.html | 53 + .../javascript-version/jsconfig.json | 45 + .../javascript-version/package.json | 79 + .../javascript-version/pnpm-lock.yaml | 6740 ++++++ .../javascript-version/public/favicon.ico | Bin 0 -> 1809 bytes .../public/images/avatars/avatar-1.png | Bin 0 -> 16340 bytes .../javascript-version/public/loader.css | 79 + .../javascript-version/public/logo.png | Bin 0 -> 5148 bytes .../src/@core/components/MoreBtn.vue | 35 + .../src/@core/components/ThemeSwitcher.vue | 43 + .../cards/CardStatisticsHorizontal.vue | 65 + .../cards/CardStatisticsVertical.vue | 95 + .../cards/CardStatisticsWithImages.vue | 80 + .../src/@core/scss/base/_components.scss | 191 + .../src/@core/scss/base/_dark.scss | 16 + .../base/_default-layout-w-vertical-nav.scss | 103 + .../src/@core/scss/base/_default-layout.scss | 16 + .../src/@core/scss/base/_index.scss | 40 + .../src/@core/scss/base/_layouts.scss | 63 + .../src/@core/scss/base/_misc.scss | 20 + .../src/@core/scss/base/_mixins.scss | 63 + .../src/@core/scss/base/_utilities.scss | 184 + .../src/@core/scss/base/_utils.scss | 90 + .../src/@core/scss/base/_variables.scss | 198 + .../src/@core/scss/base/_vertical-nav.scss | 259 + .../scss/base/libs/_perfect-scrollbar.scss | 35 + .../@core/scss/base/libs/vuetify/_index.scss | 1 + .../scss/base/libs/vuetify/_overrides.scss | 257 + .../scss/base/libs/vuetify/_variables.scss | 64 + .../_default-layout-vertical-nav.scss | 45 + .../base/placeholders/_default-layout.scss | 3 + .../@core/scss/base/placeholders/_index.scss | 5 + .../@core/scss/base/placeholders/_misc.scss | 7 + .../@core/scss/base/placeholders/_nav.scss | 33 + .../scss/base/placeholders/_vertical-nav.scss | 80 + .../_default-layout-w-vertical-nav.scss | 28 + .../src/@core/scss/template/_mixins.scss | 12 + .../src/@core/scss/template/_utilities.scss | 51 + .../src/@core/scss/template/_utils.scss | 41 + .../src/@core/scss/template/_variables.scss | 56 + .../@core/scss/template/_vertical-nav.scss | 51 + .../src/@core/scss/template/index.scss | 10 + .../@core/scss/template/libs/apex-chart.scss | 107 + .../template/libs/vuetify/_overrides.scss | 38 + .../template/libs/vuetify/_variables.scss | 323 + .../libs/vuetify/components/_alert.scss | 103 + .../libs/vuetify/components/_avatar.scss | 28 + .../libs/vuetify/components/_badge.scss | 35 + .../libs/vuetify/components/_button.scss | 271 + .../libs/vuetify/components/_cards.scss | 1 + .../libs/vuetify/components/_checkbox.scss | 42 + .../libs/vuetify/components/_chip.scss | 99 + .../libs/vuetify/components/_dialog.scss | 12 + .../vuetify/components/_expansion-panels.scss | 47 + .../libs/vuetify/components/_field.scss | 58 + .../libs/vuetify/components/_list.scss | 22 + .../libs/vuetify/components/_menu.scss | 6 + .../libs/vuetify/components/_otp-input.scss | 18 + .../libs/vuetify/components/_pagination.scss | 172 + .../libs/vuetify/components/_progress.scss | 3 + .../libs/vuetify/components/_radio.scss | 47 + .../libs/vuetify/components/_rating.scss | 14 + .../libs/vuetify/components/_slider.scss | 28 + .../libs/vuetify/components/_snackbar.scss | 10 + .../libs/vuetify/components/_switch.scss | 57 + .../libs/vuetify/components/_table.scss | 36 + .../libs/vuetify/components/_tabs.scss | 113 + .../libs/vuetify/components/_textarea.scss | 1 + .../libs/vuetify/components/_timeline.scss | 52 + .../libs/vuetify/components/_tooltip.scss | 7 + .../libs/vuetify/components/index.scss | 25 + .../scss/template/libs/vuetify/index.scss | 3 + .../src/@core/scss/template/pages/misc.scss | 36 + .../@core/scss/template/pages/page-auth.scss | 61 + .../_default-layout-vertical-nav.scss | 11 + .../scss/template/placeholders/_index.scss | 5 + .../scss/template/placeholders/_misc.scss | 7 + .../scss/template/placeholders/_nav.scss | 17 + .../template/placeholders/_vertical-nav.scss | 94 + .../src/@core/utils/colorConverter.js | 31 + .../src/@core/utils/formatters.js | 6 + .../src/@core/utils/helpers.js | 29 + .../src/@core/utils/plugins.js | 50 + .../src/@layouts/components.js | 3 + .../@layouts/components/TransitionExpand.vue | 87 + .../src/@layouts/components/VerticalNav.vue | 188 + .../@layouts/components/VerticalNavGroup.vue | 71 + .../@layouts/components/VerticalNavLayout.vue | 174 + .../@layouts/components/VerticalNavLink.vue | 47 + .../components/VerticalNavSectionTitle.vue | 21 + .../javascript-version/src/@layouts/enums.js | 23 + .../javascript-version/src/@layouts/index.js | 1 + .../src/@layouts/styles/_classes.scss | 3 + .../src/@layouts/styles/_default-layout.scss | 35 + .../src/@layouts/styles/_global.scss | 10 + .../src/@layouts/styles/_mixins.scss | 30 + .../src/@layouts/styles/_placeholders.scss | 53 + .../src/@layouts/styles/_rtl.scss | 7 + .../src/@layouts/styles/_variables.scss | 29 + .../src/@layouts/styles/index.scss | 3 + .../javascript-version/src/@layouts/types.js | 1 + .../javascript-version/src/@layouts/utils.js | 16 + .../javascript-version/src/App.vue | 10 + .../src/assets/images/avatars/avatar-1.png | Bin 0 -> 16340 bytes .../src/assets/images/avatars/avatar-10.png | Bin 0 -> 35995 bytes .../src/assets/images/avatars/avatar-11.png | Bin 0 -> 48673 bytes .../src/assets/images/avatars/avatar-12.png | Bin 0 -> 46618 bytes .../src/assets/images/avatars/avatar-13.png | Bin 0 -> 18787 bytes .../src/assets/images/avatars/avatar-14.png | Bin 0 -> 18661 bytes .../src/assets/images/avatars/avatar-15.png | Bin 0 -> 18500 bytes .../src/assets/images/avatars/avatar-2.png | Bin 0 -> 23136 bytes .../src/assets/images/avatars/avatar-3.png | Bin 0 -> 11845 bytes .../src/assets/images/avatars/avatar-4.png | Bin 0 -> 21231 bytes .../src/assets/images/avatars/avatar-5.png | Bin 0 -> 18787 bytes .../src/assets/images/avatars/avatar-6.png | Bin 0 -> 18661 bytes .../src/assets/images/avatars/avatar-7.png | Bin 0 -> 18500 bytes .../src/assets/images/avatars/avatar-8.png | Bin 0 -> 16783 bytes .../src/assets/images/avatars/avatar-9.png | Bin 0 -> 44169 bytes .../src/assets/images/eCommerce/2.png | Bin 0 -> 28102 bytes .../src/assets/images/logo.svg | 12 + .../src/assets/images/logos/american-bank.png | Bin 0 -> 1247 bytes .../src/assets/images/logos/aviato.png | Bin 0 -> 1740 bytes .../src/assets/images/logos/aws.png | Bin 0 -> 1730 bytes .../src/assets/images/logos/bitbank.png | Bin 0 -> 1447 bytes .../src/assets/images/logos/chrome.png | Bin 0 -> 7651 bytes .../src/assets/images/logos/citi-bank.png | Bin 0 -> 1201 bytes .../src/assets/images/logos/digital-ocean.png | Bin 0 -> 934 bytes .../src/assets/images/logos/github.png | Bin 0 -> 5070 bytes .../src/assets/images/logos/google.png | Bin 0 -> 4502 bytes .../src/assets/images/logos/gumroad.png | Bin 0 -> 2110 bytes .../assets/images/logos/mastercard-label.png | Bin 0 -> 1517 bytes .../src/assets/images/logos/slack.png | Bin 0 -> 1281 bytes .../src/assets/images/logos/stripe.png | Bin 0 -> 826 bytes .../src/assets/images/logos/zipcar.png | Bin 0 -> 1414 bytes .../src/assets/images/misc/trophy.png | Bin 0 -> 22300 bytes .../src/assets/images/pages/1.png | Bin 0 -> 320358 bytes .../src/assets/images/pages/2.png | Bin 0 -> 231124 bytes .../src/assets/images/pages/3.png | Bin 0 -> 88154 bytes .../src/assets/images/pages/404.png | Bin 0 -> 36771 bytes .../src/assets/images/pages/5.jpg | Bin 0 -> 6790 bytes .../src/assets/images/pages/6.jpg | Bin 0 -> 259380 bytes .../assets/images/pages/auth-v1-mask-dark.png | Bin 0 -> 1491 bytes .../images/pages/auth-v1-mask-light.png | Bin 0 -> 777 bytes .../assets/images/pages/auth-v1-tree-2.png | Bin 0 -> 3667 bytes .../src/assets/images/pages/auth-v1-tree.png | Bin 0 -> 2130 bytes .../assets/images/pages/misc-mask-dark.png | Bin 0 -> 1537 bytes .../assets/images/pages/misc-mask-light.png | Bin 0 -> 2151 bytes .../src/assets/images/pages/tree.png | Bin 0 -> 2637 bytes .../assets/images/svg/checkbox-checked.svg | 4 + .../images/svg/checkbox-indeterminate.svg | 4 + .../assets/images/svg/checkbox-unchecked.svg | 3 + .../src/assets/images/svg/radio-checked.svg | 3 + .../src/assets/images/svg/radio-unchecked.svg | 3 + .../src/assets/styles/styles.scss | 1 + .../assets/styles/variables/_template.scss | 6 + .../src/assets/styles/variables/_vuetify.scss | 7 + .../src/components/ErrorHeader.vue | 47 + .../src/components/UpgradeToPro.vue | 118 + .../javascript-version/src/layouts/blank.vue | 14 + .../DefaultLayoutWithVerticalNav.vue | 122 + .../src/layouts/components/Footer.vue | 41 + .../src/layouts/components/NavItems.vue | 285 + .../components/NavbarThemeSwitcher.vue | 16 + .../src/layouts/components/UserProfile.vue | 129 + .../src/layouts/default.vue | 14 + .../javascript-version/src/main.js | 17 + .../src/pages/[...error].vue | 60 + .../src/pages/account-settings.vue | 72 + .../src/pages/card-basic.vue | 27 + .../javascript-version/src/pages/cards.vue | 27 + .../src/pages/dashboard.vue | 115 + .../src/pages/form-layouts.vue | 66 + .../javascript-version/src/pages/icons.vue | 97 + .../javascript-version/src/pages/login.vue | 164 + .../javascript-version/src/pages/register.vue | 175 + .../javascript-version/src/pages/tables.vue | 53 + .../src/pages/typography.vue | 16 + .../src/plugins/iconify/build-icons.js | 196 + .../src/plugins/iconify/index.js | 4 + .../src/plugins/iconify/package.json | 3 + .../javascript-version/src/plugins/pinia.js | 6 + .../src/plugins/router/index.js | 12 + .../src/plugins/router/routes.js | 55 + .../src/plugins/vuetify/defaults.js | 143 + .../src/plugins/vuetify/icons.js | 79 + .../src/plugins/vuetify/index.js | 25 + .../src/plugins/vuetify/theme.js | 143 + .../src/plugins/webfontloader.js | 18 + .../src/utils/paginationMeta.js | 6 + .../src/views/dashboard/AnalyticsAward.vue | 42 + .../views/dashboard/AnalyticsBarCharts.vue | 130 + .../dashboard/AnalyticsDepositWithdraw.vue | 194 + .../dashboard/AnalyticsSalesByCountries.vue | 132 + .../views/dashboard/AnalyticsTotalEarning.vue | 120 + .../AnalyticsTotalProfitLineCharts.vue | 91 + .../views/dashboard/AnalyticsTransactions.vue | 92 + .../views/dashboard/AnalyticsUserTable.vue | 246 + .../dashboard/AnalyticsWeeklyOverview.vue | 152 + .../AccountSettingsAccount.vue | 360 + .../AccountSettingsNotification.vue | 112 + .../AccountSettingsSecurity.vue | 363 + .../pages/authentication/AuthProvider.vue | 38 + .../pages/cards/card-basic/CardBasic.vue | 475 + .../pages/cards/card-basic/CardNavigation.vue | 94 + .../pages/cards/card-basic/CardSolid.vue | 97 + .../DemoFormLayoutHorizontalForm.vue | 159 + .../DemoFormLayoutHorizontalFormWithIcons.vue | 163 + .../DemoFormLayoutMultipleColumn.vue | 112 + .../DemoFormLayoutVerticalForm.vue | 73 + .../DemoFormLayoutVerticalFormWithIcons.vue | 77 + .../pages/tables/DemoSimpleTableBasics.vue | 86 + .../pages/tables/DemoSimpleTableDensity.vue | 86 + .../tables/DemoSimpleTableFixedHeader.vue | 89 + .../pages/tables/DemoSimpleTableHeight.vue | 86 + .../pages/tables/DemoSimpleTableTheme.vue | 86 + .../DemoFormLayoutHorizontalForm.vue | 142 + .../DemoFormLayoutHorizontalFormWithIcons.vue | 146 + .../DemoFormLayoutMultipleColumn.vue | 112 + .../DemoFormLayoutVerticalForm.vue | 72 + .../DemoFormLayoutVerticalFormWithIcons.vue | 76 + .../user-interface/tables/TableBasic.vue | 83 + .../views/user-interface/tables/TableDark.vue | 89 + .../user-interface/tables/TableDensity.vue | 83 + .../tables/TableFixedHeader.vue | 86 + .../user-interface/tables/TableHeight.vue | 83 + .../typography/TypographyHeadlines.vue | 47 + .../typography/TypographyTexts.vue | 121 + .../javascript-version/vite.config.js | 68 + .../package.json | 10 + .../pnpm-lock.yaml | 291 + .../typescript-version/.editorconfig | 38 + .../typescript-version/.eslintrc.cjs | 247 + .../typescript-version/.gitattributes | 207 + .../typescript-version/.gitignore | 43 + .../typescript-version/.npmrc | 2 + .../typescript-version/.nvmrc | 1 + .../typescript-version/.prettierignore | 2 + .../typescript-version/.prettierrc.json | 20 + .../typescript-version/.stylelintrc.json | 46 + .../.vscode/anchor-comments.code-snippets | 23 + .../.vscode/extensions.json | 15 + .../typescript-version/.vscode/settings.json | 109 + .../.vscode/vue-ts.code-snippets | 18 + .../.vscode/vue.code-snippets | 63 + .../.vscode/vuetify.code-snippets | 52 + .../typescript-version/README.md | 35 + .../typescript-version/auto-imports.d.ts | 688 + .../typescript-version/components.d.ts | 21 + .../typescript-version/env.d.ts | 12 + .../typescript-version/index.html | 53 + .../typescript-version/package.json | 87 + .../typescript-version/pnpm-lock.yaml | 7068 ++++++ .../typescript-version/public/favicon.ico | Bin 0 -> 1809 bytes .../public/images/avatars/avatar-1.png | Bin 0 -> 16340 bytes .../typescript-version/public/loader.css | 79 + .../typescript-version/public/logo.png | Bin 0 -> 5148 bytes .../typescript-version/shims.d.ts | 14 + .../src/@core/components/MoreBtn.vue | 28 + .../src/@core/components/ThemeSwitcher.vue | 33 + .../cards/CardStatisticsHorizontal.vue | 53 + .../cards/CardStatisticsVertical.vue | 71 + .../cards/CardStatisticsWithImages.vue | 65 + .../src/@core/scss/base/_components.scss | 191 + .../src/@core/scss/base/_dark.scss | 16 + .../base/_default-layout-w-vertical-nav.scss | 103 + .../src/@core/scss/base/_default-layout.scss | 16 + .../src/@core/scss/base/_index.scss | 40 + .../src/@core/scss/base/_layouts.scss | 63 + .../src/@core/scss/base/_misc.scss | 20 + .../src/@core/scss/base/_mixins.scss | 63 + .../src/@core/scss/base/_utilities.scss | 184 + .../src/@core/scss/base/_utils.scss | 90 + .../src/@core/scss/base/_variables.scss | 198 + .../src/@core/scss/base/_vertical-nav.scss | 259 + .../scss/base/libs/_perfect-scrollbar.scss | 35 + .../@core/scss/base/libs/vuetify/_index.scss | 1 + .../scss/base/libs/vuetify/_overrides.scss | 257 + .../scss/base/libs/vuetify/_variables.scss | 64 + .../_default-layout-vertical-nav.scss | 45 + .../base/placeholders/_default-layout.scss | 3 + .../@core/scss/base/placeholders/_index.scss | 5 + .../@core/scss/base/placeholders/_misc.scss | 7 + .../@core/scss/base/placeholders/_nav.scss | 33 + .../scss/base/placeholders/_vertical-nav.scss | 80 + .../_default-layout-w-vertical-nav.scss | 28 + .../src/@core/scss/template/_mixins.scss | 12 + .../src/@core/scss/template/_utilities.scss | 51 + .../src/@core/scss/template/_utils.scss | 41 + .../src/@core/scss/template/_variables.scss | 56 + .../@core/scss/template/_vertical-nav.scss | 51 + .../src/@core/scss/template/index.scss | 10 + .../@core/scss/template/libs/apex-chart.scss | 107 + .../template/libs/vuetify/_overrides.scss | 38 + .../template/libs/vuetify/_variables.scss | 323 + .../libs/vuetify/components/_alert.scss | 103 + .../libs/vuetify/components/_avatar.scss | 28 + .../libs/vuetify/components/_badge.scss | 35 + .../libs/vuetify/components/_button.scss | 271 + .../libs/vuetify/components/_cards.scss | 1 + .../libs/vuetify/components/_checkbox.scss | 42 + .../libs/vuetify/components/_chip.scss | 99 + .../libs/vuetify/components/_dialog.scss | 12 + .../vuetify/components/_expansion-panels.scss | 47 + .../libs/vuetify/components/_field.scss | 58 + .../libs/vuetify/components/_list.scss | 22 + .../libs/vuetify/components/_menu.scss | 6 + .../libs/vuetify/components/_otp-input.scss | 18 + .../libs/vuetify/components/_pagination.scss | 172 + .../libs/vuetify/components/_progress.scss | 3 + .../libs/vuetify/components/_radio.scss | 47 + .../libs/vuetify/components/_rating.scss | 14 + .../libs/vuetify/components/_slider.scss | 28 + .../libs/vuetify/components/_snackbar.scss | 10 + .../libs/vuetify/components/_switch.scss | 57 + .../libs/vuetify/components/_table.scss | 36 + .../libs/vuetify/components/_tabs.scss | 113 + .../libs/vuetify/components/_textarea.scss | 1 + .../libs/vuetify/components/_timeline.scss | 52 + .../libs/vuetify/components/_tooltip.scss | 7 + .../libs/vuetify/components/index.scss | 25 + .../scss/template/libs/vuetify/index.scss | 3 + .../src/@core/scss/template/pages/misc.scss | 36 + .../@core/scss/template/pages/page-auth.scss | 61 + .../_default-layout-vertical-nav.scss | 11 + .../scss/template/placeholders/_index.scss | 5 + .../scss/template/placeholders/_misc.scss | 7 + .../scss/template/placeholders/_nav.scss | 17 + .../template/placeholders/_vertical-nav.scss | 94 + .../src/@core/utils/colorConverter.ts | 35 + .../src/@core/utils/formatters.ts | 6 + .../src/@core/utils/helpers.ts | 32 + .../src/@core/utils/plugins.ts | 54 + .../src/@layouts/components.ts | 3 + .../@layouts/components/TransitionExpand.vue | 92 + .../src/@layouts/components/VerticalNav.vue | 187 + .../@layouts/components/VerticalNavGroup.vue | 70 + .../@layouts/components/VerticalNavLayout.vue | 206 + .../@layouts/components/VerticalNavLink.vue | 46 + .../components/VerticalNavSectionTitle.vue | 20 + .../typescript-version/src/@layouts/enums.ts | 27 + .../typescript-version/src/@layouts/index.ts | 1 + .../src/@layouts/styles/_classes.scss | 3 + .../src/@layouts/styles/_default-layout.scss | 35 + .../src/@layouts/styles/_global.scss | 10 + .../src/@layouts/styles/_mixins.scss | 30 + .../src/@layouts/styles/_placeholders.scss | 53 + .../src/@layouts/styles/_rtl.scss | 7 + .../src/@layouts/styles/_variables.scss | 29 + .../src/@layouts/styles/index.scss | 3 + .../typescript-version/src/@layouts/types.ts | 59 + .../typescript-version/src/@layouts/utils.ts | 17 + .../typescript-version/src/App.vue | 10 + .../src/assets/images/avatars/avatar-1.png | Bin 0 -> 16340 bytes .../src/assets/images/avatars/avatar-10.png | Bin 0 -> 35995 bytes .../src/assets/images/avatars/avatar-11.png | Bin 0 -> 48673 bytes .../src/assets/images/avatars/avatar-12.png | Bin 0 -> 46618 bytes .../src/assets/images/avatars/avatar-13.png | Bin 0 -> 18787 bytes .../src/assets/images/avatars/avatar-14.png | Bin 0 -> 18661 bytes .../src/assets/images/avatars/avatar-15.png | Bin 0 -> 18500 bytes .../src/assets/images/avatars/avatar-2.png | Bin 0 -> 23136 bytes .../src/assets/images/avatars/avatar-3.png | Bin 0 -> 11845 bytes .../src/assets/images/avatars/avatar-4.png | Bin 0 -> 21231 bytes .../src/assets/images/avatars/avatar-5.png | Bin 0 -> 18787 bytes .../src/assets/images/avatars/avatar-6.png | Bin 0 -> 18661 bytes .../src/assets/images/avatars/avatar-7.png | Bin 0 -> 18500 bytes .../src/assets/images/avatars/avatar-8.png | Bin 0 -> 16783 bytes .../src/assets/images/avatars/avatar-9.png | Bin 0 -> 44169 bytes .../src/assets/images/eCommerce/2.png | Bin 0 -> 28102 bytes .../src/assets/images/logo.svg | 12 + .../src/assets/images/logos/american-bank.png | Bin 0 -> 1247 bytes .../src/assets/images/logos/aviato.png | Bin 0 -> 1740 bytes .../src/assets/images/logos/aws.png | Bin 0 -> 1730 bytes .../src/assets/images/logos/bitbank.png | Bin 0 -> 1447 bytes .../src/assets/images/logos/chrome.png | Bin 0 -> 7651 bytes .../src/assets/images/logos/citi-bank.png | Bin 0 -> 1201 bytes .../src/assets/images/logos/digital-ocean.png | Bin 0 -> 934 bytes .../src/assets/images/logos/github.png | Bin 0 -> 5070 bytes .../src/assets/images/logos/google.png | Bin 0 -> 4502 bytes .../src/assets/images/logos/gumroad.png | Bin 0 -> 2110 bytes .../assets/images/logos/mastercard-label.png | Bin 0 -> 1517 bytes .../src/assets/images/logos/slack.png | Bin 0 -> 1281 bytes .../src/assets/images/logos/stripe.png | Bin 0 -> 826 bytes .../src/assets/images/logos/zipcar.png | Bin 0 -> 1414 bytes .../src/assets/images/misc/trophy.png | Bin 0 -> 22300 bytes .../src/assets/images/pages/1.png | Bin 0 -> 320358 bytes .../src/assets/images/pages/2.png | Bin 0 -> 231124 bytes .../src/assets/images/pages/3.png | Bin 0 -> 88154 bytes .../src/assets/images/pages/404.png | Bin 0 -> 36771 bytes .../src/assets/images/pages/5.jpg | Bin 0 -> 6790 bytes .../src/assets/images/pages/6.jpg | Bin 0 -> 259380 bytes .../assets/images/pages/auth-v1-mask-dark.png | Bin 0 -> 1491 bytes .../images/pages/auth-v1-mask-light.png | Bin 0 -> 777 bytes .../assets/images/pages/auth-v1-tree-2.png | Bin 0 -> 3667 bytes .../src/assets/images/pages/auth-v1-tree.png | Bin 0 -> 2130 bytes .../assets/images/pages/misc-mask-dark.png | Bin 0 -> 1537 bytes .../assets/images/pages/misc-mask-light.png | Bin 0 -> 2151 bytes .../src/assets/images/pages/tree.png | Bin 0 -> 2637 bytes .../assets/images/svg/checkbox-checked.svg | 4 + .../images/svg/checkbox-indeterminate.svg | 4 + .../assets/images/svg/checkbox-unchecked.svg | 3 + .../src/assets/images/svg/radio-checked.svg | 3 + .../src/assets/images/svg/radio-unchecked.svg | 3 + .../src/assets/styles/styles.scss | 1 + .../assets/styles/variables/_template.scss | 6 + .../src/assets/styles/variables/_vuetify.scss | 7 + .../src/components/ErrorHeader.vue | 37 + .../src/components/UpgradeToPro.vue | 118 + .../typescript-version/src/layouts/blank.vue | 14 + .../DefaultLayoutWithVerticalNav.vue | 122 + .../src/layouts/components/Footer.vue | 41 + .../src/layouts/components/NavItems.vue | 285 + .../components/NavbarThemeSwitcher.vue | 18 + .../src/layouts/components/UserProfile.vue | 129 + .../src/layouts/default.vue | 14 + .../typescript-version/src/main.ts | 17 + .../src/pages/[...error].vue | 62 + .../src/pages/account-settings.vue | 61 + .../src/pages/card-basic.vue | 27 + .../typescript-version/src/pages/cards.vue | 27 + .../src/pages/dashboard.vue | 115 + .../src/pages/form-layouts.vue | 66 + .../typescript-version/src/pages/icons.vue | 97 + .../typescript-version/src/pages/login.vue | 167 + .../typescript-version/src/pages/register.vue | 178 + .../typescript-version/src/pages/tables.vue | 53 + .../src/pages/typography.vue | 16 + .../src/plugins/iconify/build-icons.ts | 286 + .../src/plugins/iconify/index.ts | 5 + .../src/plugins/iconify/package.json | 3 + .../typescript-version/src/plugins/pinia.ts | 8 + .../src/plugins/router/index.ts | 14 + .../src/plugins/router/routes.ts | 55 + .../src/plugins/vuetify/defaults.ts | 143 + .../src/plugins/vuetify/icons.ts | 86 + .../src/plugins/vuetify/index.ts | 28 + .../src/plugins/vuetify/theme.ts | 150 + .../src/plugins/webfontloader.ts | 20 + .../src/utils/paginationMeta.ts | 6 + .../src/views/dashboard/AnalyticsAward.vue | 42 + .../views/dashboard/AnalyticsBarCharts.vue | 131 + .../dashboard/AnalyticsDepositWithdraw.vue | 194 + .../dashboard/AnalyticsSalesByCountries.vue | 123 + .../views/dashboard/AnalyticsTotalEarning.vue | 111 + .../AnalyticsTotalProfitLineCharts.vue | 94 + .../views/dashboard/AnalyticsTransactions.vue | 83 + .../views/dashboard/AnalyticsUserTable.vue | 217 + .../dashboard/AnalyticsWeeklyOverview.vue | 139 + .../AccountSettingsAccount.vue | 363 + .../AccountSettingsNotification.vue | 114 + .../AccountSettingsSecurity.vue | 333 + .../pages/authentication/AuthProvider.vue | 38 + .../pages/cards/card-basic/CardBasic.vue | 475 + .../pages/cards/card-basic/CardNavigation.vue | 88 + .../pages/cards/card-basic/CardSolid.vue | 97 + .../DemoFormLayoutHorizontalForm.vue | 159 + .../DemoFormLayoutHorizontalFormWithIcons.vue | 163 + .../DemoFormLayoutMultipleColumn.vue | 112 + .../DemoFormLayoutVerticalForm.vue | 73 + .../DemoFormLayoutVerticalFormWithIcons.vue | 77 + .../pages/tables/DemoSimpleTableBasics.vue | 86 + .../pages/tables/DemoSimpleTableDensity.vue | 86 + .../tables/DemoSimpleTableFixedHeader.vue | 89 + .../pages/tables/DemoSimpleTableHeight.vue | 86 + .../pages/tables/DemoSimpleTableTheme.vue | 86 + .../DemoFormLayoutHorizontalForm.vue | 142 + .../DemoFormLayoutHorizontalFormWithIcons.vue | 146 + .../DemoFormLayoutMultipleColumn.vue | 112 + .../DemoFormLayoutVerticalForm.vue | 72 + .../DemoFormLayoutVerticalFormWithIcons.vue | 76 + .../user-interface/tables/TableBasic.vue | 83 + .../views/user-interface/tables/TableDark.vue | 89 + .../user-interface/tables/TableDensity.vue | 83 + .../tables/TableFixedHeader.vue | 86 + .../user-interface/tables/TableHeight.vue | 83 + .../typography/TypographyHeadlines.vue | 47 + .../typography/TypographyTexts.vue | 121 + .../typescript-version/tsconfig.json | 65 + .../typescript-version/vite.config.ts | 64 + 675 files changed, 70964 insertions(+), 593 deletions(-) create mode 100644 src/admin/src/@core/components/MoreBtn.vue create mode 100644 src/admin/src/@core/components/ThemeSwitcher.vue create mode 100644 src/admin/src/@core/components/cards/CardStatisticsHorizontal.vue create mode 100644 src/admin/src/@core/components/cards/CardStatisticsVertical.vue create mode 100644 src/admin/src/@core/components/cards/CardStatisticsWithImages.vue create mode 100644 src/admin/src/@core/scss/base/_components.scss create mode 100644 src/admin/src/@core/scss/base/_dark.scss create mode 100644 src/admin/src/@core/scss/base/_default-layout-w-vertical-nav.scss create mode 100644 src/admin/src/@core/scss/base/_default-layout.scss create mode 100644 src/admin/src/@core/scss/base/_index.scss create mode 100644 src/admin/src/@core/scss/base/_layouts.scss create mode 100644 src/admin/src/@core/scss/base/_misc.scss create mode 100644 src/admin/src/@core/scss/base/_mixins.scss create mode 100644 src/admin/src/@core/scss/base/_utilities.scss create mode 100644 src/admin/src/@core/scss/base/_utils.scss create mode 100644 src/admin/src/@core/scss/base/_variables.scss create mode 100644 src/admin/src/@core/scss/base/_vertical-nav.scss create mode 100644 src/admin/src/@core/scss/base/libs/_perfect-scrollbar.scss create mode 100644 src/admin/src/@core/scss/base/libs/vuetify/_index.scss create mode 100644 src/admin/src/@core/scss/base/libs/vuetify/_overrides.scss create mode 100644 src/admin/src/@core/scss/base/libs/vuetify/_variables.scss create mode 100644 src/admin/src/@core/scss/base/placeholders/_default-layout-vertical-nav.scss create mode 100644 src/admin/src/@core/scss/base/placeholders/_default-layout.scss create mode 100644 src/admin/src/@core/scss/base/placeholders/_index.scss create mode 100644 src/admin/src/@core/scss/base/placeholders/_misc.scss create mode 100644 src/admin/src/@core/scss/base/placeholders/_nav.scss create mode 100644 src/admin/src/@core/scss/base/placeholders/_vertical-nav.scss create mode 100644 src/admin/src/@core/scss/template/_default-layout-w-vertical-nav.scss create mode 100644 src/admin/src/@core/scss/template/_mixins.scss create mode 100644 src/admin/src/@core/scss/template/_utilities.scss create mode 100644 src/admin/src/@core/scss/template/_utils.scss create mode 100644 src/admin/src/@core/scss/template/_variables.scss create mode 100644 src/admin/src/@core/scss/template/_vertical-nav.scss create mode 100644 src/admin/src/@core/scss/template/index.scss create mode 100644 src/admin/src/@core/scss/template/libs/apex-chart.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/_overrides.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/_variables.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_alert.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_avatar.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_badge.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_button.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_cards.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_checkbox.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_chip.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_dialog.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_expansion-panels.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_field.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_list.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_menu.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_otp-input.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_pagination.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_progress.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_radio.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_rating.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_slider.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_snackbar.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_switch.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_table.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_tabs.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_textarea.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_timeline.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/_tooltip.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/components/index.scss create mode 100644 src/admin/src/@core/scss/template/libs/vuetify/index.scss create mode 100644 src/admin/src/@core/scss/template/pages/misc.scss create mode 100644 src/admin/src/@core/scss/template/pages/page-auth.scss create mode 100644 src/admin/src/@core/scss/template/placeholders/_default-layout-vertical-nav.scss create mode 100644 src/admin/src/@core/scss/template/placeholders/_index.scss create mode 100644 src/admin/src/@core/scss/template/placeholders/_misc.scss create mode 100644 src/admin/src/@core/scss/template/placeholders/_nav.scss create mode 100644 src/admin/src/@core/scss/template/placeholders/_vertical-nav.scss create mode 100644 src/admin/src/@core/utils/colorConverter.ts create mode 100644 src/admin/src/@core/utils/formatters.ts create mode 100644 src/admin/src/@core/utils/helpers.ts create mode 100644 src/admin/src/@core/utils/plugins.ts create mode 100644 src/admin/src/@layouts/components.ts create mode 100644 src/admin/src/@layouts/components/TransitionExpand.vue create mode 100644 src/admin/src/@layouts/components/VerticalNav.vue create mode 100644 src/admin/src/@layouts/components/VerticalNavGroup.vue create mode 100644 src/admin/src/@layouts/components/VerticalNavLayout.vue create mode 100644 src/admin/src/@layouts/components/VerticalNavLink.vue create mode 100644 src/admin/src/@layouts/components/VerticalNavSectionTitle.vue create mode 100644 src/admin/src/@layouts/enums.ts create mode 100644 src/admin/src/@layouts/index.ts create mode 100644 src/admin/src/@layouts/styles/_classes.scss create mode 100644 src/admin/src/@layouts/styles/_default-layout.scss create mode 100644 src/admin/src/@layouts/styles/_global.scss create mode 100644 src/admin/src/@layouts/styles/_mixins.scss create mode 100644 src/admin/src/@layouts/styles/_placeholders.scss create mode 100644 src/admin/src/@layouts/styles/_rtl.scss create mode 100644 src/admin/src/@layouts/styles/_variables.scss create mode 100644 src/admin/src/@layouts/styles/index.scss create mode 100644 src/admin/src/@layouts/types.ts create mode 100644 src/admin/src/@layouts/utils.ts create mode 100644 src/admin/src/api/users.ts create mode 100644 src/admin/src/assets/images/logo.svg create mode 100644 src/admin/src/assets/images/svg/checkbox-checked.svg create mode 100644 src/admin/src/assets/images/svg/checkbox-indeterminate.svg create mode 100644 src/admin/src/assets/images/svg/checkbox-unchecked.svg create mode 100644 src/admin/src/assets/images/svg/radio-checked.svg create mode 100644 src/admin/src/assets/images/svg/radio-unchecked.svg create mode 100644 src/admin/src/assets/styles/styles/styles.scss create mode 100644 src/admin/src/assets/styles/styles/variables/_template.scss create mode 100644 src/admin/src/assets/styles/styles/variables/_vuetify.scss create mode 100644 src/admin/src/assets/styles/variables/_template.scss create mode 100644 src/admin/src/assets/styles/variables/_vuetify.scss delete mode 100644 src/admin/src/components/AppHeader.vue delete mode 100644 src/admin/src/components/AppLayout.vue create mode 100644 src/admin/src/layouts/blank.vue create mode 100644 src/admin/src/layouts/components/DefaultLayoutWithVerticalNav.vue create mode 100644 src/admin/src/layouts/components/Footer.vue create mode 100644 src/admin/src/layouts/components/NavItems.vue create mode 100644 src/admin/src/layouts/components/NavbarThemeSwitcher.vue create mode 100644 src/admin/src/layouts/components/UserProfile.vue create mode 100644 src/admin/src/layouts/default.vue delete mode 100644 src/admin/src/plugins/vuetify.ts create mode 100644 src/admin/src/plugins/vuetify/defaults.ts create mode 100644 src/admin/src/plugins/vuetify/icons.ts create mode 100644 src/admin/src/plugins/vuetify/index.ts create mode 100644 src/admin/src/plugins/vuetify/theme.ts create mode 100644 src/admin/src/stores/theme.ts create mode 100644 src/admin/src/views/UserView.vue delete mode 100644 src/admin/tests/unit/AppHeader.spec.ts create mode 100644 src/api/MicCheck.Api/Users/ChangePasswordRequest.cs create mode 100644 src/api/MicCheck.Api/Users/UpdateProfileRequest.cs create mode 100644 src/api/MicCheck.Api/Users/UserResponse.cs create mode 100644 src/api/MicCheck.Api/Users/UserService.cs create mode 100644 src/api/MicCheck.Api/Users/UsersController.cs create mode 100644 src/materio-vuetify-vuejs-admin-template-free/.github/ISSUE_TEMPLATE/bug.yml create mode 100644 src/materio-vuetify-vuejs-admin-template-free/.github/ISSUE_TEMPLATE/config.yml create mode 100644 src/materio-vuetify-vuejs-admin-template-free/.github/ISSUE_TEMPLATE/feature-request.yml create mode 100644 src/materio-vuetify-vuejs-admin-template-free/.github/workflows/deploy-demos.yml create mode 100644 src/materio-vuetify-vuejs-admin-template-free/.github/workflows/handle-new-issue-comment.yml create mode 100644 src/materio-vuetify-vuejs-admin-template-free/.github/workflows/handle-new-issue.yml create mode 100644 src/materio-vuetify-vuejs-admin-template-free/.github/workflows/issue-staler.yml create mode 100644 src/materio-vuetify-vuejs-admin-template-free/.gitignore create mode 100644 src/materio-vuetify-vuejs-admin-template-free/CHANGELOG.md create mode 100644 src/materio-vuetify-vuejs-admin-template-free/LICENSE create mode 100644 src/materio-vuetify-vuejs-admin-template-free/README.md create mode 100644 src/materio-vuetify-vuejs-admin-template-free/documentation.html create mode 100644 src/materio-vuetify-vuejs-admin-template-free/hire-us.html create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/.editorconfig create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/.eslintrc-auto-import.json create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/.eslintrc.cjs create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/.gitattributes create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/.gitignore create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/.npmrc create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/.nvmrc create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/.prettierignore create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/.prettierrc.json create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/.stylelintrc.json create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/.vscode/anchor-comments.code-snippets create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/.vscode/extensions.json create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/.vscode/settings.json create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/.vscode/vue-ts.code-snippets create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/.vscode/vue.code-snippets create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/.vscode/vuetify.code-snippets create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/README.md create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/auto-imports.d.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/components.d.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/index.html create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/jsconfig.json create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/package.json create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/pnpm-lock.yaml create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/public/favicon.ico create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/public/images/avatars/avatar-1.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/public/loader.css create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/public/logo.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/components/MoreBtn.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/components/ThemeSwitcher.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/components/cards/CardStatisticsHorizontal.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/components/cards/CardStatisticsVertical.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/components/cards/CardStatisticsWithImages.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/_components.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/_dark.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/_default-layout-w-vertical-nav.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/_default-layout.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/_index.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/_layouts.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/_misc.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/_mixins.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/_utilities.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/_utils.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/_variables.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/_vertical-nav.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/libs/_perfect-scrollbar.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/libs/vuetify/_index.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/libs/vuetify/_overrides.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/libs/vuetify/_variables.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/placeholders/_default-layout-vertical-nav.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/placeholders/_default-layout.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/placeholders/_index.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/placeholders/_misc.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/placeholders/_nav.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/base/placeholders/_vertical-nav.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/_default-layout-w-vertical-nav.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/_mixins.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/_utilities.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/_utils.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/_variables.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/_vertical-nav.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/index.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/apex-chart.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/_overrides.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/_variables.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_alert.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_avatar.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_badge.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_button.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_cards.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_checkbox.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_chip.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_dialog.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_expansion-panels.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_field.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_list.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_menu.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_otp-input.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_pagination.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_progress.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_radio.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_rating.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_slider.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_snackbar.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_switch.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_table.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_tabs.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_textarea.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_timeline.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/_tooltip.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/components/index.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/libs/vuetify/index.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/pages/misc.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/pages/page-auth.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/placeholders/_default-layout-vertical-nav.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/placeholders/_index.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/placeholders/_misc.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/placeholders/_nav.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/scss/template/placeholders/_vertical-nav.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/utils/colorConverter.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/utils/formatters.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/utils/helpers.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@core/utils/plugins.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@layouts/components.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@layouts/components/TransitionExpand.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@layouts/components/VerticalNav.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@layouts/components/VerticalNavGroup.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@layouts/components/VerticalNavLayout.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@layouts/components/VerticalNavLink.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@layouts/components/VerticalNavSectionTitle.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@layouts/enums.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@layouts/index.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@layouts/styles/_classes.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@layouts/styles/_default-layout.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@layouts/styles/_global.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@layouts/styles/_mixins.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@layouts/styles/_placeholders.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@layouts/styles/_rtl.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@layouts/styles/_variables.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@layouts/styles/index.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@layouts/types.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/@layouts/utils.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/App.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/avatars/avatar-1.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/avatars/avatar-10.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/avatars/avatar-11.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/avatars/avatar-12.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/avatars/avatar-13.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/avatars/avatar-14.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/avatars/avatar-15.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/avatars/avatar-2.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/avatars/avatar-3.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/avatars/avatar-4.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/avatars/avatar-5.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/avatars/avatar-6.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/avatars/avatar-7.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/avatars/avatar-8.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/avatars/avatar-9.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/eCommerce/2.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/logo.svg create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/logos/american-bank.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/logos/aviato.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/logos/aws.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/logos/bitbank.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/logos/chrome.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/logos/citi-bank.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/logos/digital-ocean.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/logos/github.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/logos/google.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/logos/gumroad.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/logos/mastercard-label.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/logos/slack.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/logos/stripe.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/logos/zipcar.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/misc/trophy.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/pages/1.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/pages/2.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/pages/3.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/pages/404.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/pages/5.jpg create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/pages/6.jpg create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/pages/auth-v1-mask-dark.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/pages/auth-v1-mask-light.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/pages/auth-v1-tree-2.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/pages/auth-v1-tree.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/pages/misc-mask-dark.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/pages/misc-mask-light.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/pages/tree.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/svg/checkbox-checked.svg create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/svg/checkbox-indeterminate.svg create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/svg/checkbox-unchecked.svg create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/svg/radio-checked.svg create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/images/svg/radio-unchecked.svg create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/styles/styles.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/styles/variables/_template.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/assets/styles/variables/_vuetify.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/components/ErrorHeader.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/components/UpgradeToPro.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/layouts/blank.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/layouts/components/DefaultLayoutWithVerticalNav.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/layouts/components/Footer.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/layouts/components/NavItems.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/layouts/components/NavbarThemeSwitcher.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/layouts/components/UserProfile.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/layouts/default.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/main.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/pages/[...error].vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/pages/account-settings.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/pages/card-basic.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/pages/cards.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/pages/dashboard.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/pages/form-layouts.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/pages/icons.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/pages/login.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/pages/register.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/pages/tables.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/pages/typography.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/plugins/iconify/build-icons.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/plugins/iconify/index.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/plugins/iconify/package.json create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/plugins/pinia.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/plugins/router/index.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/plugins/router/routes.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/plugins/vuetify/defaults.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/plugins/vuetify/icons.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/plugins/vuetify/index.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/plugins/vuetify/theme.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/plugins/webfontloader.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/utils/paginationMeta.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/dashboard/AnalyticsAward.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/dashboard/AnalyticsBarCharts.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/dashboard/AnalyticsDepositWithdraw.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/dashboard/AnalyticsSalesByCountries.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/dashboard/AnalyticsTotalEarning.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/dashboard/AnalyticsTotalProfitLineCharts.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/dashboard/AnalyticsTransactions.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/dashboard/AnalyticsUserTable.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/dashboard/AnalyticsWeeklyOverview.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/pages/account-settings/AccountSettingsAccount.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/pages/account-settings/AccountSettingsNotification.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/pages/account-settings/AccountSettingsSecurity.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/pages/authentication/AuthProvider.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/pages/cards/card-basic/CardBasic.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/pages/cards/card-basic/CardNavigation.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/pages/cards/card-basic/CardSolid.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/pages/form-layouts/DemoFormLayoutHorizontalForm.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/pages/form-layouts/DemoFormLayoutHorizontalFormWithIcons.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/pages/form-layouts/DemoFormLayoutMultipleColumn.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/pages/form-layouts/DemoFormLayoutVerticalForm.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/pages/form-layouts/DemoFormLayoutVerticalFormWithIcons.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/pages/tables/DemoSimpleTableBasics.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/pages/tables/DemoSimpleTableDensity.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/pages/tables/DemoSimpleTableFixedHeader.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/pages/tables/DemoSimpleTableHeight.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/pages/tables/DemoSimpleTableTheme.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/user-interface/form-layouts/DemoFormLayoutHorizontalForm.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/user-interface/form-layouts/DemoFormLayoutHorizontalFormWithIcons.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/user-interface/form-layouts/DemoFormLayoutMultipleColumn.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/user-interface/form-layouts/DemoFormLayoutVerticalForm.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/user-interface/form-layouts/DemoFormLayoutVerticalFormWithIcons.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/user-interface/tables/TableBasic.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/user-interface/tables/TableDark.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/user-interface/tables/TableDensity.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/user-interface/tables/TableFixedHeader.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/user-interface/tables/TableHeight.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/user-interface/typography/TypographyHeadlines.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/src/views/user-interface/typography/TypographyTexts.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/javascript-version/vite.config.js create mode 100644 src/materio-vuetify-vuejs-admin-template-free/package.json create mode 100644 src/materio-vuetify-vuejs-admin-template-free/pnpm-lock.yaml create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/.editorconfig create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/.eslintrc.cjs create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/.gitattributes create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/.gitignore create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/.npmrc create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/.nvmrc create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/.prettierignore create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/.prettierrc.json create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/.stylelintrc.json create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/.vscode/anchor-comments.code-snippets create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/.vscode/extensions.json create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/.vscode/settings.json create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/.vscode/vue-ts.code-snippets create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/.vscode/vue.code-snippets create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/.vscode/vuetify.code-snippets create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/README.md create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/auto-imports.d.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/components.d.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/env.d.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/index.html create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/package.json create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/pnpm-lock.yaml create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/public/favicon.ico create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/public/images/avatars/avatar-1.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/public/loader.css create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/public/logo.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/shims.d.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/components/MoreBtn.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/components/ThemeSwitcher.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/components/cards/CardStatisticsHorizontal.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/components/cards/CardStatisticsVertical.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/components/cards/CardStatisticsWithImages.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/_components.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/_dark.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/_default-layout-w-vertical-nav.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/_default-layout.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/_index.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/_layouts.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/_misc.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/_mixins.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/_utilities.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/_utils.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/_variables.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/_vertical-nav.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/libs/_perfect-scrollbar.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/libs/vuetify/_index.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/libs/vuetify/_overrides.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/libs/vuetify/_variables.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/placeholders/_default-layout-vertical-nav.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/placeholders/_default-layout.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/placeholders/_index.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/placeholders/_misc.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/placeholders/_nav.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/base/placeholders/_vertical-nav.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/_default-layout-w-vertical-nav.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/_mixins.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/_utilities.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/_utils.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/_variables.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/_vertical-nav.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/index.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/apex-chart.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/_overrides.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/_variables.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_alert.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_avatar.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_badge.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_button.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_cards.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_checkbox.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_chip.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_dialog.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_expansion-panels.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_field.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_list.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_menu.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_otp-input.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_pagination.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_progress.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_radio.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_rating.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_slider.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_snackbar.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_switch.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_table.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_tabs.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_textarea.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_timeline.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/_tooltip.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/components/index.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/libs/vuetify/index.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/pages/misc.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/pages/page-auth.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/placeholders/_default-layout-vertical-nav.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/placeholders/_index.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/placeholders/_misc.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/placeholders/_nav.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/scss/template/placeholders/_vertical-nav.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/utils/colorConverter.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/utils/formatters.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/utils/helpers.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@core/utils/plugins.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@layouts/components.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@layouts/components/TransitionExpand.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@layouts/components/VerticalNav.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@layouts/components/VerticalNavGroup.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@layouts/components/VerticalNavLayout.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@layouts/components/VerticalNavLink.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@layouts/components/VerticalNavSectionTitle.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@layouts/enums.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@layouts/index.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@layouts/styles/_classes.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@layouts/styles/_default-layout.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@layouts/styles/_global.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@layouts/styles/_mixins.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@layouts/styles/_placeholders.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@layouts/styles/_rtl.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@layouts/styles/_variables.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@layouts/styles/index.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@layouts/types.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/@layouts/utils.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/App.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/avatars/avatar-1.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/avatars/avatar-10.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/avatars/avatar-11.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/avatars/avatar-12.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/avatars/avatar-13.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/avatars/avatar-14.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/avatars/avatar-15.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/avatars/avatar-2.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/avatars/avatar-3.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/avatars/avatar-4.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/avatars/avatar-5.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/avatars/avatar-6.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/avatars/avatar-7.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/avatars/avatar-8.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/avatars/avatar-9.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/eCommerce/2.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/logo.svg create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/logos/american-bank.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/logos/aviato.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/logos/aws.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/logos/bitbank.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/logos/chrome.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/logos/citi-bank.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/logos/digital-ocean.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/logos/github.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/logos/google.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/logos/gumroad.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/logos/mastercard-label.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/logos/slack.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/logos/stripe.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/logos/zipcar.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/misc/trophy.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/pages/1.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/pages/2.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/pages/3.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/pages/404.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/pages/5.jpg create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/pages/6.jpg create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/pages/auth-v1-mask-dark.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/pages/auth-v1-mask-light.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/pages/auth-v1-tree-2.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/pages/auth-v1-tree.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/pages/misc-mask-dark.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/pages/misc-mask-light.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/pages/tree.png create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/svg/checkbox-checked.svg create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/svg/checkbox-indeterminate.svg create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/svg/checkbox-unchecked.svg create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/svg/radio-checked.svg create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/images/svg/radio-unchecked.svg create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/styles/styles.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/styles/variables/_template.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/assets/styles/variables/_vuetify.scss create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/components/ErrorHeader.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/components/UpgradeToPro.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/layouts/blank.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/layouts/components/DefaultLayoutWithVerticalNav.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/layouts/components/Footer.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/layouts/components/NavItems.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/layouts/components/NavbarThemeSwitcher.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/layouts/components/UserProfile.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/layouts/default.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/main.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/pages/[...error].vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/pages/account-settings.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/pages/card-basic.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/pages/cards.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/pages/dashboard.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/pages/form-layouts.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/pages/icons.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/pages/login.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/pages/register.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/pages/tables.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/pages/typography.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/plugins/iconify/build-icons.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/plugins/iconify/index.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/plugins/iconify/package.json create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/plugins/pinia.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/plugins/router/index.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/plugins/router/routes.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/plugins/vuetify/defaults.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/plugins/vuetify/icons.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/plugins/vuetify/index.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/plugins/vuetify/theme.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/plugins/webfontloader.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/utils/paginationMeta.ts create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/dashboard/AnalyticsAward.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/dashboard/AnalyticsBarCharts.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/dashboard/AnalyticsDepositWithdraw.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/dashboard/AnalyticsSalesByCountries.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/dashboard/AnalyticsTotalEarning.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/dashboard/AnalyticsTotalProfitLineCharts.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/dashboard/AnalyticsTransactions.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/dashboard/AnalyticsUserTable.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/dashboard/AnalyticsWeeklyOverview.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/pages/account-settings/AccountSettingsAccount.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/pages/account-settings/AccountSettingsNotification.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/pages/account-settings/AccountSettingsSecurity.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/pages/authentication/AuthProvider.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/pages/cards/card-basic/CardBasic.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/pages/cards/card-basic/CardNavigation.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/pages/cards/card-basic/CardSolid.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/pages/form-layouts/DemoFormLayoutHorizontalForm.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/pages/form-layouts/DemoFormLayoutHorizontalFormWithIcons.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/pages/form-layouts/DemoFormLayoutMultipleColumn.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/pages/form-layouts/DemoFormLayoutVerticalForm.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/pages/form-layouts/DemoFormLayoutVerticalFormWithIcons.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/pages/tables/DemoSimpleTableBasics.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/pages/tables/DemoSimpleTableDensity.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/pages/tables/DemoSimpleTableFixedHeader.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/pages/tables/DemoSimpleTableHeight.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/pages/tables/DemoSimpleTableTheme.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/user-interface/form-layouts/DemoFormLayoutHorizontalForm.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/user-interface/form-layouts/DemoFormLayoutHorizontalFormWithIcons.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/user-interface/form-layouts/DemoFormLayoutMultipleColumn.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/user-interface/form-layouts/DemoFormLayoutVerticalForm.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/user-interface/form-layouts/DemoFormLayoutVerticalFormWithIcons.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/user-interface/tables/TableBasic.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/user-interface/tables/TableDark.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/user-interface/tables/TableDensity.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/user-interface/tables/TableFixedHeader.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/user-interface/tables/TableHeight.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/user-interface/typography/TypographyHeadlines.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/src/views/user-interface/typography/TypographyTexts.vue create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/tsconfig.json create mode 100644 src/materio-vuetify-vuejs-admin-template-free/typescript-version/vite.config.ts diff --git a/MicCheck.slnx b/MicCheck.slnx index 2443264..298104d 100644 --- a/MicCheck.slnx +++ b/MicCheck.slnx @@ -1,5 +1,19073 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/admin/jest.config.js b/src/admin/jest.config.js index d7fe9b9..1e2185f 100644 --- a/src/admin/jest.config.js +++ b/src/admin/jest.config.js @@ -16,12 +16,19 @@ module.exports = { '^.+\\.[jt]sx?$': 'babel-jest', }, transformIgnorePatterns: [ - '/node_modules/(?!(vuetify)/)', + '/node_modules/(?!(vuetify|@vueuse|@iconify)/)', ], moduleNameMapper: { '\\.(css|scss|sass)$': '/tests/__mocks__/styleMock.js', '\\.(svg|png|jpg|jpeg|gif|webp|woff2?)$': '/tests/__mocks__/fileMock.js', '^@/(.*)$': '/src/$1', + '^@core/(.*)$': '/src/@core/$1', + '^@core$': '/src/@core', + '^@layouts/(.*)$': '/src/@layouts/$1', + '^@layouts$': '/src/@layouts', + '^@images/(.*)$': '/src/assets/images/$1', + '^@styles/(.*)$': '/src/assets/styles/$1', + '^@configured-variables$': '/tests/__mocks__/styleMock.js', }, globals: { 'vue-jest': { diff --git a/src/admin/package-lock.json b/src/admin/package-lock.json index 1971b66..43263e7 100644 --- a/src/admin/package-lock.json +++ b/src/admin/package-lock.json @@ -8,12 +8,16 @@ "name": "mic-check-admin", "version": "1.0.0", "dependencies": { - "@mdi/js": "^7.4.47", + "@iconify-json/bxl": "^1.2.0", + "@iconify-json/ri": "^1.2.0", + "@iconify/vue": "^4.1.0", + "@vueuse/core": "^11.0.0", "axios": "^1.15.0", "pinia": "^3.0.4", "vue": "^3.4.0", "vue-router": "^4.3.0", - "vuetify": "^3.6.0" + "vue3-perfect-scrollbar": "^2.0.0", + "vuetify": "^3.7.5" }, "devDependencies": { "@babel/core": "^7.24.0", @@ -28,10 +32,12 @@ "jest": "^29.7.0", "jest-environment-jsdom": "^29.7.0", "sass": "^1.77.2", + "sass-embedded": "^1.77.0", "ts-jest": "^29.1.4", "typescript": "^5.4.5", "vite": "^8.0.8", - "vite-plugin-vuetify": "^2.1.3" + "vite-plugin-vuetify": "^2.1.3", + "vite-svg-loader": "^5.1.0" } }, "node_modules/@babel/code-frame": { @@ -1706,6 +1712,12 @@ "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==", "dev": true }, + "node_modules/@bufbuild/protobuf": { + "version": "2.11.0", + "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.11.0.tgz", + "integrity": "sha512-sBXGT13cpmPR5BMgHE6UEEfEaShh5Ror6rfN3yEK5si7QVrtZg8LEPQb0VVhiLRUslD2yLnXtnRzG035J/mZXQ==", + "devOptional": true + }, "node_modules/@emnapi/core": { "version": "1.9.2", "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.9.2.tgz", @@ -1734,6 +1746,41 @@ "tslib": "^2.4.0" } }, + "node_modules/@iconify-json/bxl": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/@iconify-json/bxl/-/bxl-1.2.4.tgz", + "integrity": "sha512-R6gVQSxB1+XeVClK7KdACnk1SfP8xiAu6LHuKZmp6Ro5zwMQbpe9vFBv30F6eHMDL8lZ7eXuac5SRJ9C8DKehQ==", + "dependencies": { + "@iconify/types": "*" + } + }, + "node_modules/@iconify-json/ri": { + "version": "1.2.10", + "resolved": "https://registry.npmjs.org/@iconify-json/ri/-/ri-1.2.10.tgz", + "integrity": "sha512-WWMhoncVVM+Xmu9T5fgu2lhYRrKTEWhKk3Com0KiM111EeEsRLiASjpsFKnC/SrB6covhUp95r2mH8tGxhgd5Q==", + "dependencies": { + "@iconify/types": "*" + } + }, + "node_modules/@iconify/types": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz", + "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==" + }, + "node_modules/@iconify/vue": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/@iconify/vue/-/vue-4.3.0.tgz", + "integrity": "sha512-Xq0h6zMrHBbrW8jXJ9fISi+x8oDQllg5hTDkDuxnWiskJ63rpJu9CvJshj8VniHVTbsxCg9fVoPAaNp3RQI5OQ==", + "dependencies": { + "@iconify/types": "^2.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/cyberalien" + }, + "peerDependencies": { + "vue": ">=3" + } + }, "node_modules/@isaacs/cliui": { "version": "8.0.2", "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", @@ -2566,11 +2613,6 @@ "@jridgewell/sourcemap-codec": "^1.4.14" } }, - "node_modules/@mdi/js": { - "version": "7.4.47", - "resolved": "https://registry.npmjs.org/@mdi/js/-/js-7.4.47.tgz", - "integrity": "sha512-KPnNOtm5i2pMabqZxpUz7iQf+mfrYZyKCZ8QNz85czgEt7cuHcGorWfdzUMWYA0SD+a6Hn4FmJ+YhzzzjkTZrQ==" - }, "node_modules/@napi-rs/wasm-runtime": { "version": "1.1.4", "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.4.tgz", @@ -3346,6 +3388,11 @@ "integrity": "sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==", "dev": true }, + "node_modules/@types/web-bluetooth": { + "version": "0.0.20", + "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz", + "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==" + }, "node_modules/@types/yargs": { "version": "17.0.35", "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.35.tgz", @@ -3553,6 +3600,89 @@ "vuetify": ">=3" } }, + "node_modules/@vueuse/core": { + "version": "11.3.0", + "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-11.3.0.tgz", + "integrity": "sha512-7OC4Rl1f9G8IT6rUfi9JrKiXy4bfmHhZ5x2Ceojy0jnd3mHNEvV4JaRygH362ror6/NZ+Nl+n13LPzGiPN8cKA==", + "dependencies": { + "@types/web-bluetooth": "^0.0.20", + "@vueuse/metadata": "11.3.0", + "@vueuse/shared": "11.3.0", + "vue-demi": ">=0.14.10" + }, + "funding": { + "url": "https://github.com/sponsors/antfu" + } + }, + "node_modules/@vueuse/core/node_modules/vue-demi": { + "version": "0.14.10", + "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz", + "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==", + "hasInstallScript": true, + "bin": { + "vue-demi-fix": "bin/vue-demi-fix.js", + "vue-demi-switch": "bin/vue-demi-switch.js" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/antfu" + }, + "peerDependencies": { + "@vue/composition-api": "^1.0.0-rc.1", + "vue": "^3.0.0-0 || ^2.6.0" + }, + "peerDependenciesMeta": { + "@vue/composition-api": { + "optional": true + } + } + }, + "node_modules/@vueuse/metadata": { + "version": "11.3.0", + "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-11.3.0.tgz", + "integrity": "sha512-pwDnDspTqtTo2HwfLw4Rp6yywuuBdYnPYDq+mO38ZYKGebCUQC/nVj/PXSiK9HX5otxLz8Fn7ECPbjiRz2CC3g==", + "funding": { + "url": "https://github.com/sponsors/antfu" + } + }, + "node_modules/@vueuse/shared": { + "version": "11.3.0", + "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-11.3.0.tgz", + "integrity": "sha512-P8gSSWQeucH5821ek2mn/ciCk+MS/zoRKqdQIM3bHq6p7GXDAJLmnRRKmF5F65sAVJIfzQlwR3aDzwCn10s8hA==", + "dependencies": { + "vue-demi": ">=0.14.10" + }, + "funding": { + "url": "https://github.com/sponsors/antfu" + } + }, + "node_modules/@vueuse/shared/node_modules/vue-demi": { + "version": "0.14.10", + "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz", + "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==", + "hasInstallScript": true, + "bin": { + "vue-demi-fix": "bin/vue-demi-fix.js", + "vue-demi-switch": "bin/vue-demi-switch.js" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/antfu" + }, + "peerDependencies": { + "@vue/composition-api": "^1.0.0-rc.1", + "vue": "^3.0.0-0 || ^2.6.0" + }, + "peerDependenciesMeta": { + "@vue/composition-api": { + "optional": true + } + } + }, "node_modules/@webassemblyjs/ast": { "version": "1.14.1", "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz", @@ -4166,6 +4296,12 @@ "url": "https://github.com/sponsors/antfu" } }, + "node_modules/boolbase": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", + "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==", + "dev": true + }, "node_modules/brace-expansion": { "version": "5.0.5", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz", @@ -4424,6 +4560,12 @@ "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", "dev": true }, + "node_modules/colorjs.io": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/colorjs.io/-/colorjs.io-0.5.2.tgz", + "integrity": "sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==", + "devOptional": true + }, "node_modules/combined-stream": { "version": "1.0.8", "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", @@ -4435,6 +4577,15 @@ "node": ">= 0.8" } }, + "node_modules/commander": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz", + "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==", + "dev": true, + "engines": { + "node": ">= 10" + } + }, "node_modules/common-path-prefix": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/common-path-prefix/-/common-path-prefix-3.0.0.tgz", @@ -4590,6 +4741,22 @@ "node": ">= 8" } }, + "node_modules/css-select": { + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.2.2.tgz", + "integrity": "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==", + "dev": true, + "dependencies": { + "boolbase": "^1.0.0", + "css-what": "^6.1.0", + "domhandler": "^5.0.2", + "domutils": "^3.0.1", + "nth-check": "^2.0.1" + }, + "funding": { + "url": "https://github.com/sponsors/fb55" + } + }, "node_modules/css-tree": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz", @@ -4603,6 +4770,51 @@ "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0" } }, + "node_modules/css-what": { + "version": "6.2.2", + "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.2.2.tgz", + "integrity": "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==", + "dev": true, + "engines": { + "node": ">= 6" + }, + "funding": { + "url": "https://github.com/sponsors/fb55" + } + }, + "node_modules/csso": { + "version": "5.0.5", + "resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz", + "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==", + "dev": true, + "dependencies": { + "css-tree": "~2.2.0" + }, + "engines": { + "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0", + "npm": ">=7.0.0" + } + }, + "node_modules/csso/node_modules/css-tree": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz", + "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==", + "dev": true, + "dependencies": { + "mdn-data": "2.0.28", + "source-map-js": "^1.0.1" + }, + "engines": { + "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0", + "npm": ">=7.0.0" + } + }, + "node_modules/csso/node_modules/mdn-data": { + "version": "2.0.28", + "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz", + "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==", + "dev": true + }, "node_modules/cssom": { "version": "0.5.0", "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.5.0.tgz", @@ -4737,6 +4949,44 @@ "node": "^14.15.0 || ^16.10.0 || >=18.0.0" } }, + "node_modules/dom-serializer": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz", + "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==", + "dev": true, + "dependencies": { + "domelementtype": "^2.3.0", + "domhandler": "^5.0.2", + "entities": "^4.2.0" + }, + "funding": { + "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1" + } + }, + "node_modules/dom-serializer/node_modules/entities": { + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", + "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", + "dev": true, + "engines": { + "node": ">=0.12" + }, + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, + "node_modules/domelementtype": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz", + "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/fb55" + } + ] + }, "node_modules/domexception": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz", @@ -4750,6 +5000,35 @@ "node": ">=12" } }, + "node_modules/domhandler": { + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz", + "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==", + "dev": true, + "dependencies": { + "domelementtype": "^2.3.0" + }, + "engines": { + "node": ">= 4" + }, + "funding": { + "url": "https://github.com/fb55/domhandler?sponsor=1" + } + }, + "node_modules/domutils": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz", + "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==", + "dev": true, + "dependencies": { + "dom-serializer": "^2.0.0", + "domelementtype": "^2.3.0", + "domhandler": "^5.0.3" + }, + "funding": { + "url": "https://github.com/fb55/domutils?sponsor=1" + } + }, "node_modules/dunder-proto": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz", @@ -8314,6 +8593,18 @@ "node": ">=8" } }, + "node_modules/nth-check": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz", + "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==", + "dev": true, + "dependencies": { + "boolbase": "^1.0.0" + }, + "funding": { + "url": "https://github.com/fb55/nth-check?sponsor=1" + } + }, "node_modules/null-loader": { "version": "4.0.1", "resolved": "https://registry.npmjs.org/null-loader/-/null-loader-4.0.1.tgz", @@ -8577,6 +8868,11 @@ "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-1.0.0.tgz", "integrity": "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==" }, + "node_modules/perfect-scrollbar": { + "version": "1.5.6", + "resolved": "https://registry.npmjs.org/perfect-scrollbar/-/perfect-scrollbar-1.5.6.tgz", + "integrity": "sha512-rixgxw3SxyJbCaSpo1n35A/fwI1r2rdwMKOTCg/AcG+xOEyZcE8UHVjpZMFCVImzsFoCZeJTT+M/rdEIQYO2nw==" + }, "node_modules/picocolors": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", @@ -8957,6 +9253,15 @@ "integrity": "sha512-UromN0peaE53IaBRe9W7CjrZgXl90fqGpK+mIZbA3qSTeYqg3pqpROBdIPvOG3F5ereDHNwoHBI2e50n1BDr1g==", "devOptional": true }, + "node_modules/rxjs": { + "version": "7.8.2", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz", + "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==", + "devOptional": true, + "dependencies": { + "tslib": "^2.1.0" + } + }, "node_modules/safer-buffer": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", @@ -8964,9 +9269,9 @@ "dev": true }, "node_modules/sass": { - "version": "1.98.0", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.98.0.tgz", - "integrity": "sha512-+4N/u9dZ4PrgzGgPlKnaaRQx64RO0JBKs9sDhQ2pLgN6JQZ25uPQZKQYaBJU48Kd5BxgXoJ4e09Dq7nMcOUW3A==", + "version": "1.99.0", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.99.0.tgz", + "integrity": "sha512-kgW13M54DUB7IsIRM5LvJkNlpH+WhMpooUcaWGFARkF1Tc82v9mIWkCbCYf+MBvpIUBSeSOTilpZjEPr2VYE6Q==", "devOptional": true, "dependencies": { "chokidar": "^4.0.0", @@ -8983,6 +9288,350 @@ "@parcel/watcher": "^2.4.1" } }, + "node_modules/sass-embedded": { + "version": "1.99.0", + "resolved": "https://registry.npmjs.org/sass-embedded/-/sass-embedded-1.99.0.tgz", + "integrity": "sha512-gF/juR1aX02lZHkvwxdF80SapkQeg2fetoDF6gIQkNbSw5YEUFspMkyGTjPjgZSgIHuZpy+Wz4PlebKnLXMjdg==", + "devOptional": true, + "dependencies": { + "@bufbuild/protobuf": "^2.5.0", + "colorjs.io": "^0.5.0", + "immutable": "^5.1.5", + "rxjs": "^7.4.0", + "supports-color": "^8.1.1", + "sync-child-process": "^1.0.2", + "varint": "^6.0.0" + }, + "bin": { + "sass": "dist/bin/sass.js" + }, + "engines": { + "node": ">=16.0.0" + }, + "optionalDependencies": { + "sass-embedded-all-unknown": "1.99.0", + "sass-embedded-android-arm": "1.99.0", + "sass-embedded-android-arm64": "1.99.0", + "sass-embedded-android-riscv64": "1.99.0", + "sass-embedded-android-x64": "1.99.0", + "sass-embedded-darwin-arm64": "1.99.0", + "sass-embedded-darwin-x64": "1.99.0", + "sass-embedded-linux-arm": "1.99.0", + "sass-embedded-linux-arm64": "1.99.0", + "sass-embedded-linux-musl-arm": "1.99.0", + "sass-embedded-linux-musl-arm64": "1.99.0", + "sass-embedded-linux-musl-riscv64": "1.99.0", + "sass-embedded-linux-musl-x64": "1.99.0", + "sass-embedded-linux-riscv64": "1.99.0", + "sass-embedded-linux-x64": "1.99.0", + "sass-embedded-unknown-all": "1.99.0", + "sass-embedded-win32-arm64": "1.99.0", + "sass-embedded-win32-x64": "1.99.0" + } + }, + "node_modules/sass-embedded-all-unknown": { + "version": "1.99.0", + "resolved": "https://registry.npmjs.org/sass-embedded-all-unknown/-/sass-embedded-all-unknown-1.99.0.tgz", + "integrity": "sha512-qPIRG8Uhjo6/OKyAKixTnwMliTz+t9K6Duk0mx5z+K7n0Ts38NSJz2sjDnc7cA/8V9Lb3q09H38dZ1CLwD+ssw==", + "cpu": [ + "!arm", + "!arm64", + "!riscv64", + "!x64" + ], + "optional": true, + "dependencies": { + "sass": "1.99.0" + } + }, + "node_modules/sass-embedded-android-arm": { + "version": "1.99.0", + "resolved": "https://registry.npmjs.org/sass-embedded-android-arm/-/sass-embedded-android-arm-1.99.0.tgz", + "integrity": "sha512-EHvJ0C7/VuP78Qr6f8gIUVUmCqIorEQpw2yp3cs3SMg02ZuumlhjXvkTcFBxHmFdFR23vTNk1WnhY6QSeV1nFQ==", + "cpu": [ + "arm" + ], + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/sass-embedded-android-arm64": { + "version": "1.99.0", + "resolved": "https://registry.npmjs.org/sass-embedded-android-arm64/-/sass-embedded-android-arm64-1.99.0.tgz", + "integrity": "sha512-fNHhdnP23yqqieCbAdym4N47AleSwjbNt6OYIYx4DdACGdtERjQB4iOX/TaKsW034MupfF7SjnAAK8w7Ptldtg==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/sass-embedded-android-riscv64": { + "version": "1.99.0", + "resolved": "https://registry.npmjs.org/sass-embedded-android-riscv64/-/sass-embedded-android-riscv64-1.99.0.tgz", + "integrity": "sha512-4zqDFRvgGDTL5vTHuIhRxUpXFoh0Cy7Gm5Ywk19ASd8Settmd14YdPRZPmMxfgS1GH292PofV1fq1ifiSEJWBw==", + "cpu": [ + "riscv64" + ], + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/sass-embedded-android-x64": { + "version": "1.99.0", + "resolved": "https://registry.npmjs.org/sass-embedded-android-x64/-/sass-embedded-android-x64-1.99.0.tgz", + "integrity": "sha512-Uk53k/dGYt04RjOL4gFjZ0Z9DH9DKh8IA8WsXUkNqsxerAygoy3zqRBS2zngfE9K2jiOM87q+1R1p87ory9oQQ==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/sass-embedded-darwin-arm64": { + "version": "1.99.0", + "resolved": "https://registry.npmjs.org/sass-embedded-darwin-arm64/-/sass-embedded-darwin-arm64-1.99.0.tgz", + "integrity": "sha512-u61/7U3IGLqoO6gL+AHeiAtlTPFwJK1+964U8gp45ZN0hzh1yrARf5O1mivXv8NnNgJvbG2wWJbiNZP0lG/lTg==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/sass-embedded-darwin-x64": { + "version": "1.99.0", + "resolved": "https://registry.npmjs.org/sass-embedded-darwin-x64/-/sass-embedded-darwin-x64-1.99.0.tgz", + "integrity": "sha512-j/kkk/NcXdIameLezSfXjgCiBkVcA+G60AXrX768/3g0miK1g7M9dj7xOhCb1i7/wQeiEI3rw2LLuO63xRIn4A==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/sass-embedded-linux-arm": { + "version": "1.99.0", + "resolved": "https://registry.npmjs.org/sass-embedded-linux-arm/-/sass-embedded-linux-arm-1.99.0.tgz", + "integrity": "sha512-d4IjJZrX2+AwB2YCy1JySwdptJECNP/WfAQLUl8txI3ka8/d3TUI155GtelnoZUkio211PwIeFvvAeZ9RXPQnw==", + "cpu": [ + "arm" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/sass-embedded-linux-arm64": { + "version": "1.99.0", + "resolved": "https://registry.npmjs.org/sass-embedded-linux-arm64/-/sass-embedded-linux-arm64-1.99.0.tgz", + "integrity": "sha512-btNcFpItcB56L40n8hDeL7sRSMLDXQ56nB5h2deddJx1n60rpKSElJmkaDGHtpkrY+CTtDRV0FZDjHeTJddYew==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/sass-embedded-linux-musl-arm": { + "version": "1.99.0", + "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-arm/-/sass-embedded-linux-musl-arm-1.99.0.tgz", + "integrity": "sha512-2gvHOupgIw3ytatXT4nFUow71LFbuOZPEwG+HUzcNQDH8ue4Ez8cr03vsv5MDv3lIjOKcXwDvWD980t18MwkoQ==", + "cpu": [ + "arm" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/sass-embedded-linux-musl-arm64": { + "version": "1.99.0", + "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-arm64/-/sass-embedded-linux-musl-arm64-1.99.0.tgz", + "integrity": "sha512-Hi2bt/IrM5P4FBKz6EcHAlniwfpoz9mnTdvSd58y+avA3SANM76upIkAdSayA8ZGwyL3gZokru1AKDPF9lJDNw==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/sass-embedded-linux-musl-riscv64": { + "version": "1.99.0", + "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-riscv64/-/sass-embedded-linux-musl-riscv64-1.99.0.tgz", + "integrity": "sha512-mKqGvVaJ9rHMqyZsF0kikQe4NO0f4osb67+X6nLhBiVDKvyazQHJ3zJQreNefIE36yL2sjHIclSB//MprzaQDg==", + "cpu": [ + "riscv64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/sass-embedded-linux-musl-x64": { + "version": "1.99.0", + "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-x64/-/sass-embedded-linux-musl-x64-1.99.0.tgz", + "integrity": "sha512-huhgOMmOc30r7CH7qbRbT9LerSEGSnWuS4CYNOskr9BvNeQp4dIneFufNRGZ7hkOAxUM8DglxIZJN/cyAT95Ew==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/sass-embedded-linux-riscv64": { + "version": "1.99.0", + "resolved": "https://registry.npmjs.org/sass-embedded-linux-riscv64/-/sass-embedded-linux-riscv64-1.99.0.tgz", + "integrity": "sha512-mevFPIFAVhrH90THifxLfOntFmHtcEKOcdWnep2gJ0X4DVva4AiVIRlQe/7w9JFx5+gnDRE1oaJJkzuFUuYZsA==", + "cpu": [ + "riscv64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/sass-embedded-linux-x64": { + "version": "1.99.0", + "resolved": "https://registry.npmjs.org/sass-embedded-linux-x64/-/sass-embedded-linux-x64-1.99.0.tgz", + "integrity": "sha512-9k7IkULqIZdCIVt4Mboryt6vN8Mjmm3EhI1P3mClU5y5i3wLK5ExC3cbVWk047KsID/fvB1RLslqghXJx5BoxA==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/sass-embedded-unknown-all": { + "version": "1.99.0", + "resolved": "https://registry.npmjs.org/sass-embedded-unknown-all/-/sass-embedded-unknown-all-1.99.0.tgz", + "integrity": "sha512-P7MxiUtL/XzGo3PX0CaB8lNNEFLQWKikPA8pbKytx9ZCLZSDkt2NJcdAbblB/sqMs4AV3EK2NadV8rI/diq3xg==", + "optional": true, + "os": [ + "!android", + "!darwin", + "!linux", + "!win32" + ], + "dependencies": { + "sass": "1.99.0" + } + }, + "node_modules/sass-embedded-win32-arm64": { + "version": "1.99.0", + "resolved": "https://registry.npmjs.org/sass-embedded-win32-arm64/-/sass-embedded-win32-arm64-1.99.0.tgz", + "integrity": "sha512-8whpsW7S+uO8QApKfQuc36m3P9EISzbVZOgC79goob4qGy09u8Gz/rYvw8h1prJDSjltpHGhOzBE6LDz7WvzVw==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/sass-embedded-win32-x64": { + "version": "1.99.0", + "resolved": "https://registry.npmjs.org/sass-embedded-win32-x64/-/sass-embedded-win32-x64-1.99.0.tgz", + "integrity": "sha512-ipuOv1R2K4MHeuCEAZGpuUbAgma4gb0sdacyrTjJtMOy/OY9UvWfVlwErdB09KIkp4fPDpQJDJfvYN6bC8jeNg==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/sass-embedded/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "devOptional": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/sass-embedded/node_modules/supports-color": { + "version": "8.1.1", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz", + "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==", + "devOptional": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/supports-color?sponsor=1" + } + }, + "node_modules/sax": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/sax/-/sax-1.6.0.tgz", + "integrity": "sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA==", + "dev": true, + "engines": { + "node": ">=11.0.0" + } + }, "node_modules/saxes": { "version": "6.0.0", "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz", @@ -9269,12 +9918,58 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/svgo": { + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.3.3.tgz", + "integrity": "sha512-+wn7I4p7YgJhHs38k2TNjy1vCfPIfLIJWR5MnCStsN8WuuTcBnRKcMHQLMM2ijxGZmDoZwNv8ipl5aTTen62ng==", + "dev": true, + "dependencies": { + "commander": "^7.2.0", + "css-select": "^5.1.0", + "css-tree": "^2.3.1", + "css-what": "^6.1.0", + "csso": "^5.0.5", + "picocolors": "^1.0.0", + "sax": "^1.5.0" + }, + "bin": { + "svgo": "bin/svgo" + }, + "engines": { + "node": ">=14.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/svgo" + } + }, "node_modules/symbol-tree": { "version": "3.2.4", "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz", "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==", "dev": true }, + "node_modules/sync-child-process": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/sync-child-process/-/sync-child-process-1.0.2.tgz", + "integrity": "sha512-8lD+t2KrrScJ/7KXCSyfhT3/hRq78rC0wBFqNJXv3mZyn6hW2ypM05JmlSvtqRbeq6jqA94oHbxAr2vYsJ8vDA==", + "devOptional": true, + "dependencies": { + "sync-message-port": "^1.0.0" + }, + "engines": { + "node": ">=16.0.0" + } + }, + "node_modules/sync-message-port": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/sync-message-port/-/sync-message-port-1.2.0.tgz", + "integrity": "sha512-gAQ9qrUN/UCypHtGFbbe7Rc/f9bzO88IwrG8TDo/aMKAApKyD6E3W4Cm0EfhfBb6Z6SKt59tTCTfD+n1xmAvMg==", + "devOptional": true, + "engines": { + "node": ">=16.0.0" + } + }, "node_modules/tapable": { "version": "2.3.2", "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.2.tgz", @@ -9625,7 +10320,7 @@ "version": "2.8.1", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", - "optional": true + "devOptional": true }, "node_modules/type-detect": { "version": "4.0.8", @@ -9803,6 +10498,12 @@ "node": ">=10.12.0" } }, + "node_modules/varint": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/varint/-/varint-6.0.0.tgz", + "integrity": "sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==", + "devOptional": true + }, "node_modules/vite": { "version": "8.0.8", "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.8.tgz", @@ -9899,6 +10600,19 @@ "vuetify": ">=3" } }, + "node_modules/vite-svg-loader": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/vite-svg-loader/-/vite-svg-loader-5.1.1.tgz", + "integrity": "sha512-RPzcXA/EpKJA0585x58DBgs7my2VfeJ+j2j1EoHY4Zh82Y7hV4cR1fElgy2aZi85+QSrcLLoTStQ5uZjD68u+Q==", + "dev": true, + "dependencies": { + "debug": "^4.3.4", + "svgo": "^3.3.3" + }, + "peerDependencies": { + "vue": ">=3.2.13" + } + }, "node_modules/vite/node_modules/picomatch": { "version": "4.0.4", "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz", @@ -9951,6 +10665,17 @@ "vue": "^3.5.0" } }, + "node_modules/vue3-perfect-scrollbar": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/vue3-perfect-scrollbar/-/vue3-perfect-scrollbar-2.0.0.tgz", + "integrity": "sha512-nSWVcRyViCgt0Pe3RhU3w/BllLcFSrEzYOGlRBjSyhVmiZlERHHziffW+9P8L0IMEWouC5t+uYrgNJGSAElqMA==", + "dependencies": { + "perfect-scrollbar": "^1.5.5" + }, + "peerDependencies": { + "vue": "^3.0.0" + } + }, "node_modules/vuetify": { "version": "3.12.4", "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.12.4.tgz", diff --git a/src/admin/package.json b/src/admin/package.json index 4b61b66..ead5574 100644 --- a/src/admin/package.json +++ b/src/admin/package.json @@ -10,12 +10,16 @@ "test": "jest --passWithNoTests" }, "dependencies": { - "@mdi/js": "^7.4.47", + "@iconify-json/bxl": "^1.2.0", + "@iconify-json/ri": "^1.2.0", + "@iconify/vue": "^4.1.0", + "@vueuse/core": "^11.0.0", "axios": "^1.15.0", "pinia": "^3.0.4", "vue": "^3.4.0", "vue-router": "^4.3.0", - "vuetify": "^3.6.0" + "vue3-perfect-scrollbar": "^2.0.0", + "vuetify": "^3.7.5" }, "devDependencies": { "@babel/core": "^7.24.0", @@ -30,10 +34,12 @@ "jest": "^29.7.0", "jest-environment-jsdom": "^29.7.0", "sass": "^1.77.2", + "sass-embedded": "^1.77.0", "ts-jest": "^29.1.4", "typescript": "^5.4.5", "vite": "^8.0.8", - "vite-plugin-vuetify": "^2.1.3" + "vite-plugin-vuetify": "^2.1.3", + "vite-svg-loader": "^5.1.0" }, "overrides": { "brace-expansion": "^5.0.5" diff --git a/src/admin/src/@core/components/MoreBtn.vue b/src/admin/src/@core/components/MoreBtn.vue new file mode 100644 index 0000000..46ed5ac --- /dev/null +++ b/src/admin/src/@core/components/MoreBtn.vue @@ -0,0 +1,28 @@ + + + diff --git a/src/admin/src/@core/components/ThemeSwitcher.vue b/src/admin/src/@core/components/ThemeSwitcher.vue new file mode 100644 index 0000000..96712ac --- /dev/null +++ b/src/admin/src/@core/components/ThemeSwitcher.vue @@ -0,0 +1,35 @@ + + + diff --git a/src/admin/src/@core/components/cards/CardStatisticsHorizontal.vue b/src/admin/src/@core/components/cards/CardStatisticsHorizontal.vue new file mode 100644 index 0000000..d17bcb2 --- /dev/null +++ b/src/admin/src/@core/components/cards/CardStatisticsHorizontal.vue @@ -0,0 +1,53 @@ + + + diff --git a/src/admin/src/@core/components/cards/CardStatisticsVertical.vue b/src/admin/src/@core/components/cards/CardStatisticsVertical.vue new file mode 100644 index 0000000..9c3b297 --- /dev/null +++ b/src/admin/src/@core/components/cards/CardStatisticsVertical.vue @@ -0,0 +1,71 @@ + + + diff --git a/src/admin/src/@core/components/cards/CardStatisticsWithImages.vue b/src/admin/src/@core/components/cards/CardStatisticsWithImages.vue new file mode 100644 index 0000000..1d2094d --- /dev/null +++ b/src/admin/src/@core/components/cards/CardStatisticsWithImages.vue @@ -0,0 +1,65 @@ + + + + + diff --git a/src/admin/src/@core/scss/base/_components.scss b/src/admin/src/@core/scss/base/_components.scss new file mode 100644 index 0000000..3932a93 --- /dev/null +++ b/src/admin/src/@core/scss/base/_components.scss @@ -0,0 +1,191 @@ +@use "mixins"; +@use "@layouts/styles/placeholders"; +@use "@layouts/styles/mixins" as layoutMixins; +@use "@configured-variables" as variables; +@use "@styles/variables/_vuetify.scss" as vuetify; + +// 👉 Avatar group +.v-avatar-group { + display: flex; + align-items: center; + + > * { + &:not(:first-child) { + margin-inline-start: -0.8rem; + } + + transition: transform 0.25s ease, box-shadow 0.15s ease; + + &:hover { + z-index: 2; + transform: translateY(-5px) scale(1.05); + + @include mixins.elevation(3); + } + } + + > .v-avatar { + border: 2px solid rgb(var(--v-theme-surface)); + transition: transform 0.15s ease; + } +} + +// 👉 Button outline with default color border color +.v-alert--variant-outlined, +.v-avatar--variant-outlined, +.v-btn.v-btn--variant-outlined, +.v-card--variant-outlined, +.v-chip--variant-outlined, +.v-list-item--variant-outlined { + &:not([class*="text-"]) { + border-color: rgba(var(--v-border-color), var(--v-border-opacity)); + } + + &.text-default { + border-color: rgba(var(--v-border-color), var(--v-border-opacity)); + } +} + +// 👉 Custom Input +.v-label.custom-input { + padding: 1rem; + border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)); + opacity: 1; + white-space: normal; + + &:hover { + border-color: rgba(var(--v-border-color), 0.25); + } + + &.active { + border-color: rgb(var(--v-theme-primary)); + + .v-icon { + color: rgb(var(--v-theme-primary)) !important; + } + } + + &.custom-checkbox, + &.custom-radio { + .v-input__control { + grid-area: none; + } + } +} + +// 👉 Datatable +.v-data-table-footer__pagination { + @include layoutMixins.rtl { + .v-btn { + .v-icon { + transform: rotate(180deg); + } + } + } +} + +// Dialog responsive width +.v-dialog { + // dialog custom close btn + .v-dialog-close-btn { + position: absolute; + z-index: 1; + color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) !important; + inset-block-start: 0.5rem; + inset-inline-end: 0.5rem; + + .v-btn__overlay { + display: none; + } + } + + .v-card { + @extend %style-scroll-bar; + } +} + +@media (min-width: 600px) { + .v-dialog { + &.v-dialog-sm, + &.v-dialog-lg, + &.v-dialog-xl { + .v-overlay__content { + inline-size: 565px !important; + } + } + } +} + +@media (min-width: 960px) { + .v-dialog { + &.v-dialog-lg, + &.v-dialog-xl { + .v-overlay__content { + inline-size: 865px !important; + } + } + } +} + +@media (min-width: 1264px) { + .v-dialog.v-dialog-xl { + .v-overlay__content { + inline-size: 1165px !important; + } + } +} + +// 👉 Expansion panel +.v-expansion-panels.customized-panels { + border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)); + border-radius: vuetify.$border-radius-root; + + .v-expansion-panel-title { + background-color: rgb(var(--v-theme-expansion-panel-text-custom-bg)); + border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)); + margin-block-end: -1px; + } + + .v-expansion-panel-text__wrapper { + padding: 20px; + } +} + +// v-tab with pill support +.v-tabs.v-tabs-pill { + .v-tab.v-btn { + border-radius: 0.25rem !important; + transition: none; + + .v-tab__slider { + visibility: hidden; + } + } +} + +// loop for all colors bg +@each $color-name in variables.$theme-colors-name { + body .v-tabs.v-tabs-pill { + .v-slide-group__content { + gap: 0.25rem; + } + .v-tab--selected.text-#{$color-name} { + background-color: rgb(var(--v-theme-#{$color-name})); + color: rgb(var(--v-theme-on-#{$color-name})) !important; + } + } +} + +// ℹ️ We are make even width of all v-timeline body +.v-timeline--vertical.v-timeline { + .v-timeline-item { + .v-timeline-item__body { + justify-self: stretch !important; + } + } +} + +// 👉 Switch +.v-switch .v-selection-control:not(.v-selection-control--dirty) .v-switch__thumb { + color: #fff !important; +} diff --git a/src/admin/src/@core/scss/base/_dark.scss b/src/admin/src/@core/scss/base/_dark.scss new file mode 100644 index 0000000..e92ab44 --- /dev/null +++ b/src/admin/src/@core/scss/base/_dark.scss @@ -0,0 +1,16 @@ +@use "@configured-variables" as variables; + +// ———————————————————————————————————— +// * ——— Perfect Scrollbar +// ———————————————————————————————————— + +body.v-theme--dark { + .ps__rail-y, + .ps__rail-x { + background-color: transparent !important; + } + + .ps__thumb-y { + background-color: variables.$plugin-ps-thumb-y-dark; + } +} diff --git a/src/admin/src/@core/scss/base/_default-layout-w-vertical-nav.scss b/src/admin/src/@core/scss/base/_default-layout-w-vertical-nav.scss new file mode 100644 index 0000000..1812fe2 --- /dev/null +++ b/src/admin/src/@core/scss/base/_default-layout-w-vertical-nav.scss @@ -0,0 +1,103 @@ +@use "@configured-variables" as variables; +@use "@core/scss/base/placeholders" as *; +@use "@core/scss/template/placeholders" as *; +@use "misc"; +@use "@core/scss/base/mixins"; + +$header: ".layout-navbar"; + +@if variables.$layout-vertical-nav-navbar-is-contained { + $header: ".layout-navbar .navbar-content-container"; +} + +.layout-wrapper.layout-nav-type-vertical { + // SECTION Layout Navbar + // 👉 Elevated navbar + @if variables.$vertical-nav-navbar-style == "elevated" { + // Add transition + #{$header} { + transition: padding 0.2s ease, background-color 0.18s ease; + } + + // If navbar is contained => Add border radius to header + @if variables.$layout-vertical-nav-navbar-is-contained { + #{$header} { + border-radius: 0 0 variables.$default-layout-with-vertical-nav-navbar-footer-roundness variables.$default-layout-with-vertical-nav-navbar-footer-roundness; + } + } + + // Scrolled styles for sticky navbar + @at-root { + /* ℹ️ This html selector with not selector is required when: + dialog is opened and window don't have any scroll. This removes window-scrolled class from layout and our style broke + */ + html.v-overlay-scroll-blocked:not([style*="--v-body-scroll-y: 0px;"]) .layout-navbar-sticky, + &.window-scrolled.layout-navbar-sticky { + + #{$header} { + @extend %default-layout-vertical-nav-scrolled-sticky-elevated-nav; + @extend %default-layout-vertical-nav-floating-navbar-and-sticky-elevated-navbar-scrolled; + } + + .navbar-blur#{$header} { + @extend %blurry-bg; + } + } + } + } + + // 👉 Floating navbar + @else if variables.$vertical-nav-navbar-style == "floating" { + // ℹ️ Regardless of navbar is contained or not => Apply overlay to .layout-navbar + .layout-navbar { + &.navbar-blur { + @extend %default-layout-vertical-nav-floating-navbar-overlay; + } + } + + &:not(.layout-navbar-sticky) { + #{$header} { + margin-block-start: variables.$vertical-nav-floating-navbar-top; + } + } + + #{$header} { + @if variables.$layout-vertical-nav-navbar-is-contained { + border-radius: variables.$default-layout-with-vertical-nav-navbar-footer-roundness; + } + + background-color: rgb(var(--v-theme-surface)); + + @extend %default-layout-vertical-nav-floating-navbar-and-sticky-elevated-navbar-scrolled; + } + + .navbar-blur#{$header} { + @extend %blurry-bg; + } + } + + // !SECTION + + // 👉 Layout footer + .layout-footer { + $ele-layout-footer: &; + + .footer-content-container { + border-radius: variables.$default-layout-with-vertical-nav-navbar-footer-roundness variables.$default-layout-with-vertical-nav-navbar-footer-roundness 0 0; + + // Sticky footer + @at-root { + // ℹ️ .layout-footer-sticky#{$ele-layout-footer} => .layout-footer-sticky.layout-wrapper.layout-nav-type-vertical .layout-footer + .layout-footer-sticky#{$ele-layout-footer} { + .footer-content-container { + background-color: rgb(var(--v-theme-surface)); + padding-block: 0; + padding-inline: 1.2rem; + + @include mixins.elevation(3); + } + } + } + } + } +} diff --git a/src/admin/src/@core/scss/base/_default-layout.scss b/src/admin/src/@core/scss/base/_default-layout.scss new file mode 100644 index 0000000..9794e7c --- /dev/null +++ b/src/admin/src/@core/scss/base/_default-layout.scss @@ -0,0 +1,16 @@ +@use "@core/scss/base/placeholders"; +@use "@core/scss/base/variables"; + +.layout-vertical-nav, +.layout-horizontal-nav { + ol, + ul { + list-style: none; + } +} + +.layout-navbar { + @if variables.$navbar-high-emphasis-text { + @extend %layout-navbar; + } +} diff --git a/src/admin/src/@core/scss/base/_index.scss b/src/admin/src/@core/scss/base/_index.scss new file mode 100644 index 0000000..9eb8a9c --- /dev/null +++ b/src/admin/src/@core/scss/base/_index.scss @@ -0,0 +1,40 @@ +@use "sass:map"; + +// Layout +@use "vertical-nav"; +@use "default-layout"; +@use "default-layout-w-vertical-nav"; + +// Layouts package +@use "layouts"; + +// Components +@use "components"; + +// Utilities +@use "utilities"; + +// Misc +@use "misc"; + +// Dark +@use "dark"; + +// libs +@use "libs/perfect-scrollbar"; + +a { + color: rgb(var(--v-theme-primary)); + text-decoration: none; +} + +// Vuetify 3 don't provide margin bottom style like vuetify 2 +p { + margin-block-end: 1rem; +} + +// Iconify icon size +svg.iconify { + block-size: 1em; + inline-size: 1em; +} diff --git a/src/admin/src/@core/scss/base/_layouts.scss b/src/admin/src/@core/scss/base/_layouts.scss new file mode 100644 index 0000000..f63fcf9 --- /dev/null +++ b/src/admin/src/@core/scss/base/_layouts.scss @@ -0,0 +1,63 @@ +@use "@configured-variables" as variables; + +/* ℹ️ This styles extends the existing layout package's styles for handling cases that aren't related to layouts package */ + +/* + ℹ️ When we use v-layout as immediate first child of `.page-content-container`, it adds display:flex and page doesn't get contained height +*/ +// .layout-wrapper.layout-nav-type-vertical { +// &.layout-content-height-fixed { +// .page-content-container { +// > .v-layout:first-child > :not(.v-navigation-drawer):first-child { +// flex-grow: 1; +// block-size: 100%; +// } +// } +// } +// } +.layout-wrapper.layout-nav-type-vertical { + &.layout-content-height-fixed { + .page-content-container { + > .v-layout:first-child { + overflow: hidden; + min-block-size: 100%; + + > .v-main { + // overflow-y: auto; + + .v-main__wrap > :first-child { + block-size: 100%; + overflow-y: auto; + } + } + } + } + } +} + +// ℹ️ Let div/v-layout take full height. E.g. Email App +.layout-wrapper.layout-nav-type-horizontal { + &.layout-content-height-fixed { + > .layout-page-content { + display: flex; + } + } +} + +// 👉 Floating navbar styles +@if variables.$vertical-nav-navbar-style == "floating" { + // ℹ️ Add spacing above navbar if navbar is floating (was in %layout-navbar-sticky placeholder) + body .layout-wrapper.layout-nav-type-vertical.layout-navbar-sticky { + .layout-navbar { + inset-block-start: variables.$vertical-nav-floating-navbar-top; + } + + /* + ℹ️ If it's floating navbar + Add `vertical-nav-floating-navbar-top` as margin top to .layout-page-content + */ + .layout-page-content { + margin-block-start: variables.$vertical-nav-floating-navbar-top; + } + } +} diff --git a/src/admin/src/@core/scss/base/_misc.scss b/src/admin/src/@core/scss/base/_misc.scss new file mode 100644 index 0000000..cee983b --- /dev/null +++ b/src/admin/src/@core/scss/base/_misc.scss @@ -0,0 +1,20 @@ +// ℹ️ scrollable-content allows creating fixed header and scrollable content for VNavigationDrawer (Used when perfect scrollbar is used) +.scrollable-content { + &.v-navigation-drawer { + .v-navigation-drawer__content { + display: flex; + overflow: hidden; + flex-direction: column; + } + } +} + +// ℹ️ adding styling for code tag +code { + border-radius: 3px; + color: rgb(var(--v-code-color)); + font-size: 90%; + font-weight: 400; + padding-block: 0.2em; + padding-inline: 0.4em; +} diff --git a/src/admin/src/@core/scss/base/_mixins.scss b/src/admin/src/@core/scss/base/_mixins.scss new file mode 100644 index 0000000..10ac1d1 --- /dev/null +++ b/src/admin/src/@core/scss/base/_mixins.scss @@ -0,0 +1,63 @@ +@use "sass:map"; +@use "@styles/variables/vuetify.scss"; + +@mixin elevation($z, $important: false) { + box-shadow: map.get(vuetify.$shadow-key-umbra, $z), map.get(vuetify.$shadow-key-penumbra, $z), map.get(vuetify.$shadow-key-ambient, $z) if($important, !important, null); +} + +// #region before-pseudo +// ℹ️ This mixin is inspired from vuetify for adding hover styles via before pseudo element +@mixin before-pseudo() { + position: relative; + + &::before { + position: absolute; + border-radius: inherit; + background: currentcolor; + block-size: 100%; + content: ""; + inline-size: 100%; + inset: 0; + opacity: 0; + pointer-events: none; + } +} + +// #endregion before-pseudo + +@mixin bordered-skin($component, $border-property: "border", $important: false) { + #{$component} { + box-shadow: none !important; + // stylelint-disable-next-line annotation-no-unknown + #{$border-property}: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)) if($important, !important, null); + } +} + +// #region selected-states +// ℹ️ Inspired from vuetify's active-states mixin +// focus => 0.12 & selected => 0.08 +@mixin selected-states($selector) { + #{$selector} { + opacity: calc(var(--v-selected-opacity) * var(--v-theme-overlay-multiplier)); + } + + &:hover + #{$selector} { + opacity: calc(var(--v-selected-opacity) + var(--v-hover-opacity) * var(--v-theme-overlay-multiplier)); + } + + &:focus-visible + #{$selector} { + opacity: calc(var(--v-selected-opacity) + var(--v-focus-opacity) * var(--v-theme-overlay-multiplier)); + } + + @supports not selector(:focus-visible) { + &:focus { + #{$selector} { + opacity: calc(var(--v-selected-opacity) + var(--v-focus-opacity) * var(--v-theme-overlay-multiplier)); + } + } + } +} + +// #endregion selected-states diff --git a/src/admin/src/@core/scss/base/_utilities.scss b/src/admin/src/@core/scss/base/_utilities.scss new file mode 100644 index 0000000..d629a63 --- /dev/null +++ b/src/admin/src/@core/scss/base/_utilities.scss @@ -0,0 +1,184 @@ +@use "@configured-variables" as variables; +@use "@layouts/styles/mixins" as layoutsMixins; + +/* 👉 Demo spacers */ + +/* TODO: Use vuetify SCSS variable here; */ +$card-spacer-content: 16px; + +.demo-space-x { + display: flex; + flex-wrap: wrap; + align-items: center; + margin-block-start: -$card-spacer-content; + + & > * { + margin-block-start: $card-spacer-content; + margin-inline-end: $card-spacer-content; + } +} + +.demo-space-y { + & > * { + margin-block-end: $card-spacer-content; + + &:last-child { + margin-block-end: 0; + } + } +} + +// 👉 Card match height +.match-height.v-row { + .v-card { + block-size: 100%; + } +} + +// 👉 Whitespace +.whitespace-no-wrap { + white-space: nowrap; +} + +// 👉 Colors + +/* + ℹ️ Vuetify is applying `.text-white` class to badge icon but don't provide its styles + Moreover, we also use this class in some places + + ℹ️ In vuetify 2 with `$color-pack: false` SCSS var config this class was getting generated but this is not the case in v3 + + ℹ️ We also need !important to get correct color in badge icon +*/ +.text-white { + color: #fff !important; +} + +.text-white-variant { + color: rgba(255, 255, 255, var(--v-high-emphasis-opacity)); +} + +.text-link { + &:not(:hover) { + color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)); + } +} + +.bg-var-theme-background { + background-color: rgba(var(--v-theme-on-background), var(--v-hover-opacity)) !important; +} + +.bg-global-primary { + background-color: rgb(var(--v-theme-primary)) !important; + color: rgb(var(--v-theme-on-primary)) !important; +} + +// [/^bg-light-(\w+)$/, ([, w]) => ({ backgroundColor: `rgba(var(--v-theme-${w}), var(--v-activated-opacity))` })], +@each $color-name in variables.$theme-colors-name { + .bg-light-#{$color-name} { + background-color: rgba(var(--v-theme-#{$color-name}), var(--v-activated-opacity)) !important; + } +} + +// 👉 clamp text +.clamp-text { + display: -webkit-box; + overflow: hidden; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + text-overflow: ellipsis; +} + +.custom-badge { + .v-badge__badge { + border-radius: 6px !important; + block-size: 12px !important; + inline-size: 12px !important; + } +} + +.leading-normal { + line-height: normal !important; +} + +// 👉 for rtl only +.flip-in-rtl { + @include layoutsMixins.rtl { + transform: scaleX(-1); + } +} + +// 👉 Carousel +.carousel-delimiter-top-end { + .v-carousel__controls { + justify-content: end; + block-size: 40px; + inset-block-start: 0; + padding-inline: 1rem; + + .v-btn--icon.v-btn--density-default { + block-size: calc(var(--v-btn-height) + -10px); + color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)); + inline-size: calc(var(--v-btn-height) + -8px); + + &.v-btn--active { + color: #fff; + } + + .v-btn__overlay { + opacity: 0; + } + + .v-ripple__container { + display: none; + } + + .v-btn__content { + .v-icon { + block-size: 8px !important; + font-size: 8px !important; + inline-size: 8px !important; + } + } + } + } + + @each $color-name in variables.$theme-colors-name { + + &.dots-active-#{$color-name} { + .v-carousel__controls { + .v-btn--active { + color: rgb(var(--v-theme-#{$color-name})) !important; + } + } + } + } +} + +.v-timeline-item { + .app-timeline-title { + color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)); + font-size: 16px; + font-weight: 500; + line-height: 1.3125rem; + } + + .app-timeline-meta { + color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)); + font-size: 12px; + line-height: 0.875rem; + } + + .app-timeline-text { + color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)); + font-size: 14px; + line-height: 1.25rem; + } + + .timeline-chip { + border-radius: 6px; + background: rgba(var(--v-theme-on-surface), var(--v-hover-opacity)); + padding-block: 5px; + padding-inline: 10px; + } +} diff --git a/src/admin/src/@core/scss/base/_utils.scss b/src/admin/src/@core/scss/base/_utils.scss new file mode 100644 index 0000000..02acb62 --- /dev/null +++ b/src/admin/src/@core/scss/base/_utils.scss @@ -0,0 +1,90 @@ +@use "sass:map"; +@use "sass:list"; +@use "@configured-variables" as variables; + +// Thanks: https://css-tricks.com/snippets/sass/deep-getset-maps/ +@function map-deep-get($map, $keys...) { + @each $key in $keys { + $map: map.get($map, $key); + } + + @return $map; +} + +@function map-deep-set($map, $keys, $value) { + $maps: ($map,); + $result: null; + + // If the last key is a map already + // Warn the user we will be overriding it with $value + @if type-of(nth($keys, -1)) == "map" { + @warn "The last key you specified is a map; it will be overrided with `#{$value}`."; + } + + // If $keys is a single key + // Just merge and return + @if length($keys) == 1 { + @return map-merge($map, ($keys: $value)); + } + + // Loop from the first to the second to last key from $keys + // Store the associated map to this key in the $maps list + // If the key doesn't exist, throw an error + @for $i from 1 through length($keys) - 1 { + $current-key: list.nth($keys, $i); + $current-map: list.nth($maps, -1); + $current-get: map.get($current-map, $current-key); + + @if not $current-get { + @error "Key `#{$key}` doesn't exist at current level in map."; + } + + $maps: list.append($maps, $current-get); + } + + // Loop from the last map to the first one + // Merge it with the previous one + @for $i from length($maps) through 1 { + $current-map: list.nth($maps, $i); + $current-key: list.nth($keys, $i); + $current-val: if($i == list.length($maps), $value, $result); + $result: map.map-merge($current-map, ($current-key: $current-val)); + } + + // Return result + @return $result; +} + +// font size utility classes +@each $name, $size in variables.$font-sizes { + .text-#{$name} { + font-size: $size; + line-height: map.get(variables.$font-line-height, $name); + } +} + +// truncate utility class +.truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +// gap utility class +@each $name, $size in variables.$gap { + .gap-#{$name} { + gap: $size; + } + + .gap-x-#{$name} { + column-gap: $size; + } + + .gap-y-#{$name} { + row-gap: $size; + } +} + +.list-none { + list-style-type: none; +} diff --git a/src/admin/src/@core/scss/base/_variables.scss b/src/admin/src/@core/scss/base/_variables.scss new file mode 100644 index 0000000..670a1a2 --- /dev/null +++ b/src/admin/src/@core/scss/base/_variables.scss @@ -0,0 +1,198 @@ +@use "vuetify/lib/styles/tools/functions" as *; + +/* + TODO: Add docs on when to use placeholder vs when to use SASS variable + + Placeholder + - When we want to keep customization to our self between templates use it + + Variables + - When we want to allow customization from both user and our side + - You can also use variable for consistency (e.g. mx 1 rem should be applied to both vertical nav items and vertical nav header) +*/ + +@forward "@layouts/styles/variables" with ( + // Adjust z-index so vertical nav & overlay stays on top of v-layout in v-main. E.g. Email app + $layout-vertical-nav-z-index: 1003, + $layout-overlay-z-index: 1002, +); +@use "@layouts/styles/variables" as *; + +// 👉 Default layout + +$navbar-high-emphasis-text: true !default; + +// @forward "@layouts/styles/variables" with ( +// $layout-vertical-nav-width: 350px !default, +// ); + +$theme-colors-name: ( + "primary", + "secondary", + "error", + "info", + "success", + "warning" +) !default; + +// 👉 Default layout with vertical nav + +$default-layout-with-vertical-nav-navbar-footer-roundness: 10px !default; + +// 👉 Vertical nav +$vertical-nav-background-color-rgb: var(--v-theme-background) !default; +$vertical-nav-background-color: rgb(#{$vertical-nav-background-color-rgb}) !default; + +// ℹ️ This is used to keep consistency between nav items and nav header left & right margin +// This is used by nav items & nav header +$vertical-nav-horizontal-spacing: 1rem !default; +$vertical-nav-horizontal-padding: 0.75rem !default; + +// Vertical nav header height. Mostly we will align it with navbar height; +$vertical-nav-header-height: $layout-vertical-nav-navbar-height !default; +$vertical-nav-navbar-elevation: 3 !default; +$vertical-nav-navbar-style: "elevated" !default; // options: elevated, floating +$vertical-nav-floating-navbar-top: 1rem !default; + +// Vertical nav header padding +$vertical-nav-header-padding: 1rem $vertical-nav-horizontal-padding !default; +$vertical-nav-header-inline-spacing: $vertical-nav-horizontal-spacing !default; + +// Move logo when vertical nav is mini (collapsed but not hovered) +$vertical-nav-header-logo-translate-x-when-vertical-nav-mini: -4px !default; + +// Space between logo and title +$vertical-nav-header-logo-title-spacing: 0.9rem !default; + +// Section title margin top (when its not first child) +$vertical-nav-section-title-mt: 1.5rem !default; + +// Section title margin bottom +$vertical-nav-section-title-mb: 0.5rem !default; + +// Vertical nav icons +$vertical-nav-items-icon-size: 1.5rem !default; +$vertical-nav-items-nested-icon-size: 0.9rem !default; +$vertical-nav-items-icon-margin-inline-end: 0.5rem !default; + +// Transition duration for nav group arrow +$vertical-nav-nav-group-arrow-transition-duration: 0.15s !default; + +// Timing function for nav group arrow +$vertical-nav-nav-group-arrow-transition-timing-function: ease-in-out !default; + +// 👉 Horizontal nav + +/* + ❗ Heads up + ================== + Here we assume we will always use shorthand property which will apply same padding on four side + This is because this have been used as value of top property by `.popper-content` +*/ +$horizontal-nav-padding: 0.6875rem !default; + +// Gap between top level horizontal nav items +$horizontal-nav-top-level-items-gap: 4px !default; + +// Horizontal nav icons +$horizontal-nav-items-icon-size: 1.5rem !default; +$horizontal-nav-third-level-icon-size: 0.9rem !default; +$horizontal-nav-items-icon-margin-inline-end: 0.625rem !default; +$horizontal-nav-group-arrow-icon-size: 1.375rem !default; + +// ℹ️ We used SCSS variable because we want to allow users to update max height of popper content +// 120px is combined height of navbar & horizontal nav +$horizontal-nav-popper-content-max-height: calc(100dvh - 120px - 4rem) !default; + +// ℹ️ This variable is used for horizontal nav popper content's `margin-top` and "The bridge"'s height. We need to sync both values. +$horizontal-nav-popper-content-top: calc($horizontal-nav-padding + 0.375rem) !default; + +// 👉 Plugins + +$plugin-ps-thumb-y-dark: rgba(var(--v-theme-surface-variant), 0.35) !default; + +// 👉 Vuetify + +// Used in src/@core/scss/base/libs/vuetify/_overrides.scss +$vuetify-reduce-default-compact-button-icon-size: true !default; + +// 👉 Custom variables +// for utility classes +$font-sizes: () !default; +$font-sizes: map-deep-merge( + ( + "xs": 0.75rem, + "sm": 0.875rem, + "base": 1rem, + "lg": 1.125rem, + "xl": 1.25rem, + "2xl": 1.5rem, + "3xl": 1.875rem, + "4xl": 2.25rem, + "5xl": 3rem, + "6xl": 3.75rem, + "7xl": 4.5rem, + "8xl": 6rem, + "9xl": 8rem + ), + $font-sizes +); + +// line height +$font-line-height: () !default; +$font-line-height: map-deep-merge( + ( + "xs": 1rem, + "sm": 1.25rem, + "base": 1.5rem, + "lg": 1.75rem, + "xl": 1.75rem, + "2xl": 2rem, + "3xl": 2.25rem, + "4xl": 2.5rem, + "5xl": 1, + "6xl": 1, + "7xl": 1, + "8xl": 1, + "9xl": 1 + ), + $font-line-height +); + +// gap utility class +$gap: () !default; +$gap: map-deep-merge( + ( + "0": 0, + "1": 0.25rem, + "2": 0.5rem, + "3": 0.75rem, + "4": 1rem, + "5": 1.25rem, + "6":1.5rem, + "7": 1.75rem, + "8": 2rem, + "9": 2.25rem, + "10": 2.5rem, + "11": 2.75rem, + "12": 3rem, + "14": 3.5rem, + "16": 4rem, + "20": 5rem, + "24": 6rem, + "28": 7rem, + "32": 8rem, + "36": 9rem, + "40": 10rem, + "44": 11rem, + "48": 12rem, + "52": 13rem, + "56": 14rem, + "60": 15rem, + "64": 16rem, + "72": 18rem, + "80": 20rem, + "96": 24rem + ), + $gap +); diff --git a/src/admin/src/@core/scss/base/_vertical-nav.scss b/src/admin/src/@core/scss/base/_vertical-nav.scss new file mode 100644 index 0000000..9785944 --- /dev/null +++ b/src/admin/src/@core/scss/base/_vertical-nav.scss @@ -0,0 +1,259 @@ +@use "@core/scss/base/placeholders" as *; +@use "@core/scss/template/placeholders" as *; +@use "@layouts/styles/mixins" as layoutsMixins; +@use "@configured-variables" as variables; +@use "@core/scss/base/mixins" as mixins; +@use "vuetify/lib/styles/tools/states" as vuetifyStates; + +.layout-nav-type-vertical { + // 👉 Layout Vertical nav + .layout-vertical-nav { + $sl-layout-nav-type-vertical: &; + + @extend %nav; + + @at-root { + // ℹ️ Add styles for collapsed vertical nav + .layout-vertical-nav-collapsed#{$sl-layout-nav-type-vertical}.hovered { + @include mixins.elevation(6); + } + } + + background-color: variables.$vertical-nav-background-color; + + // 👉 Nav header + .nav-header { + overflow: hidden; + padding: variables.$vertical-nav-header-padding; + margin-inline: variables.$vertical-nav-header-inline-spacing; + min-block-size: variables.$vertical-nav-header-height; + + // TEMPLATE: Check if we need to move this to master + .app-logo { + flex-shrink: 0; + transition: transform 0.25s ease-in-out; + + @at-root { + // Move logo a bit to align center with the icons in vertical nav mini variant + .layout-vertical-nav-collapsed#{$sl-layout-nav-type-vertical}:not(.hovered) .nav-header .app-logo { + transform: translateX(variables.$vertical-nav-header-logo-translate-x-when-vertical-nav-mini); + + @include layoutsMixins.rtl { + transform: translateX(-(variables.$vertical-nav-header-logo-translate-x-when-vertical-nav-mini)); + } + } + } + } + + .app-title { + margin-inline-start: variables.$vertical-nav-header-logo-title-spacing; + } + + .header-action { + @extend %nav-header-action; + } + } + + // 👉 Nav items shadow + .vertical-nav-items-shadow { + position: absolute; + z-index: 1; + background: + linear-gradient( + rgb(#{variables.$vertical-nav-background-color-rgb}) 5%, + rgba(#{variables.$vertical-nav-background-color-rgb}, 75%) 45%, + rgba(#{variables.$vertical-nav-background-color-rgb}, 20%) 80%, + transparent + ); + block-size: 55px; + inline-size: 100%; + inset-block-start: calc(#{variables.$vertical-nav-header-height} - 2px); + opacity: 0; + pointer-events: none; + transition: opacity 0.15s ease-in-out; + will-change: opacity; + + @include layoutsMixins.rtl { + transform: translateX(8px); + } + } + + &.scrolled { + .vertical-nav-items-shadow { + opacity: 1; + } + } + + // ℹ️ Setting z-index 1 will make perfect scrollbar thumb appear on top of vertical nav items shadow; + .ps__rail-y { + z-index: 1; + } + + // 👉 Nav section title + .nav-section-title { + @extend %vertical-nav-item; + @extend %vertical-nav-section-title; + + margin-block-end: variables.$vertical-nav-section-title-mb; + + &:not(:first-child) { + margin-block-start: variables.$vertical-nav-section-title-mt; + } + + .placeholder-icon { + margin-inline: auto; + } + } + + // Nav item badge + .nav-item-badge { + @extend %vertical-nav-item-badge; + } + + // 👉 Nav group & Link + .nav-link, + .nav-group { + overflow: hidden; + + > :first-child { + @extend %vertical-nav-item; + @extend %vertical-nav-item-interactive; + } + + .nav-item-icon { + @extend %vertical-nav-items-icon; + } + + &.disabled { + opacity: var(--v-disabled-opacity); + pointer-events: none; + } + + a { + outline: none; + } + } + + // 👉 Vertical nav link + .nav-link { + @extend %nav-link; + + > .router-link-exact-active { + @extend %nav-link-active; + } + + > a { + // Adds before psudo element to style hover state + @include mixins.before-pseudo; + + // Adds vuetify states + + &:not(.router-link-active, .router-link-exact-active) { + @include vuetifyStates.states($active: false); + } + } + } + + // 👉 Vertical nav group + .nav-group { + // Reduce the size of icon if link/group is inside group + .nav-group, + .nav-link { + .nav-item-icon { + @extend %vertical-nav-items-nested-icon; + } + } + + // Hide icons after 2nd level + & .nav-group { + .nav-link, + .nav-group { + .nav-item-icon { + @extend %vertical-nav-items-icon-after-2nd-level; + } + } + } + + .nav-group-arrow { + flex-shrink: 0; + transform-origin: center; + transition: transform variables.$vertical-nav-nav-group-arrow-transition-duration variables.$vertical-nav-nav-group-arrow-transition-timing-function; + will-change: transform; + } + + // Rotate arrow icon if group is opened + &.open { + > .nav-group-label .nav-group-arrow { + transform: rotateZ(90deg); + } + } + + // Nav group label + > :first-child { + // Adds before psudo element to style hover state + @include mixins.before-pseudo; + } + + &:not(.active,.open) > :first-child { + // Adds vuetify states + @include vuetifyStates.states($active: false); + } + + // Active & open states for nav group label + &.active, + &.open { + > :first-child { + @extend %vertical-nav-group-open-active; + } + } + } + } +} + +// SECTION: Transitions +.vertical-nav-section-title-enter-active, +.vertical-nav-section-title-leave-active { + transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; +} + +.vertical-nav-section-title-enter-from, +.vertical-nav-section-title-leave-to { + opacity: 0; + transform: translateX(15px); + + @include layoutsMixins.rtl { + transform: translateX(-15px); + } +} + +.transition-slide-x-enter-active, +.transition-slide-x-leave-active { + transition: opacity 0.1s ease-in-out, transform 0.12s ease-in-out; +} + +.transition-slide-x-enter-from, +.transition-slide-x-leave-to { + opacity: 0; + transform: translateX(-15px); + + @include layoutsMixins.rtl { + transform: translateX(15px); + } +} + +.vertical-nav-app-title-enter-active, +.vertical-nav-app-title-leave-active { + transition: opacity 0.1s ease-in-out, transform 0.12s ease-in-out; +} + +.vertical-nav-app-title-enter-from, +.vertical-nav-app-title-leave-to { + opacity: 0; + transform: translateX(-15px); + + @include layoutsMixins.rtl { + transform: translateX(15px); + } +} + +// !SECTION diff --git a/src/admin/src/@core/scss/base/libs/_perfect-scrollbar.scss b/src/admin/src/@core/scss/base/libs/_perfect-scrollbar.scss new file mode 100644 index 0000000..126aea2 --- /dev/null +++ b/src/admin/src/@core/scss/base/libs/_perfect-scrollbar.scss @@ -0,0 +1,35 @@ +$ps-size: 0.25rem; +$ps-hover-size: 0.375rem; +$ps-track-size: 0.5rem; + +.ps__thumb-y { + inline-size: $ps-size !important; + inset-inline-end: 0.0625rem; +} + +.ps__thumb-y, +.ps__thumb-x { + background-color: rgb(var(--v-theme-perfect-scrollbar-thumb)) !important; +} + +.ps__thumb-x { + block-size: $ps-size !important; +} + +.ps__rail-x { + background: transparent !important; + block-size: $ps-track-size; +} + +.ps__rail-y { + background: transparent !important; + inline-size: $ps-track-size !important; + inset-inline-end: 0.125rem !important; + inset-inline-start: unset !important; +} + +.ps__rail-y.ps--clicking .ps__thumb-y, +.ps__rail-y:focus > .ps__thumb-y, +.ps__rail-y:hover > .ps__thumb-y { + inline-size: $ps-hover-size !important; +} diff --git a/src/admin/src/@core/scss/base/libs/vuetify/_index.scss b/src/admin/src/@core/scss/base/libs/vuetify/_index.scss new file mode 100644 index 0000000..f33ef3f --- /dev/null +++ b/src/admin/src/@core/scss/base/libs/vuetify/_index.scss @@ -0,0 +1 @@ +@use "overrides"; diff --git a/src/admin/src/@core/scss/base/libs/vuetify/_overrides.scss b/src/admin/src/@core/scss/base/libs/vuetify/_overrides.scss new file mode 100644 index 0000000..632912b --- /dev/null +++ b/src/admin/src/@core/scss/base/libs/vuetify/_overrides.scss @@ -0,0 +1,257 @@ +@use "@core/scss/base/utils"; +@use "@configured-variables" as variables; + +// 👉 Application +// ℹ️ We need accurate vh in mobile devices as well +.v-application__wrap { + /* stylelint-disable-next-line liberty/use-logical-spec */ + min-height: 100dvh; +} + +// 👉 Typography +h1, +h2, +h3, +h4, +h5, +h6, +.text-h1, +.text-h2, +.text-h3, +.text-h4, +.text-h5, +.text-h6, +.text-button, +.text-overline, +.v-card-title { + color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity)); +} + +body, +.text-body-1, +.text-body-2, +.text-subtitle-1, +.text-subtitle-2 { + color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity)); +} + +// 👉 Grid +// Remove margin-bottom of v-input_details inside grid (validation error message) +.v-row { + .v-col, + [class^="v-col-*"] { + .v-input__details { + margin-block-end: 0; + } + } +} + +// 👉 Button +@if variables.$vuetify-reduce-default-compact-button-icon-size { + .v-btn--density-compact.v-btn--size-default { + .v-btn__content > svg { + block-size: 22px; + font-size: 22px; + inline-size: 22px; + } + } +} + +// 👉 Card +// Removes padding-top for immediately placed v-card-text after itself +.v-card-text { + & + & { + padding-block-start: 0 !important; + } +} + +/* + 👉 Checkbox & Radio Ripple + + TODO Checkbox and switch component. Remove it when vuetify resolve the extra spacing: https://github.com/vuetifyjs/vuetify/issues/15519 + We need this because form elements likes checkbox and switches are by default set to height of textfield height which is way big than we want + Tested with checkbox & switches +*/ +.v-checkbox.v-input, +.v-switch.v-input { + --v-input-control-height: auto; + + flex: unset; +} + +.v-radio-group { + .v-selection-control-group { + .v-radio:not(:last-child) { + margin-inline-end: 0.9rem; + } + } +} + +/* + 👉 Tabs + Disable tab transition + + This is for tabs where we don't have card wrapper to tabs and have multiple cards as tab content. + + This class will disable transition and adds `overflow: unset` on `VWindow` to allow spreading shadow +*/ +.disable-tab-transition { + overflow: unset !important; + + .v-window__container { + block-size: auto !important; + } + + .v-window-item:not(.v-window-item--active) { + display: none !important; + } + + .v-window__container .v-window-item { + transform: none !important; + } +} + +// 👉 List +.v-list { + // Set icons opacity to .87 + .v-list-item__prepend > .v-icon, + .v-list-item__append > .v-icon { + opacity: var(--v-high-emphasis-opacity); + } +} + +// 👉 Card list + +/* + ℹ️ Custom class + + Remove list spacing inside card + + This is because card title gets padding of 20px and list item have padding of 16px. Moreover, list container have padding-bottom as well. +*/ +.card-list { + --v-card-list-gap: 20px; + + &.v-list { + padding-block: 0; + } + + .v-list-item { + min-block-size: unset; + min-block-size: auto !important; + padding-block: 0 !important; + padding-inline: 0 !important; + + > .v-ripple__container { + opacity: 0; + } + + &:not(:last-child) { + padding-block-end: var(--v-card-list-gap) !important; + } + } + + .v-list-item:hover, + .v-list-item:focus, + .v-list-item:active, + .v-list-item.active { + > .v-list-item__overlay { + opacity: 0 !important; + } + } +} + +// 👉 Divider +.v-divider { + color: rgb(var(--v-border-color)); +} + +.v-divider.v-divider--vertical { + block-size: inherit; +} + +// 👉 DataTable +.v-data-table { + /* stylelint-disable-next-line no-descending-specificity */ + .v-checkbox-btn .v-selection-control__wrapper { + margin-inline-start: 0 !important; + } + + .v-selection-control { + display: flex !important; + } + + .v-pagination { + color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)); + } +} + +// 👉 v-field +.v-field:hover .v-field__outline { + --v-field-border-opacity: var(--v-medium-emphasis-opacity); +} + +// 👉 VLabel +.v-label { + opacity: 1 !important; + + &:not(.v-field-label--floating) { + color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity)); + } +} + +// 👉 Overlay +.v-overlay__scrim, +.v-navigation-drawer__scrim { + background: rgba(var(--v-overlay-scrim-background), var(--v-overlay-scrim-opacity)) !important; + opacity: 1 !important; +} + +// 👉 VMessages +.v-messages { + color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)); + opacity: 1 !important; +} + +// 👉 Alert close btn +.v-alert__close { + .v-btn--icon .v-icon { + --v-icon-size-multiplier: 1.5; + } +} + +// 👉 Badge icon alignment +.v-badge__badge { + display: flex; + align-items: center; +} + +// 👉 Btn focus outline style removed +.v-btn:focus-visible::after { + opacity: 0 !important; +} + +// .v-select chip spacing for slot +.v-input:not(.v-select--chips) .v-select__selection { + .v-chip { + margin-block: 2px var(--select-chips-margin-bottom); + } +} + +// 👉 VCard and VList subtitle color +.v-card-subtitle, +.v-list-item-subtitle { + color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity)); +} + +// 👉 placeholders +.v-field__input { + @at-root { + & input::placeholder, + input#{&}::placeholder, + textarea#{&}::placeholder { + color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) !important; + opacity: 1 !important; + } + } +} diff --git a/src/admin/src/@core/scss/base/libs/vuetify/_variables.scss b/src/admin/src/@core/scss/base/libs/vuetify/_variables.scss new file mode 100644 index 0000000..0719d00 --- /dev/null +++ b/src/admin/src/@core/scss/base/libs/vuetify/_variables.scss @@ -0,0 +1,64 @@ +@use "sass:map"; + +/* 👉 Shadow opacities */ +$shadow-key-umbra-opacity-custom: var(--v-shadow-key-umbra-opacity); +$shadow-key-penumbra-opacity-custom: var(--v-shadow-key-penumbra-opacity); +$shadow-key-ambient-opacity-custom: var(--v-shadow-key-ambient-opacity); + +/* 👉 Card transition properties */ +$card-transition-property-custom: box-shadow, opacity; + +@forward "vuetify/settings" with ( + // 👉 General settings + $color-pack: false !default, + + // 👉 Shadow opacity + $shadow-key-umbra-opacity: $shadow-key-umbra-opacity-custom !default, + $shadow-key-penumbra-opacity: $shadow-key-penumbra-opacity-custom !default, + $shadow-key-ambient-opacity: $shadow-key-ambient-opacity-custom !default, + + // 👉 Card + $card-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default, + $card-elevation: 6 !default, + $card-title-line-height: 1.6 !default, + $card-actions-min-height: unset !default, + $card-text-padding: 1.25rem !default, + $card-item-padding: 1.25rem !default, + $card-actions-padding: 0 12px 12px !default, + $card-transition-property: $card-transition-property-custom !default, + $card-subtitle-opacity: 1 !default, + + // 👉 Expansion Panel + $expansion-panel-active-title-min-height: 48px !default, + + // 👉 List + $list-item-icon-margin-end: 16px !default, + $list-item-icon-margin-start: 16px !default, + $list-item-subtitle-opacity: 1 !default, + + // 👉 Navigation Drawer + $navigation-drawer-content-overflow-y: hidden !default, + + // 👉 Tooltip + $tooltip-background-color: rgba(59, 55, 68, 0.9) !default, + $tooltip-text-color: rgb(var(--v-theme-on-primary)) !default, + $tooltip-font-size: 0.75rem !default, + + $button-icon-density: ("default": 2, "comfortable": 0, "compact": -1 ) !default, + + // 👉 VTimeline + $timeline-dot-size: 34px !default, + + // 👉 table + $table-transition-property: height !default, + + // 👉 VOverlay + $overlay-opacity: 1 !default, + + // 👉 VContainer + $container-max-widths: ( + "xl": 1440px, + "xxl": 1440px + ) !default, + +); diff --git a/src/admin/src/@core/scss/base/placeholders/_default-layout-vertical-nav.scss b/src/admin/src/@core/scss/base/placeholders/_default-layout-vertical-nav.scss new file mode 100644 index 0000000..f449a59 --- /dev/null +++ b/src/admin/src/@core/scss/base/placeholders/_default-layout-vertical-nav.scss @@ -0,0 +1,45 @@ +@use "@configured-variables" as variables; +@use "misc"; +@use "@core/scss/base/mixins"; + +%default-layout-vertical-nav-scrolled-sticky-elevated-nav { + background-color: rgb(var(--v-theme-surface)); +} + +%default-layout-vertical-nav-floating-navbar-and-sticky-elevated-navbar-scrolled { + @include mixins.elevation(variables.$vertical-nav-navbar-elevation); + + // If navbar is contained => Squeeze navbar content on scroll + @if variables.$layout-vertical-nav-navbar-is-contained { + padding-inline: 1.2rem; + } +} + +%default-layout-vertical-nav-floating-navbar-overlay { + isolation: isolate; + + &::after { + position: absolute; + z-index: -1; + /* stylelint-disable property-no-vendor-prefix */ + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + /* stylelint-enable */ + background: + linear-gradient( + 180deg, + rgba(var(--v-theme-background), 70%) 44%, + rgba(var(--v-theme-background), 43%) 73%, + rgba(var(--v-theme-background), 0%) + ); + background-repeat: repeat; + block-size: calc(variables.$layout-vertical-nav-navbar-height + variables.$vertical-nav-floating-navbar-top + 0.5rem); + content: ""; + inset-block-start: -(variables.$vertical-nav-floating-navbar-top); + inset-inline: 0 0; + /* stylelint-disable property-no-vendor-prefix */ + -webkit-mask: linear-gradient(black, black 18%, transparent 100%); + mask: linear-gradient(black, black 18%, transparent 100%); + /* stylelint-enable */ + } +} diff --git a/src/admin/src/@core/scss/base/placeholders/_default-layout.scss b/src/admin/src/@core/scss/base/placeholders/_default-layout.scss new file mode 100644 index 0000000..8e5e990 --- /dev/null +++ b/src/admin/src/@core/scss/base/placeholders/_default-layout.scss @@ -0,0 +1,3 @@ +%layout-navbar { + color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)); +} diff --git a/src/admin/src/@core/scss/base/placeholders/_index.scss b/src/admin/src/@core/scss/base/placeholders/_index.scss new file mode 100644 index 0000000..c59061a --- /dev/null +++ b/src/admin/src/@core/scss/base/placeholders/_index.scss @@ -0,0 +1,5 @@ +@forward "vertical-nav"; +@forward "nav"; +@forward "default-layout"; +@forward "default-layout-vertical-nav"; +@forward "misc"; diff --git a/src/admin/src/@core/scss/base/placeholders/_misc.scss b/src/admin/src/@core/scss/base/placeholders/_misc.scss new file mode 100644 index 0000000..87a3ed6 --- /dev/null +++ b/src/admin/src/@core/scss/base/placeholders/_misc.scss @@ -0,0 +1,7 @@ +%blurry-bg { + /* stylelint-disable property-no-vendor-prefix */ + -webkit-backdrop-filter: blur(6px); + backdrop-filter: blur(6px); + /* stylelint-enable */ + background-color: rgb(var(--v-theme-surface), 0.9); +} diff --git a/src/admin/src/@core/scss/base/placeholders/_nav.scss b/src/admin/src/@core/scss/base/placeholders/_nav.scss new file mode 100644 index 0000000..655535a --- /dev/null +++ b/src/admin/src/@core/scss/base/placeholders/_nav.scss @@ -0,0 +1,33 @@ +@use "@core/scss/base/mixins"; + +// ℹ️ This is common style that needs to be applied to both navs +%nav { + color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)); + + .nav-item-title { + letter-spacing: 0.15px; + } + + .nav-section-title { + letter-spacing: 0.4px; + } +} + +/* + Active nav link styles for horizontal & vertical nav + + For horizontal nav it will be only applied to top level nav items + For vertical nav it will be only applied to nav links (not nav groups) +*/ +%nav-link-active { + background-color: rgb(var(--v-theme-primary)); + color: rgb(var(--v-theme-on-primary)); + + @include mixins.elevation(3); +} + +%nav-link { + a { + color: inherit; + } +} diff --git a/src/admin/src/@core/scss/base/placeholders/_vertical-nav.scss b/src/admin/src/@core/scss/base/placeholders/_vertical-nav.scss new file mode 100644 index 0000000..3ad2a8c --- /dev/null +++ b/src/admin/src/@core/scss/base/placeholders/_vertical-nav.scss @@ -0,0 +1,80 @@ +@use "@core/scss/base/mixins"; +@use "@configured-variables" as variables; +@use "vuetify/lib/styles/tools/states" as vuetifyStates; + +%nav-header-action { + font-size: 1.25rem; +} + +// Nav items styles (including section title) +%vertical-nav-item { + margin-block: 0; + margin-inline: variables.$vertical-nav-horizontal-spacing; + padding-block: 0; + padding-inline: variables.$vertical-nav-horizontal-padding; + white-space: nowrap; +} + +// This is same as `%vertical-nav-item` except section title is excluded +%vertical-nav-item-interactive { + border-radius: 0.4rem; + block-size: 2.75rem; + + /* + ℹ️ We will use `margin-block-end` instead of `margin-block` to give more space for shadow to appear. + With `margin-block`, due to small space (space gets divided between top & bottom) shadow cuts + */ + margin-block-end: 0.375rem; +} + +// Common styles for nav item icon styles +// ℹ️ Nav group's children icon styles are not here (Adjusts height, width & margin) +%vertical-nav-items-icon { + flex-shrink: 0; + font-size: variables.$vertical-nav-items-icon-size; + margin-inline-end: variables.$vertical-nav-items-icon-margin-inline-end; +} + +// ℹ️ Icon styling for icon nested inside another nav item (2nd level) +%vertical-nav-items-nested-icon { + /* + ℹ️ `margin-inline` will be (normal icon font-size - small icon font-size) / 2 + (1.5rem - 0.9rem) / 2 => 0.6rem / 2 => 0.3rem + */ + $vertical-nav-items-nested-icon-margin-inline: calc((variables.$vertical-nav-items-icon-size - variables.$vertical-nav-items-nested-icon-size) / 2); + + font-size: variables.$vertical-nav-items-nested-icon-size; + margin-inline: $vertical-nav-items-nested-icon-margin-inline $vertical-nav-items-nested-icon-margin-inline + variables.$vertical-nav-items-icon-margin-inline-end; +} + +%vertical-nav-items-icon-after-2nd-level { + visibility: hidden; +} + +// Open & Active nav group styles +%vertical-nav-group-open-active { + @include mixins.selected-states("&::before"); +} + +// Section title +// ℹ️ Setting height will prevent jerking when text & icon is toggled +%vertical-nav-section-title { + block-size: 1.5rem; + color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)); + font-size: 0.75rem; + text-transform: uppercase; +} + +// Vertical nav item badge styles +%vertical-nav-item-badge { + display: inline-block; + border-radius: 1.5rem; + font-size: 0.8em; + font-weight: 500; + line-height: 1; + padding-block: 0.25em; + padding-inline: 0.55em; + text-align: center; + vertical-align: baseline; + white-space: nowrap; +} diff --git a/src/admin/src/@core/scss/template/_default-layout-w-vertical-nav.scss b/src/admin/src/@core/scss/template/_default-layout-w-vertical-nav.scss new file mode 100644 index 0000000..b5bb263 --- /dev/null +++ b/src/admin/src/@core/scss/template/_default-layout-w-vertical-nav.scss @@ -0,0 +1,28 @@ +@use "@configured-variables" as variables; +@use "@core/scss/base/mixins"; + +$header: ".layout-navbar"; + +@if variables.$layout-vertical-nav-navbar-is-contained { + $header: ".layout-navbar .navbar-content-container"; +} + +.layout-wrapper.layout-nav-type-vertical { + // 👉 Layout footer + .layout-footer { + $ele-layout-footer: &; + + .footer-content-container { + // Sticky footer + @at-root { + // ℹ️ .layout-footer-sticky#{$ele-layout-footer} => .layout-footer-sticky.layout-wrapper.layout-nav-type-vertical .layout-footer + .layout-footer-sticky#{$ele-layout-footer} { + .footer-content-container { + box-shadow: 0 -4px 8px -4px rgba(var(--v-shadow-key-umbra-color), 42%); + padding-inline: 1.5rem; + } + } + } + } + } +} diff --git a/src/admin/src/@core/scss/template/_mixins.scss b/src/admin/src/@core/scss/template/_mixins.scss new file mode 100644 index 0000000..6f4a59a --- /dev/null +++ b/src/admin/src/@core/scss/template/_mixins.scss @@ -0,0 +1,12 @@ +@use "vuetify/lib/styles/settings" as vuetify_settings; + +@mixin avatar-font-sizes($map: $avatar-sizes) { + @each $sizeName, $multiplier in vuetify_settings.$size-scales { + /* stylelint-disable-next-line scss/no-global-function-names */ + $size: map-get($map, $sizeName); + + &.v-avatar--size-#{$sizeName} { + font-size: #{$size}px; + } + } +} diff --git a/src/admin/src/@core/scss/template/_utilities.scss b/src/admin/src/@core/scss/template/_utilities.scss new file mode 100644 index 0000000..c652d75 --- /dev/null +++ b/src/admin/src/@core/scss/template/_utilities.scss @@ -0,0 +1,51 @@ +.v-timeline{ + .v-timeline-item { + .app-timeline-title { + color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)); + font-size: 15px; + font-weight: 500; + letter-spacing: 0.15px; + line-height: 1.375rem; + } + + .app-timeline-meta { + color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)); + font-size: 13px; + letter-spacing: 0.4px; + line-height: 1.125rem; + } + + .app-timeline-text { + color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)); + font-size: .9375rem; + line-height: 1.375rem; + } + } +} + +.per-page-select { + margin-block: auto; + + .v-field__input { + align-items: center; + padding: 2px; + } + + .v-field__append-inner { + align-items: center; + padding: 0; + + .v-icon { + margin-inline-start: 0 !important; + } + } +} + +.leading-normal { + font-weight: 600; + letter-spacing: .0094rem; +} + +.bg-custom-background{ + background-color: rgb(var(--v-table-header-color)) !important; +} diff --git a/src/admin/src/@core/scss/template/_utils.scss b/src/admin/src/@core/scss/template/_utils.scss new file mode 100644 index 0000000..2969c21 --- /dev/null +++ b/src/admin/src/@core/scss/template/_utils.scss @@ -0,0 +1,41 @@ +@use "sass:string"; + +/* + ℹ️ This function is helpful when we have multi dimensional value + + Assume we have padding variable `$nav-padding-horizontal: 10px;` + With above variable let's say we use it in some style: + ```scss + .selector { + margin-left: $nav-padding-horizontal; + } + ``` + + Now, problem is we can also have value as `$nav-padding-horizontal: 10px 15px;` + In this case above style will be invalid. + + This function will extract the left most value from the variable value. + + $nav-padding-horizontal: 10px; => 10px; + $nav-padding-horizontal: 10px 15px; => 10px; + + This is safe: + ```scss + .selector { + margin-left: get-first-value($nav-padding-horizontal); + } + ``` +*/ +@function get-first-value($var) { + $start-at: string.index(#{$var}, " "); + + @if $start-at { + @return string.slice( + #{$var}, + 0, + $start-at + ); + } @else { + @return $var; + } +} diff --git a/src/admin/src/@core/scss/template/_variables.scss b/src/admin/src/@core/scss/template/_variables.scss new file mode 100644 index 0000000..d9b08f0 --- /dev/null +++ b/src/admin/src/@core/scss/template/_variables.scss @@ -0,0 +1,56 @@ +@use "sass:map"; +@use "utils"; + +$vertical-nav-horizontal-padding-custom: 1.4375rem 1rem; + +// ℹ️ We created this SCSS var to extract the start padding +// Docs: https://sass-lang.com/documentation/modules/string +// $vertical-nav-horizontal-padding => 0 8px; +// string.index(#{$vertical-nav-horizontal-padding}, " ") + 1 => 2 +// string.index(#{$vertical-nav-horizontal-padding}, " ") => 1 +// string.slice(0 8px, 2, -1) => 8px => $card-actions-padding-x + +$vertical-nav-horizontal-padding-start: utils.get-first-value($vertical-nav-horizontal-padding-custom) !default; +$vertical-nav-items-icon-margin-inline-end: 0 !default; + +@forward "@core/scss/base/variables" with ( + $layout-vertical-nav-collapsed-width: 68px !default, + // ℹ️ This is used to keep consistency between nav items and nav header left & right margin + // This is used by nav items & nav header + $vertical-nav-horizontal-spacing: 0 1rem !default, + $vertical-nav-horizontal-padding: $vertical-nav-horizontal-padding-custom !default, + // Vertical nav header padding + $vertical-nav-header-padding: 1.25rem 0 1.25rem $vertical-nav-horizontal-padding-start !default, + + // Vertical nav icons + $vertical-nav-items-icon-size: 1.375rem !default, + $vertical-nav-items-nested-icon-size: 0.75rem !default, + + + // Section title margin top (when its not first child) + $vertical-nav-section-title-mt: 1.25rem !default, + + $layout-vertical-nav-footer-height: 54px !default, + + // Horizontal nav icons + $horizontal-nav-items-icon-size: 1.375rem !default, + $horizontal-nav-items-icon-margin-inline-end: 0.5rem !default, + + // 👉 Horizontal nav + $horizontal-nav-padding: 0.625rem !default, + $horizontal-nav-third-level-icon-size: 0.75rem !default, + + // Gap between top level horizontal nav items + $horizontal-nav-top-level-items-gap: 8px !default, + + // ℹ️ This variable is used for horizontal nav popper content's `margin-top` and "The bridge"'s height. We need to sync both values. + $horizontal-nav-popper-content-top: calc(0.625rem + 0.375rem - 0.25rem) !default, + + $font-sizes: ( + "sm": 0.8125rem, + "base": 0.9375rem, + ), + $font-line-height: ( + "base": 1.375rem, + ), +); diff --git a/src/admin/src/@core/scss/template/_vertical-nav.scss b/src/admin/src/@core/scss/template/_vertical-nav.scss new file mode 100644 index 0000000..a126740 --- /dev/null +++ b/src/admin/src/@core/scss/template/_vertical-nav.scss @@ -0,0 +1,51 @@ +@use "@layouts/styles/mixins" as layoutsMixins; + +.layout-nav-type-vertical { + // 👉 Layout Vertical nav + .layout-vertical-nav { + .nav-items{ + padding-block-start: .25rem; + } + + // 👉 Vertical nav group + .nav-group { + .nav-group-arrow { + font-size: 1.375rem; + } + } + + // 👉 Nav group & Link + .nav-link, + .nav-group { + // shadow cut issue fix + margin-block-end: -0.5rem; + padding-block-end: 0.5rem; + + a { + outline: none; + } + } + + // 👉 Nav section title + .nav-section-title { + .placeholder-icon { + transform: translateX(-3px); + + @include layoutsMixins.rtl { + transform: translateX(3px); + } + } + } + + // 👉 Nav header + .nav-header { + padding-block: 1.25rem; + padding-inline: 23px 0; + } + } +} + +// 👉 Overlay +.layout-overlay{ + touch-action: none; +} diff --git a/src/admin/src/@core/scss/template/index.scss b/src/admin/src/@core/scss/template/index.scss new file mode 100644 index 0000000..23081c3 --- /dev/null +++ b/src/admin/src/@core/scss/template/index.scss @@ -0,0 +1,10 @@ +@use "sass:map"; +@use "@core/scss/base"; + +// layouts +@use "vertical-nav"; +@use "default-layout-w-vertical-nav"; + +// Utilities +@use "utilities"; + diff --git a/src/admin/src/@core/scss/template/libs/apex-chart.scss b/src/admin/src/@core/scss/template/libs/apex-chart.scss new file mode 100644 index 0000000..8f8fd66 --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/apex-chart.scss @@ -0,0 +1,107 @@ +@use "@styles/variables/_vuetify.scss" as vuetify; +@use "@layouts/styles/mixins" as layoutsMixins; +@use "@core/scss/base/mixins"; + +body .apexcharts-canvas { + &line[stroke="transparent"] { + display: "none"; + } + + .apexcharts-tooltip { + @include mixins.elevation(3); + + border-color: rgba(var(--v-border-color), var(--v-border-opacity)); + background: rgb(var(--v-theme-surface)); + + .apexcharts-tooltip-title { + border-color: rgba(var(--v-border-color), var(--v-border-opacity)); + background: rgb(var(--v-theme-surface)); + font-weight: 600; + } + + &.apexcharts-theme-light { + color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity)); + } + + &.apexcharts-theme-dark { + color: white; + } + + .apexcharts-tooltip-series-group:first-of-type { + padding-block-end: 0; + } + } + + .apexcharts-xaxistooltip { + border-color: rgba(var(--v-border-color), var(--v-border-opacity)); + background: rgb(var(--v-theme-grey-50)); + color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity)); + + &::after { + border-block-end-color: rgb(var(--v-theme-grey-50)); + } + + &::before { + border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)); + } + } + + .apexcharts-yaxistooltip { + border-color: rgba(var(--v-border-color), var(--v-border-opacity)); + background: rgb(var(--v-theme-grey-50)); + + &::after { + border-inline-start-color: rgb(var(--v-theme-grey-50)); + } + + &::before { + border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)); + } + } + + .apexcharts-xaxistooltip-text, + .apexcharts-yaxistooltip-text { + color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity)); + } + + .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label { + @include layoutsMixins.rtl { + text-anchor: start; + } + } + + .apexcharts-text, + .apexcharts-tooltip-text, + .apexcharts-datalabel-label, + .apexcharts-datalabel, + .apexcharts-xaxistooltip-text, + .apexcharts-yaxistooltip-text, + .apexcharts-legend-text { + font-family: vuetify.$body-font-family !important; + } + + .apexcharts-pie-label { + fill: white; + filter: none; + } + + .apexcharts-marker { + box-shadow: none; + } + + .apexcharts-tooltip-marker { + margin-inline-end: 0.625rem; + + @include layoutsMixins.rtl { + margin-inline: 0 0.625rem !important; + } + } + + .apexcharts-legend-marker { + margin-inline-end: 0.3875rem !important; + + @include layoutsMixins.rtl { + margin-inline-end: 0.75rem !important; + } + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/_overrides.scss b/src/admin/src/@core/scss/template/libs/vuetify/_overrides.scss new file mode 100644 index 0000000..95581fc --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/_overrides.scss @@ -0,0 +1,38 @@ +@use "@core/scss/base/utils"; +@use "@configured-variables" as variables; + +// 👉 Body +// set body font size 15px +body { + font-size: 15px !important; +} + +// 👉 Typography +.text-h1, +.text-h2, +.text-h3, +.text-h4, +.text-h5, +.text-h6, +.text-overline, +.v-input { + color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity)); +} + +.text-caption{ + color: rgba(var(--v-theme-on-background), var(--v-disabled-opacity)); +} + +.v-card-subtitle, +.text-subtitle-1, +.text-subtitle-2 { + color: rgba(var(--v-theme-on-background), 0.55); +} + +// 👉 Input placeholder alignment +.v-input--density-compact{ + input::placeholder { + position: relative; + inset-block-start: 1px; + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/_variables.scss b/src/admin/src/@core/scss/template/libs/vuetify/_variables.scss new file mode 100644 index 0000000..ff857aa --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/_variables.scss @@ -0,0 +1,323 @@ +$font-family-custom: "Inter", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, + "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +/* stylelint-disable length-zero-no-unit */ +@forward "../../../base/libs/vuetify/variables" with ( + $body-font-family: $font-family-custom !default, + $border-radius-root: 6px, + + $rounded: ( + "sm": 4px, + "shaped": 25px 0, + "lg":8px, + ) !default, + + // 👉 Typography + $typography: ( + "h1": ( + "size": 2.875rem, + "weight": 500, + "line-height": 4.25rem, + "letter-spacing": normal, + ), + "h2": ( + "size": 2.375rem, + "weight": 500, + "line-height": 3.5rem, + "letter-spacing": normal, + ), + "h3": ( + "size": 1.75rem, + "weight": 500, + "line-height": 2.625rem, + "letter-spacing": normal, + ), + "h4": ( + "size": 1.5rem, + "weight": 500, + "line-height": 2.375rem, + "letter-spacing": normal, + ), + "h5": ( + "size": 1.125rem, + "weight": 500, + "line-height": 1.75rem, + "letter-spacing": normal, + ), + "h6": ( + "size": 0.9375rem, + "line-height": 1.375rem, + "letter-spacing": normal, + ), + "subtitle-1": ( + "size": 0.9375rem, + "line-height": 1.375rem, + "letter-spacing": normal, + ), + "subtitle-2": ( + "size": 0.8125rem, + "line-height": 1.25rem, + "letter-spacing": normal, + ), + "body-1": ( + "size": 0.9375rem, + "line-height": 1.375rem, + "letter-spacing": normal, + ), + "body-2": ( + "size": 0.8125rem, + "line-height": 1.25rem, + "letter-spacing": normal, + ), + "caption": ( + "size": 0.8125rem, + "line-height": 1.125rem, + "letter-spacing": 0.025rem, + ), + "overline": ( + "weight": 400, + "line-height": 0.875rem, + "letter-spacing": 0.05rem, + ), + "button": ( + "size": 0.9375rem, + "weight": 500, + "letter-spacing": normal, + "font-family": $font-family-custom, + "text-transform": capitalize, + ), + )!default, + + // 👉 Shadows + $shadow-key-umbra: ( + 0: (0 0 0 0 rgba(var(--v-shadow-key-umbra-color), 1)), + 1: (0 2px 4px rgba(var(--v-shadow-key-umbra-color), 0.12)), + 2: (0 2px 4px 0 rgba(var(--v-shadow-key-umbra-color), var(--v-shadow-xs-opacity))), + 3: (0 3px 8px rgba(var(--v-shadow-key-umbra-color), 0.14)), + 4: (0 3px 6px 0 rgba(var(--v-shadow-key-umbra-color), var(--v-shadow-sm-opacity))), + 5: (0 4px 10px rgba(var(--v-shadow-key-umbra-color), 0.15)), + 6: (0 4px 10px 0 rgba(var(--v-shadow-key-umbra-color), var(--v-shadow-md-opacity))), + 7: (0 4px 18px rgba(var(--v-shadow-key-umbra-color), 0.1)), + 8: (0 6px 16px 0 rgba(var(--v-shadow-key-umbra-color), var(--v-shadow-lg-opacity))), + 9: (0 5px 14px rgba(var(--v-shadow-key-umbra-color), 0.18)), + 10: (0 8px 28px 0 rgba(var(--v-shadow-key-umbra-color), var(--v-shadow-xl-opacity))), + 11: (0 5px 16px rgba(var(--v-shadow-key-umbra-color), 0.2)), + 12: (0 6px 17px rgba(var(--v-shadow-key-umbra-color), 0.22)), + 13: (0 6px 18px rgba(var(--v-shadow-key-umbra-color), 0.22)), + 14: (0 6px 19px rgba(var(--v-shadow-key-umbra-color), 0.24)), + 15: (0 7px 20px rgba(var(--v-shadow-key-umbra-color), 0.24)), + 16: (0 7px 21px rgba(var(--v-shadow-key-umbra-color), 0.26)), + 17: (0 7px 22px rgba(var(--v-shadow-key-umbra-color), 0.26)), + 18: (0 8px 23px rgba(var(--v-shadow-key-umbra-color), 0.28)), + 19: (0 8px 24px 6px rgba(var(--v-shadow-key-umbra-color), 0.28)), + 20: (0 9px 25px rgba(var(--v-shadow-key-umbra-color), 0.3)), + 21: (0 9px 26px rgba(var(--v-shadow-key-umbra-color), 0.32)), + 22: (0 9px 27px rgba(var(--v-shadow-key-umbra-color), 0.32)), + 23: (0 10px 28px rgba(var(--v-shadow-key-umbra-color), 0.34)), + 24: (0 10px 30px rgba(var(--v-shadow-key-umbra-color), 0.34)) + ) !default, + + $shadow-key-penumbra: ( + 0: (0 0 transparent), + 1: (0 0 transparent), + 2: (0 0 transparent), + 3: (0 0 transparent), + 4: (0 0 transparent), + 5: (0 0 transparent), + 6: (0 0 transparent), + 7: (0 0 transparent), + 8: (0 0 transparent), + 9: (0 0 transparent), + 10: (0 0 transparent), + 11: (0 0 transparent), + 12: (0 0 transparent), + 13: (0 0 transparent), + 14: (0 0 transparent), + 15: (0 0 transparent), + 16: (0 0 transparent), + 17: (0 0 transparent), + 18: (0 0 transparent), + 19: (0 0 transparent), + 20: (0 0 transparent), + 21: (0 0 transparent), + 22: (0 0 transparent), + 23: (0 0 transparent), + 24: (0 0 transparent), + ) !default, + + $shadow-key-ambient: ( + 0: (0 0 transparent), + 1: (0 0 transparent), + 2: (0 0 transparent), + 3: (0 0 transparent), + 4: (0 0 transparent), + 5: (0 0 transparent), + 6: (0 0 transparent), + 7: (0 0 transparent), + 8: (0 0 transparent), + 9: (0 0 transparent), + 10: (0 0 transparent), + 11: (0 0 transparent), + 12: (0 0 transparent), + 13: (0 0 transparent), + 14: (0 0 transparent), + 15: (0 0 transparent), + 16: (0 0 transparent), + 17: (0 0 transparent), + 18: (0 0 transparent), + 19: (0 0 transparent), + 20: (0 0 transparent), + 21: (0 0 transparent), + 22: (0 0 transparent), + 23: (0 0 transparent), + 24: (0 0 transparent), + ) !default, + + // 👉 Avatar + $avatar-color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !default, + + // 👉 Alert + $alert-title-font-size: 1.125rem !default, + $alert-text-line-height: 1.625rem !default, + + // 👉 Autocomplete + $autocomplete-content-elevation: 8 !default, + $combobox-content-elevation: 8 !default, + $select-content-elevation: 8 !default, + + // 👉 Badge + $badge-height: 1.375rem !default, + $badge-min-width: 1.375rem !default, + $badge-dot-height: 8px !default, + $badge-dot-width: 8px !default, + $badge-border-radius: 50px !default, + $badge-font-size: 0.8125rem !default, + + // 👉 Buttons + $button-height: 38px !default, + $button-padding-ratio: 2.15 !default, + $button-margin-start: 0 !default, + $button-disabled-opacity: .45 !default, + $button-elevation: ('default': 2, 'hover': 2, 'active': 0) !default, + $button-density: ('default': 0, 'comfortable': -1, 'compact': -2) !default, + $button-line-height: 1.375rem !default, + $button-margin-end: 0.375rem !default, + $button-card-actions-padding: 0 18px !default, + + // 👉 Chip + $chip-font-size: 13px !default, + $chip-close-size: 20px !default, + $chip-font-weight: 500 !default, + + // 👉 Cards + $card-actions-padding: 0 6px 6px !default, + $card-title-font-size: 1.125rem !default, + $card-title-line-height: 1.75rem !default, + $card-text-font-size: 0.9375rem !default, + $card-text-line-height: 1.375rem !default, + $card-subtitle-font-size: 0.9375rem !default, + $card-subtitle-line-height: 1.375rem !default, + $card-subtitle-font-weight: 400 !default, + $card-subtitle-header-padding: 0 !default, + + // 👉 Dialog + $dialog-elevation: 10 !default, + $dialog-card-header-padding: 20px !default, + $dialog-card-text-padding: 0 20px 20px !default, + + // 👉 Expansion Panel + $expansion-panel-active-margin: 0.5rem !default, + $expansion-panel-text-padding: 0 20px 20px !default, + $expansion-panel-title-padding: 12px 20px !default, + $expansion-panel-title-min-height: 46px !default, + $expansion-panel-active-title-min-height: 46px !default, + + // 👉 Field + $field-outline-opacity: 0.22 !default, + $field-control-affixed-padding: 16px !default, + $field-control-affixed-inner-padding: 10px !default, + $field-font-size: 15px !default, + + // 👉 Label + $label-font-size: 0.9375rem !default, + $label-letter-spacing: normal !default, + + // 👉 List + $list-item-one-line-min-height: 38px !default, + $list-subheader-min-height: 38px !default, + $list-item-padding: 8px 20px !default, + $list-subheader-font-weight: 500 !default, + $list-item-icon-margin-start: 12px !default, + $list-item-min-height: 38px !default, + $list-item-nav-title-font-size: 0.9375rem !default, + $list-item-nav-title-font-weight: 400 !default, + $list-item-nav-subtitle-font-size: 0.8125rem !default, + $list-item-subtitle-line-height: 1.25rem !default, + + // 👉 label + $field-label-floating-scale: 0.8125 !default, + + // 👉 Snackbar + $snackbar-background: rgb(var(--v-tooltip-background)) !default, + $snackbar-color: rgb(var(--v-theme-surface)) !default, + $snackbar-content-padding: 12px 16px !default, + $snackbar-wrapper-padding: 0 !default, + $snackbar-wrapper-min-height: 44px !default, + $snackbar-elevation: 2 !default, + $snackbar-btn-padding: 0 10px !default, + $snackbar-action-margin: 16px !default, + + // 👉 Slider + $slider-thumb-hover-opacity: var(--v-activated-opacity) !default, + + // 👉 Switch + $switch-inset-track-width: 1.875rem !default, + $switch-inset-track-height: 1.125rem !default, + $switch-inset-thumb-height: 0.875rem !default, + $switch-inset-thumb-width: 0.875rem !default, + $switch-inset-thumb-off-height: 0.875rem !default, + $switch-track-opacity: 1 !default, + $switch-track-background: rgba(var(--v-theme-on-surface), var(--v-focus-opacity)) !default, + + // 👉 Tooltip + $tooltip-background-color: rgb(var(--v-tooltip-background)) !default, + $tooltip-text-color: rgb(var(--v-theme-surface)) !default, + $tooltip-border-radius: 0.25rem !default, + $tooltip-font-size: 0.8125rem !default, + $tooltip-padding: 4px 12px !default, + $tooltip-line-height: 1.25rem !default, + + // 👉 VPagination + $pagination-item-margin: 0.1875rem !default, + + // 👉 Tabs + $tabs-height: 38px !default, + $tab-min-width: 60px !default, + + // 👉 Timeline + $timeline-divider-line-background: rgba(var(--v-border-color), var(--v-border-opacity)) !default, + $timeline-divider-line-thickness: 1.5px !default, + $timeline-item-padding: 16px !default, + + // 👉 Slider + $slider-track-active-size-offset: 0px !default, + $slider-thumb-label-border-radius: 6px !default, + $slider-thumb-label-height: 28px !default, + $slider-thumb-label-padding: 4px 10px !default, + + // 👉 Table + $table-row-height: 50px !default, + $table-header-font-weight: 500 !default, + $table-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default, + $table-font-size: 15px !default, + $table-column-padding: 0 20px !default, + + // 👉 Radio + $radio-group-label-selection-group-padding-inline: 0 !default, + + // 👉 navigation drawer + $navigation-drawer-temporary-elevation: 8 !default, + $navigation-drawer-transition-duration: 0.4s !default, + + // 👉 Messages + $messages-font-size: 13px !default, +); diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_alert.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_alert.scss new file mode 100644 index 0000000..a2a9cf5 --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_alert.scss @@ -0,0 +1,103 @@ +@use "@core/scss/base/mixins"; +@use "@configured-variables" as variables; + +/* 👉 Alert +/ ℹ️ custom icon styling */ + +// 👉 Alert +.v-alert { + .v-alert__content { + font-size: 0.9375rem; + font-weight: 400; + line-height: 1.375rem; + + .v-alert-title { + margin-block-end: 0.25rem; + } + } + + &:not(.v-alert--prominent) .v-alert__prepend { + border-radius: 0.375rem; + block-size: 1.875rem; + inline-size: 1.875rem; + + .v-icon { + margin: auto; + block-size: 1.375rem !important; + font-size: 1.375rem !important; + inline-size: 1.375rem !important; + } + } + + &:not(.v-alert--prominent) { + &.v-alert--variant-flat, + &.v-alert--variant-elevated { + .v-alert__prepend { + background-color: #fff; + + @include mixins.elevation(2); + } + } + + &.v-alert--variant-tonal { + .v-alert__prepend { + z-index: 1; + } + } + } + + .v-alert__close { + .v-btn--icon { + --v-btn-height: 34px; + + .v-btn__content { + padding: 0.375rem; + + .v-icon { + block-size: 1.25rem; + font-size: 1.25rem; + inline-size: 1.25rem; + } + } + } + } +} + +@each $color-name in variables.$theme-colors-name { + .v-alert { + &:not(.v-alert--prominent) { + &.bg-#{$color-name}, + &.text-#{$color-name} { + .v-alert__prepend .v-icon { + color: rgb(var(--v-theme-#{$color-name})) !important; + } + } + + &.v-alert--variant-tonal { + &.text-#{$color-name}, + &.bg-#{$color-name} { + .v-alert__underlay { + background: rgb(var(--v-theme-#{$color-name})) !important; + } + + .v-alert__prepend { + background-color: rgb(var(--v-theme-#{$color-name})); + + .v-icon { + color: #fff !important; + } + } + } + } + + &.v-alert--variant-outlined { + &.text-#{$color-name}, + &.bg-#{$color-name} { + .v-alert__prepend { + background-color: rgba(var(--v-theme-#{$color-name}), 0.16); + } + } + } + } + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_avatar.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_avatar.scss new file mode 100644 index 0000000..c5215b6 --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_avatar.scss @@ -0,0 +1,28 @@ +@use "@core/scss/base/mixins"; + +// 👉 Avatar +body { + .v-avatar { + font-size: 0.9375rem; + + .v-icon { + block-size: 1.5rem; + font-size: 1.5rem; + inline-size: 1.5rem; + } + + &.v-avatar--variant-tonal:not([class*="text-"]) { + .v-avatar__underlay { + --v-activated-opacity: 0.08; + } + } + } + + .v-avatar-group { + > * { + &:hover { + @include mixins.elevation(6); + } + } + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_badge.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_badge.scss new file mode 100644 index 0000000..bfae585 --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_badge.scss @@ -0,0 +1,35 @@ +@use "@configured-variables" as variables; + +// 👉 Badge +.v-badge { + &.v-badge--inline:not(.v-badge--dot) { + .v-badge__wrapper { + .v-badge__badge { + padding-block: 4px; + padding-inline: 8px; + } + } + } + + &.v-badge--tonal { + @each $color-name in variables.$theme-colors-name { + .v-badge__wrapper { + .v-badge__badge.bg-#{$color-name} { + background-color: rgba(var(--v-theme-#{$color-name}), var(--v-activated-opacity)) !important; + color: rgb(var(--v-theme-#{$color-name})) !important; + } + } + } + } + + /* stylelint-disable-next-line no-descending-specificity */ + &.v-badge--bordered.v-badge--dot .v-badge__badge { + border-radius: 10px; + block-size: 12px; + inline-size: 12px; + + &::after { + border-width: 2px; + } + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_button.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_button.scss new file mode 100644 index 0000000..5f4e799 --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_button.scss @@ -0,0 +1,271 @@ +/* stylelint-disable no-descending-specificity */ +@use "sass:list"; +@use "sass:map"; +@use "@configured-variables" as variables; + +/* 👉 Button + Above map but opacity values as key and variant as value */ + +body { + .v-btn { + &:not(.v-btn--block) { + min-inline-size: auto; + } + + &--variant-elevated, + &--variant-flat { + &.v-btn--disabled { + .v-btn__overlay { + opacity: 0.45; + } + } + } + + // Default (elevated) button + /* stylelint-disable-next-line no-duplicate-selectors */ + &--variant-elevated, + &--variant-flat { + // We want darker background on hover instead of light + + &:hover { + .v-btn__overlay { + opacity: 0; + } + } + + &:not(.v-btn--loading, .v-btn--disabled) { + @each $color-name in variables.$theme-colors-name { + &.bg-#{$color-name} { + &:hover, + &:active, + &:focus { + background-color: rgb(var(--v-theme-#{$color-name}-darken-1)) !important; + } + } + } + } + } + + &--variant-elevated { + &:active { + box-shadow: none; + } + } + + // Outlined variant + &--variant-outlined, + &--variant-text { + .v-btn__overlay { + --v-hover-opacity: 0.08; + } + + &:active { + .v-btn__overlay { + opacity: var(--v-hover-opacity); + } + } + + &:focus { + .v-btn__overlay { + opacity: var(--v-hover-opacity); + } + } + } + + // Tonal variant + &--variant-tonal { + &:hover { + .v-btn__underlay { + opacity: 0; + } + + .v-btn__overlay { + --v-hover-opacity: 0.24; + } + } + + &:active { + .v-btn__overlay { + --v-hover-opacity: 0.24; + + opacity: var(--v-hover-opacity); + } + + .v-btn__underlay { + opacity: 0; + } + } + + &:focus { + .v-btn__overlay { + --v-hover-opacity: 0.24; + + opacity: var(--v-hover-opacity); + } + + .v-btn__underlay { + opacity: 0; + } + } + } + + &--icon.v-btn--density-default { + block-size: var(--v-btn-height); + inline-size: var(--v-btn-height); + padding-inline: 6px; + + &.v-btn--size-default { + .v-icon { + --v-icon-size-multiplier: 1 !important; + } + } + + &.v-btn--size-small { + .v-icon { + block-size: 20px; + font-size: 20px; + inline-size: 20px; + } + } + + &.v-btn--size-large { + .v-icon { + block-size: 28px; + font-size: 28px; + inline-size: 28px; + } + } + } + + &:not(.v-btn--icon) .v-icon { + --v-icon-size-multiplier: 0.7115; + + inline-size: auto; + } + + &--variant-text, + &--variant-plain { + &:not(.v-btn--icon) { + padding-inline: 14px; + } + } + + // Button Size + &--size-x-small { + --v-btn-height: 28px; + --v-btn-size: 11px; + + &:not(.v-btn--icon) { + border-radius: 0.125rem; + } + + line-height: 14px; + padding-block: 0; + padding-inline: 10px; + } + + &--size-small { + --v-btn-height: 34px; + --v-btn-size: 13px; + + &:not(.v-btn--icon) { + border-radius: 0.25rem; + } + + line-height: 18px; + padding-block: 0; + padding-inline: 14px; + + .v-icon { + --v-icon-size-multiplier: 0.718; + } + } + + &--size-large { + --v-btn-height: 42px; + --v-btn-size: 17px; + + &:not(.v-btn--icon) { + border-radius: 0.5rem; + } + + line-height: 26px; + padding-block: 0; + padding-inline: 22px; + } + + &--size-x-large { + --v-btn-height: 48px; + --v-btn-size: 19px; + + &:not(.v-btn--icon) { + border-radius: 0.625rem; + } + + line-height: 30px; + padding-block: 0; + padding-inline: 26px; + } + + // Toggle Button + &-toggle { + .v-btn { + border-radius: 0.375rem; + block-size: 52px !important; + border-inline-end: none; + inline-size: 52px !important; + + &.v-btn--density-comfortable { + block-size: 44px !important; + inline-size: 44px !important; + } + + &.v-btn--density-compact { + block-size: 36px !important; + inline-size: 36px !important; + } + + .v-icon { + color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)); + font-size: 24px; + } + + &--active { + .v-icon { + color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)); + } + } + } + + &.v-btn-group { + align-items: center; + padding: 7px; + border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)); + block-size: 66px; + + .v-btn.v-btn--active { + .v-btn__overlay { + --v-activated-opacity: 0.08; + } + } + + &.v-btn-group--density-compact { + block-size: 50px; + } + + &.v-btn-group--density-comfortable { + block-size: 58px; + } + } + } + } + + // 👉 Btn group + .v-btn-group { + border: none; + + &.v-btn-group--divided .v-btn:not(:last-child) { + border-inline-end-color: unset; + } + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_cards.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_cards.scss new file mode 100644 index 0000000..3302d3e --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_cards.scss @@ -0,0 +1 @@ +// 👉 Card diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_checkbox.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_checkbox.scss new file mode 100644 index 0000000..d36adc9 --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_checkbox.scss @@ -0,0 +1,42 @@ +@use "sass:list"; +@use "sass:map"; +@use "@styles/variables/vuetify"; +@use "@configured-variables" as variables; + +// 👉 checkbox box shadow +.v-checkbox-btn { + &.v-selection-control--dirty { + .v-selection-control__input { + .v-icon.custom-checkbox-checked, + .v-icon.custom-checkbox-indeterminate { + // ℹ️ Using filter: drop-shadow() instead of box-shadow because box-shadow creates white background for SVG;Usingfilter + filter: drop-shadow(rgba(var(--v-shadow-key-umbra-color), 16%) 0 2px 4px); + } + } + } + + &.v-selection-control { + .v-label { + color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity)); + } + + .v-selection-control__input { + svg { + font-size: 1.5rem; + } + } + } + + &:not(.v-selection-control--dirty) { + .v-selection-control__input { + > .v-icon { + color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)); + opacity: 1; + } + + > .custom-checkbox-indeterminate { + color: rgb(var(--v-theme-primary)); + } + } + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_chip.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_chip.scss new file mode 100644 index 0000000..f702f35 --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_chip.scss @@ -0,0 +1,99 @@ +// 👉 Chip +.v-chip { + line-height: 1.25rem !important; + + &:not(.v-chip--variant-elevated) { + color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)); + } + + .v-chip__close { + margin-inline: 4px -8px !important; + + .v-icon { + opacity: 0.7; + } + } + + &:not([class*="text-"]) { + --v-activated-opacity: 0.08; + } + + &.v-chip--size-small { + --v-chip-height: 24px !important; + + font-size: 13px !important; + padding-block: 0 !important; + padding-inline: 12px !important; + + .v-chip__prepend { + .v-icon--start { + font-size: 1rem; + margin-inline: -8px 4px; + } + + .v-avatar { + --v-avatar-height: 16px; + } + + .v-avatar--start { + margin-inline: -8px 4px; + } + } + + .v-chip__append { + .v-icon--end { + font-size: 1rem; + margin-inline: 4px -8px; + } + + .v-avatar { + --v-avatar-height: 16px; + } + + .v-avatar--end { + margin-inline: 4px -8px; + } + } + + .v-chip__close { + font-size: 16px; + max-block-size: 16px; + max-inline-size: 16px; + } + } + + &.v-chip--size-default { + padding-block: 0 !important; + padding-inline: 16px !important; + + .v-chip__prepend { + .v-icon--start { + font-size: 1.25rem; + margin-inline: -8px 4px; + } + + .v-avatar { + --v-avatar-height: 20px; + } + + .v-avatar--start { + margin-inline: -8px 4px; + } + } + + .v-chip__append { + .v-icon--end { + font-size: 1.25rem; + margin-inline: 4px -8px; + } + + .v-avatar { + --v-avatar-height: 20px; + } + + .v-avatar--end { + margin-inline: 4px -8px; + } + } + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_dialog.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_dialog.scss new file mode 100644 index 0000000..f5b36e7 --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_dialog.scss @@ -0,0 +1,12 @@ +// 👉 Dialog + +body { + .v-dialog { + font-size: 0.9375rem; + line-height: 1.375rem; + + .v-dialog-close-btn { + color: rgb(var(--v-theme-secondary)) !important; + } + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_expansion-panels.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_expansion-panels.scss new file mode 100644 index 0000000..e4fcab4 --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_expansion-panels.scss @@ -0,0 +1,47 @@ +@use "@core/scss/base/mixins"; + +// 👉 Expansion Panel +.v-expansion-panels { + .v-expansion-panel { + .v-expansion-panel-title { + font-weight: 500; + + &--active { + .v-expansion-panel-title__overlay, + &:hover .v-expansion-panel-title__overlay { + opacity: 0 !important; + } + } + + .v-expansion-panel-title__icon { + .v-icon { + block-size: 1.25rem; + font-size: 1.25rem; + inline-size: 1.25rem; + } + } + + &:hover { + .v-expansion-panel-title__overlay { + opacity: 0 !important; + } + } + } + + .v-expansion-panel-text { + color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)); + font-size: 15px; + line-height: 1.375rem; + } + } + + &:not(.v-expansion-panels--variant-accordion) { + .v-expansion-panel { + &.v-expansion-panel--active { + .v-expansion-panel__shadow { + @include mixins.elevation(6); + } + } + } + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_field.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_field.scss new file mode 100644 index 0000000..97ca93e --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_field.scss @@ -0,0 +1,58 @@ +@use "@configured-variables" as variables; +@use "sass:map"; +@use "@styles/variables/vuetify"; +@use "@core/scss/base/mixins"; +@use "@core/scss/base/utils"; + +// 👉 VField +// Override Vuetify's default outline color for text fields to match the theme +// ℹ️ We cannot override directly border color because it does not work with dirty or focus state +.v-field__outline { + color: rgba(var(--v-theme-on-surface)); + + &:not([class*="text-"]) .v-label { + color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)); + } +} + +// override input height on comfortable and compact density +.v-text-field, +.v-autocomplete, +.v-combobox, +.v-file-input, +.v-select { + &.v-input.v-input--density-default:not(.v-textarea) .v-field__input { + min-block-size: 56px; + } + + &.v-input.v-input--density-comfortable:not(.v-textarea) .v-field__input { + min-block-size: 48px; + } + + &.v-input.v-input--density-compact:not(.v-textarea) .v-field__input { + min-block-size: 40px; + } +} + +.v-field.v-field--focused .v-field__outline, +.v-input.v-input--error .v-field__outline { + --v-field-border-opacity: 1 !important; +} + +// hover state outline color +@media (hover: hover) { + .v-field:not(.v-field--focused, .v-field--error):hover .v-field__outline { + --v-field-border-opacity: 0.6 !important; + } +} + +.v-field__prepend-inner, +.v-field__append-inner, +.v-field__clearable, +.v-input__prepend, +.v-input__append { + > .v-icon { + font-size: 20px; + opacity: var(--v-high-emphasis-opacity) !important; + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_list.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_list.scss new file mode 100644 index 0000000..e5548e9 --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_list.scss @@ -0,0 +1,22 @@ +// 👉 VList + +.v-list { + // .v-icon { + // font-size: 1.375rem;font-sizefont-size + // } + + .v-list-item { + &.v-list-item--active:not(.v-list-group__header) { + .v-list-item__content, + .v-list-item__prepend { + * { + color: rgb(var(--v-theme-primary)); + } + } + + .v-list-item__overlay { + background: rgb(var(--v-theme-primary)); + } + } + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_menu.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_menu.scss new file mode 100644 index 0000000..a6b27ad --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_menu.scss @@ -0,0 +1,6 @@ +// 👉 VMenu +.v-menu { + .v-list-item--density-default:not(.v-list-item--nav).v-list-item--one-line { + padding-inline: 16px; + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_otp-input.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_otp-input.scss new file mode 100644 index 0000000..781498d --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_otp-input.scss @@ -0,0 +1,18 @@ +// 👉 Otp input + +.v-otp-input { + justify-content: unset !important; + + .v-otp-input__content { + max-inline-size: 100%; + + .v-field.v-field--focused { + .v-field__outline { + .v-field__outline__start, + .v-field__outline__end { + border-color: rgb(var(--v-theme-primary)) !important; + } + } + } + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_pagination.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_pagination.scss new file mode 100644 index 0000000..e129dc3 --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_pagination.scss @@ -0,0 +1,172 @@ +/* stylelint-disable no-descending-specificity */ +@use "@configured-variables" as variables; +@use "@core/scss/base/mixins"; + +// 👉 VPagination + +.v-pagination { + .v-pagination__list { + .v-pagination__next, + .v-pagination__last, + .v-pagination__first, + .v-pagination__prev { + .v-btn { + &.v-btn--icon { + &.v-btn--size-default { + .v-icon { + block-size: 1.375rem; + font-size: 1.375rem; + inline-size: 1.375rem; + } + } + + &.v-btn--size-small { + .v-icon { + block-size: 1.25rem; + font-size: 1.25rem; + inline-size: 1.25rem; + } + } + + &.v-btn--size-large { + .v-icon { + block-size: 1.5rem; + font-size: 1.5rem; + inline-size: 1.5rem; + } + } + } + } + } + + // Common styles for buttons + .v-pagination__item, + .v-pagination__next, + .v-pagination__last, + .v-pagination__first, + .v-pagination__prev { + .v-btn { + color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)); + font-weight: 400; + line-height: 1; + transform: none; + + &--size-default { + --v-btn-size: 13px; + } + + &--size-large { + --v-btn-size: 15px; + } + + &.v-btn--disabled { + opacity: 0.4; + } + + &--variant-tonal { + .v-btn__underlay { + --v-activated-opacity: 0.08; + } + + &:hover { + .v-btn__underlay { + --v-activated-opacity: 0; + } + + .v-btn__overlay { + --v-hover-opacity: 0.16; + } + } + } + + @each $color-name in variables.$theme-colors-name { + &--variant-tonal.text-#{$color-name} { + .v-btn__underlay { + background: rgb(var(--v-theme-on-surface)); + } + + .v-btn__content { + color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)); + } + + &:hover { + .v-btn__content { + color: rgb(var(--v-theme-#{$color-name})); + } + } + } + } + + &--variant-outlined { + &:hover { + .v-btn__overlay { + --v-hover-opacity: 0.06; + } + } + } + } + } + + .v-pagination__item--is-active { + .v-btn { + &:not([class*="text-"]) { + color: rgb(var(--v-theme-primary)); + } + } + + .v-btn.v-btn--variant-tonal { + .v-btn__overlay { + --v-hover-opacity: 0.16; + + background: rgb(var(--v-theme-primary)); + opacity: var(--v-hover-opacity); + } + + .v-btn__content { + color: rgb(var(--v-theme-primary)); + } + + .v-btn__underlay { + opacity: 0; + } + + &:hover { + .v-btn__overlay { + --v-hover-opacity: 0.24; + } + } + } + + @each $color-name in variables.$theme-colors-name { + .v-btn.v-btn--variant-tonal.text-#{$color-name} { + @include mixins.elevation(2); + + .v-btn__overlay { + background: rgb(var(--v-theme-#{$color-name})); + opacity: 1; + } + + .v-btn__content { + z-index: 1; + color: #fff; + } + } + } + + .v-btn.v-btn--variant-outlined { + border-color: rgb(var(--v-theme-primary)); + + .v-btn__content { + color: rgb(var(--v-theme-primary)); + } + + .v-btn__overlay { + --v-hover-opacity: 0.16; + + background: rgb(var(--v-theme-primary)); + opacity: var(--v-hover-opacity); + } + } + } + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_progress.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_progress.scss new file mode 100644 index 0000000..c55b2de --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_progress.scss @@ -0,0 +1,3 @@ +@use "@configured-variables" as variables; + +// 👉 Progress diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_radio.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_radio.scss new file mode 100644 index 0000000..ced4200 --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_radio.scss @@ -0,0 +1,47 @@ +@use "@core/scss/base/mixins"; +@use "@configured-variables" as variables; + +// 👉 Radio +.v-radio, +.v-radio-btn { + &.v-selection-control--dirty { + .v-selection-control__input { + .custom-radio-checked { + filter: drop-shadow(rgba(var(--v-shadow-key-umbra-color), 16%) 0 2px 4px); + } + } + } + + &.v-selection-control { + .v-selection-control__input { + svg { + font-size: 1.5rem; + } + } + + .v-label { + color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity)); + } + } + + &:not(.v-selection-control--dirty) { + .v-selection-control__input > .v-icon { + color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)); + opacity: 1; + } + } +} + +.v-radio-group.v-input > .v-input__control > .v-label { + font-size: 0.9375rem; + line-height: 22px; + margin-inline-start: 0; +} + +.v-radio-group { + .v-selection-control-group { + .v-radio:not(:last-child) { + margin-inline-end: 0; + } + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_rating.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_rating.scss new file mode 100644 index 0000000..7e32287 --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_rating.scss @@ -0,0 +1,14 @@ +// // 👉 Rating +// .v-rating { +// .v-rating__wrapper { +// .v-btn { +// &:hover { +// transform: none;transform +// } + +// .v-icon { +// --v-icon-size-multiplier: 1;--v-icon-size-multiplier +// } +// } +// } +// } diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_slider.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_slider.scss new file mode 100644 index 0000000..24ae833 --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_slider.scss @@ -0,0 +1,28 @@ +// 👉 Slider + +.v-slider { + .v-slider-track__background--opacity { + opacity: 0.16; + } +} + +.v-slider-thumb { + .v-slider-thumb__surface::after { + border-radius: 50%; + background-color: #fff; + block-size: calc(var(--v-slider-thumb-size) - 10px); + inline-size: calc(var(--v-slider-thumb-size) - 10px); + } + + .v-slider-thumb__label { + background-color: rgb(var(--v-tooltip-background)); + color: rgb(var(--v-theme-surface)); + font-weight: 500; + letter-spacing: 0.15px; + line-height: 1.25rem; + + &::before { + content: none; + } + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_snackbar.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_snackbar.scss new file mode 100644 index 0000000..f56987a --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_snackbar.scss @@ -0,0 +1,10 @@ +// 👉 snackbar + +.v-snackbar { + .v-snackbar__actions { + .v-btn { + padding-block: 0; + padding-inline: 10px; + } + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_switch.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_switch.scss new file mode 100644 index 0000000..d84ab3c --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_switch.scss @@ -0,0 +1,57 @@ +@use "@configured-variables" as variables; +@use "@core/scss/base/mixins"; + +// 👉 Switch + +.v-switch { + .v-label { + color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity)); + line-height: 22px; + } +} + +.v-switch.v-switch--inset { + .v-selection-control .v-selection-control__wrapper { + block-size: 36px; + } + + .v-ripple__container { + opacity: 0; + } + + .v-switch__track { + background-color: rgba(var(--v-theme-on-surface), var(--v-focus-opacity)); + box-shadow: 0 0 4px 0 rgba(0, 0, 0, 16%) inset; + opacity: 1; + } + + .v-selection-control__input { + transform: translateX(-5px) !important; + + --v-selection-control-size: 1.125rem; + + .v-switch__thumb { + background-color: #fff; + block-size: 0.875rem; + box-shadow: none; + filter: drop-shadow(0 2px 4px rgba(var(--v-shadow-key-umbra-color), 16%)); + inline-size: 0.875rem; + transform: scale(1); + } + } + + .v-selection-control--dirty { + @each $color-name in variables.$theme-colors-name { + .text-#{$color-name} { + .v-switch__track { + border-color: rgb(var(--v-theme-#{$color-name})); + background-color: rgb(var(--v-theme-#{$color-name})); + } + } + } + + .v-selection-control__input { + transform: translateX(5px) !important; + } + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_table.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_table.scss new file mode 100644 index 0000000..30f8e94 --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_table.scss @@ -0,0 +1,36 @@ +.v-data-table { + table { + tbody { + tr { + &.v-data-table-group-header-row { + td { + background: none; + } + } + } + } + } +} + +// 👉 Table +.v-table { + .v-table__wrapper { + border-radius: 0; + + table { + thead { + tr { + th { + background: rgb(var(--v-table-header-color)) !important; + border-block-end: none !important; + color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !important; + font-size: 0.8125rem; + letter-spacing: 0.2px; + line-height: 24px; + text-transform: uppercase; + } + } + } + } + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_tabs.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_tabs.scss new file mode 100644 index 0000000..32fadd5 --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_tabs.scss @@ -0,0 +1,113 @@ +@use "@configured-variables" as variables; +@use "@core/scss/base/mixins"; + +body { + .v-tabs { + .v-tab.v-btn { + color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)); + padding-block: 0; + padding-inline: 1.375rem; + + .v-icon { + block-size: 1.125rem; + font-size: 1.125rem; + inline-size: 1.125rem; + } + + &.v-btn--stacked { + .v-icon { + block-size: 1.5rem !important; + font-size: 1.5rem !important; + inline-size: 1.5rem !important; + } + } + } + + &:not(.v-tabs-pill) { + &.v-tabs--vertical { + border-inline-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)); + + .v-tab__slider { + inset-inline-end: 0; + inset-inline-start: unset; + } + } + + &.v-tabs--horizontal { + border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)); + + .v-tab__slider { + inset-block-end: 1px; + inset-block-start: unset; + } + } + + .v-tab { + &.v-tab--selected { + &.v-btn.v-btn--variant-text { + &:hover, + &:active, + &:focus { + .v-btn__overlay { + --v-hover-opacity: 0; + } + } + } + } + + &:not(.v-tab--selected) { + &.v-btn.v-btn--variant-text { + &:hover, + &:active, + &:focus { + color: rgb(var(--v-theme-primary)); + + .v-btn__overlay { + --v-hover-opacity: 0; + } + + .v-btn__content { + .v-tab__slider { + opacity: var(--v-activated-opacity); + } + } + } + } + } + } + } + + &.v-tabs-pill { + .v-slide-group__content { + gap: 0.25rem; + } + + &.v-slide-group, + .v-slide-group__container { + box-sizing: content-box; + padding: 1rem; + margin: -1rem; + } + + /* stylelint-disable-next-line no-descending-specificity */ + .v-tab { + &.v-btn { + border-radius: 0.375rem !important; + } + + &:not(.v-tab--selected) { + /* stylelint-disable-next-line no-descending-specificity */ + &.v-btn.v-btn--variant-text { + &:hover { + color: rgb(var(--v-theme-primary)); + } + } + } + + &.v-tab--selected { + @include mixins.elevation(2); + } + } + } + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_textarea.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_textarea.scss new file mode 100644 index 0000000..c9890aa --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_textarea.scss @@ -0,0 +1 @@ +// 👉 Text Area diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_timeline.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_timeline.scss new file mode 100644 index 0000000..1d4f108 --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_timeline.scss @@ -0,0 +1,52 @@ +@use "@configured-variables" as variables; +@use "sass:map"; +@use "@styles/variables/vuetify"; +@use "@core/scss/base/mixins"; +@use "@core/scss/base/utils"; + +// 👉 Timeline + +.v-timeline { + &:not(.v-timeline--variant-outlined) .v-timeline-divider__dot { + background: none !important; + + .v-timeline-divider__inner-dot { + box-shadow: 0 0 0 0.1875rem rgb(var(--v-theme-on-surface-variant)); + + @each $color-name in variables.$theme-colors-name { + + &.bg-#{$color-name} { + box-shadow: 0 0 0 0.1875rem rgba(var(--v-theme-#{$color-name}), 0.12); + } + } + } + } + + .v-timeline-item { + .timeline-chip { + border-radius: 6px; + background: rgba(var(--v-theme-on-surface), var(--v-hover-opacity)); + padding-block: 5px; + padding-inline: 10px; + } + } + + &.v-timeline--variant-outlined { + .v-timeline-item { + .v-timeline-divider { + .v-timeline-divider__dot { + background: none !important; + } + } + + .v-timeline-divider__after { + border: 1px dashed rgba(var(--v-border-color), var(--v-border-opacity)); + background: none; + } + + .v-timeline-divider__before { + background: none; + } + } + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/_tooltip.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/_tooltip.scss new file mode 100644 index 0000000..d7a00b6 --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/_tooltip.scss @@ -0,0 +1,7 @@ +// 👉 Tooltip + +.v-tooltip { + .v-overlay__content { + font-weight: 500; + } +} diff --git a/src/admin/src/@core/scss/template/libs/vuetify/components/index.scss b/src/admin/src/@core/scss/template/libs/vuetify/components/index.scss new file mode 100644 index 0000000..bf7a79c --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/components/index.scss @@ -0,0 +1,25 @@ +@use "alert"; +@use "avatar"; +@use "button"; +@use "badge"; +@use "cards"; +@use "chip"; +@use "dialog"; +@use "expansion-panels"; +@use "list"; +@use "menu"; +@use "pagination"; +@use "progress"; +@use "rating"; +@use "snackbar"; +@use "slider"; +@use "table"; +@use "tabs"; +@use "timeline"; +@use "tooltip"; +@use "otp-input"; +@use "field"; +@use "checkbox"; +@use "textarea"; +@use "radio"; +@use "switch"; diff --git a/src/admin/src/@core/scss/template/libs/vuetify/index.scss b/src/admin/src/@core/scss/template/libs/vuetify/index.scss new file mode 100644 index 0000000..57045f0 --- /dev/null +++ b/src/admin/src/@core/scss/template/libs/vuetify/index.scss @@ -0,0 +1,3 @@ +@use "@core/scss/base/libs/vuetify"; +@use "overrides"; +@use "components/index"; diff --git a/src/admin/src/@core/scss/template/pages/misc.scss b/src/admin/src/@core/scss/template/pages/misc.scss new file mode 100644 index 0000000..320e8b9 --- /dev/null +++ b/src/admin/src/@core/scss/template/pages/misc.scss @@ -0,0 +1,36 @@ +.layout-blank { + .misc-wrapper { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 1.25rem; + min-block-size: 100dvh; + + .misc-footer-img { + position: absolute; + inline-size: 100%; + inset-block-end: 0; + inset-inline-start: 0; + } + + .misc-footer-tree, .misc-footer-tree-1 { + position: absolute; + } + + .misc-footer-tree { + inset-block-end: 3.75rem; + inset-inline-start: 3.75rem; + } + + .misc-footer-tree-1 { + inset-block-end: 5rem; + inset-inline-end: 4.75rem; + } + + } + + .misc-avatar { + z-index: 1; + } +} diff --git a/src/admin/src/@core/scss/template/pages/page-auth.scss b/src/admin/src/@core/scss/template/pages/page-auth.scss new file mode 100644 index 0000000..d3c6df2 --- /dev/null +++ b/src/admin/src/@core/scss/template/pages/page-auth.scss @@ -0,0 +1,61 @@ +.layout-blank { + .auth-wrapper { + min-block-size: 100dvh; + } + + .auth-footer-mask { + position: absolute; + inset-block-end: 0; + max-inline-size: 100%; + min-inline-size: 100%; + } + + .auth-footer-tree{ + position: absolute !important; + inset-block-end: 70px; + inset-inline-start: 70px; + } + + .auth-footer-start-tree, .auth-footer-end-tree{ + position: absolute !important; + z-index: 1 !important; + } + + .auth-footer-start-tree{ + inset-block-end: 3.75rem; + inset-inline-start: 3.75rem; + } + + .auth-footer-end-tree{ + inset-block-end: 4.625rem; + inset-inline-end: 5rem; + } + + .auth-card, .auth-card-v2, .auth-illustration { + z-index: 1 !important; + } +} + +@media (min-width: 960px) { + .skin--bordered { + .auth-card-v2 { + border-inline-start: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)) !important; + } + } +} + + +.auth-logo { + position: absolute; + z-index: 2; + inset-block-start: 2rem; + inset-inline-start: 2.3rem; +} + +.auth-title{ + font-size: 1.5rem; + font-weight: 600; + letter-spacing: 0.273px; + line-height: normal; + text-transform: capitalize; +} diff --git a/src/admin/src/@core/scss/template/placeholders/_default-layout-vertical-nav.scss b/src/admin/src/@core/scss/template/placeholders/_default-layout-vertical-nav.scss new file mode 100644 index 0000000..b169d48 --- /dev/null +++ b/src/admin/src/@core/scss/template/placeholders/_default-layout-vertical-nav.scss @@ -0,0 +1,11 @@ +@use "@configured-variables" as variables; +@use "@core/scss/base/mixins"; + +%default-layout-vertical-nav-floating-navbar-and-sticky-elevated-navbar-scrolled { + box-shadow: 0 4px 8px -4px rgba(var(--v-shadow-key-umbra-color), 42%); + + // If navbar is contained => Squeeze navbar content on scroll + @if variables.$layout-vertical-nav-navbar-is-contained { + padding-inline: 1.5rem; + } +} diff --git a/src/admin/src/@core/scss/template/placeholders/_index.scss b/src/admin/src/@core/scss/template/placeholders/_index.scss new file mode 100644 index 0000000..112293d --- /dev/null +++ b/src/admin/src/@core/scss/template/placeholders/_index.scss @@ -0,0 +1,5 @@ + +@forward "nav"; +@forward "default-layout-vertical-nav"; +@forward "vertical-nav"; +@forward "misc"; diff --git a/src/admin/src/@core/scss/template/placeholders/_misc.scss b/src/admin/src/@core/scss/template/placeholders/_misc.scss new file mode 100644 index 0000000..b826e00 --- /dev/null +++ b/src/admin/src/@core/scss/template/placeholders/_misc.scss @@ -0,0 +1,7 @@ +%blurry-bg { + /* stylelint-disable property-no-vendor-prefix */ + -webkit-backdrop-filter: blur(9px); + backdrop-filter: blur(9px); + /* stylelint-enable */ + background-color: rgb(var(--v-theme-surface), 0.85); +} diff --git a/src/admin/src/@core/scss/template/placeholders/_nav.scss b/src/admin/src/@core/scss/template/placeholders/_nav.scss new file mode 100644 index 0000000..dbd5763 --- /dev/null +++ b/src/admin/src/@core/scss/template/placeholders/_nav.scss @@ -0,0 +1,17 @@ +@use "@core/scss/base/mixins"; + +%nav-link-active { + background: linear-gradient(-72.47deg, rgb(var(--v-theme-primary)) 22.16%, + rgba(var(--v-theme-primary), 0.7) 76.47%) !important; + + i { color: rgb(var(--v-theme-on-primary)) !important; } + + @include mixins.elevation(4); +} + +// ℹ️ This is common style that needs to be applied to both navs +%nav { + .nav-item-title { + line-height: 1.375rem; + } +} diff --git a/src/admin/src/@core/scss/template/placeholders/_vertical-nav.scss b/src/admin/src/@core/scss/template/placeholders/_vertical-nav.scss new file mode 100644 index 0000000..6eab159 --- /dev/null +++ b/src/admin/src/@core/scss/template/placeholders/_vertical-nav.scss @@ -0,0 +1,94 @@ +@use "@configured-variables" as variables; + +%nav-header-action { + color:rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)); + font-size: 0; +} + +// ℹ️ Add divider around section title +%vertical-nav-section-title { + block-size: 2rem; + font-size: 0.8125rem; + line-height: 1.125rem; + + /* + ℹ️ We will use this to add gap between divider and text. + Moreover, we will use this to adjust the `flex-basis` property of left divider + */ + $divider-gap: 0.625rem; + + // Thanks: https://stackoverflow.com/a/62359101/10796681 + .title-text { + display: flex; + flex-wrap: nowrap; + align-items: center; + justify-content: flex-start; + column-gap: $divider-gap; + + &::before, + &::after { + border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)); + content: ""; + } + + &::after { + flex: 1 1 auto; + } + + &::before { + flex: 0 1 calc(variables.$vertical-nav-horizontal-padding-start - $divider-gap); + margin-inline-start: -#{variables.$vertical-nav-horizontal-padding-start}; + } + } + + // ℹ️ Update the margin-inline-end when vertical nav is in mini state. We done same for link & group. + @at-root { + .layout-nav-type-vertical.layout-vertical-nav-collapsed .layout-vertical-nav:not(.hovered) .nav-section-title { + margin-inline: 4px 0; + } + } +} + +%vertical-nav-item-interactive { + // Add pill shape styles + block-size: 2.375rem !important; + border-end-end-radius: 3.125rem !important; + border-end-start-radius: 0 !important; + border-start-end-radius: 3.125rem !important; + border-start-start-radius: 0 !important; + + // ℹ️ Wobble effect + transition: margin-inline 0.15s ease-in-out; + will-change: margin-inline; + + // Reduce margin inline end when vertical nav is in collapsed mode and not hovered + .layout-nav-type-vertical.layout-vertical-nav-collapsed .layout-vertical-nav:not(.hovered) & { + margin-inline: 0 5px; + } +} + +// Vertical nav item badge styles +%vertical-nav-item-badge { + font-size: .8125rem; + line-height: 20px; + padding-block: 0.125rem; + padding-inline: 0.75rem; +} + +// Nav items styles (including section title) +%vertical-nav-item { + gap: .5rem; + padding-block: 0.4375rem; +} + + +// ℹ️ Icon styling for icon nested inside another nav item (2nd level) +%vertical-nav-items-nested-icon { + color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)); + margin-inline: .375rem; +} + +%vertical-nav-items-icon-after-2nd-level { + margin-inline-start: 1rem; + visibility: visible; +} diff --git a/src/admin/src/@core/utils/colorConverter.ts b/src/admin/src/@core/utils/colorConverter.ts new file mode 100644 index 0000000..06380f6 --- /dev/null +++ b/src/admin/src/@core/utils/colorConverter.ts @@ -0,0 +1,35 @@ +/** + * Convert Hex color to rgb + * @param hex + */ + +export const hexToRgb = (hex: string) => { +// Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF") + const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i + + hex = hex.replace(shorthandRegex, (m: string, r: string, g: string, b: string) => { + return r + r + g + g + b + b + }) + + const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex) + + return result ? `${Number.parseInt(result[1], 16)},${Number.parseInt(result[2], 16)},${Number.parseInt(result[3], 16)}` : null +} + +/** + *RGBA color to Hex color with / without opacity + */ +export const rgbaToHex = (rgba: string, forceRemoveAlpha = false) => { + return ( + `#${ + rgba + .replace(/^rgba?\(|\s+|\)$/g, '') // Get's rgba / rgb string values + .split(',') // splits them at "," + .filter((string, index) => !forceRemoveAlpha || index !== 3) + .map(string => Number.parseFloat(string)) // Converts them to numbers + .map((number, index) => (index === 3 ? Math.round(number * 255) : number)) // Converts alpha to 255 number + .map(number => number.toString(16)) // Converts numbers to hex + .map(string => (string.length === 1 ? `0${string}` : string)) // Adds 0 when length of one number is 1 + .join('')}` + ) +} diff --git a/src/admin/src/@core/utils/formatters.ts b/src/admin/src/@core/utils/formatters.ts new file mode 100644 index 0000000..f57d28d --- /dev/null +++ b/src/admin/src/@core/utils/formatters.ts @@ -0,0 +1,6 @@ +// TODO: Try to implement this: https://twitter.com/fireship_dev/status/1565424801216311297 +export const kFormatter = (num: number) => { + const regex = /\B(?=(\d{3})+(?!\d))/g + + return Math.abs(num) > 9999 ? `${Math.sign(num) * +((Math.abs(num) / 1000).toFixed(1))}k` : Math.abs(num).toFixed(0).replace(regex, ',') +} diff --git a/src/admin/src/@core/utils/helpers.ts b/src/admin/src/@core/utils/helpers.ts new file mode 100644 index 0000000..d8e9929 --- /dev/null +++ b/src/admin/src/@core/utils/helpers.ts @@ -0,0 +1,32 @@ +// 👉 IsEmpty +export const isEmpty = (value: unknown): boolean => { + if (value === null || value === undefined || value === '') + return true + + return !!(Array.isArray(value) && value.length === 0) +} + +// 👉 IsNullOrUndefined +export const isNullOrUndefined = (value: unknown): value is undefined | null => { + return value === null || value === undefined +} + +// 👉 IsEmptyArray +export const isEmptyArray = (arr: unknown): boolean => { + return Array.isArray(arr) && arr.length === 0 +} + +// 👉 IsObject +export const isObject = (obj: unknown): obj is Record => + obj !== null && !!obj && typeof obj === 'object' && !Array.isArray(obj) + +// 👉 IsToday +export const isToday = (date: Date) => { + const today = new Date() + + return ( + date.getDate() === today.getDate() + && date.getMonth() === today.getMonth() + && date.getFullYear() === today.getFullYear() + ) +} diff --git a/src/admin/src/@core/utils/plugins.ts b/src/admin/src/@core/utils/plugins.ts new file mode 100644 index 0000000..52cba91 --- /dev/null +++ b/src/admin/src/@core/utils/plugins.ts @@ -0,0 +1,54 @@ +import type { App } from 'vue' + +/** + * This is helper function to register plugins like a nuxt + * To register a plugin just export a const function `defineVuePlugin` that takes `app` as argument and call `app.use` + * For Scanning plugins it will include all files in `src/plugins` and `src/plugins/**\/index.ts` + * + * + * @param {App} app Vue app instance + * @returns void + * + * @example + * ```ts + * // File: src/plugins/vuetify/index.ts + * + * import type { App } from 'vue' + * import { createVuetify } from 'vuetify' + * + * const vuetify = createVuetify({ ... }) + * + * export default function (app: App) { + * app.use(vuetify) + * } + * ``` + * + * All you have to do is use this helper function in `main.ts` file like below: + * ```ts + * // File: src/main.ts + * import { registerPlugins } from '@core/utils/plugins' + * import { createApp } from 'vue' + * import App from '@/App.vue' + * + * // Create vue app + * const app = createApp(App) + * + * // Register plugins + * registerPlugins(app) // [!code focus] + * + * // Mount vue app + * app.mount('#app') + * ``` + */ + +export const registerPlugins = (app: App) => { + const imports = import.meta.glob<{ default: (app: App) => void }>(['../../plugins/*.{ts,js}', '../../plugins/*/index.{ts,js}'], { eager: true }) + + const importPaths = Object.keys(imports).sort() + + importPaths.forEach(path => { + const pluginImportModule = imports[path] + + pluginImportModule.default?.(app) + }) +} diff --git a/src/admin/src/@layouts/components.ts b/src/admin/src/@layouts/components.ts new file mode 100644 index 0000000..587fd22 --- /dev/null +++ b/src/admin/src/@layouts/components.ts @@ -0,0 +1,3 @@ +export { default as VerticalNavLayout } from './components/VerticalNavLayout.vue' +export { default as VerticalNavLink } from './components/VerticalNavLink.vue' +export { default as VerticalNavSectionTitle } from './components/VerticalNavSectionTitle.vue' diff --git a/src/admin/src/@layouts/components/TransitionExpand.vue b/src/admin/src/@layouts/components/TransitionExpand.vue new file mode 100644 index 0000000..5cae328 --- /dev/null +++ b/src/admin/src/@layouts/components/TransitionExpand.vue @@ -0,0 +1,92 @@ + + + + + + + diff --git a/src/admin/src/@layouts/components/VerticalNav.vue b/src/admin/src/@layouts/components/VerticalNav.vue new file mode 100644 index 0000000..47cda4b --- /dev/null +++ b/src/admin/src/@layouts/components/VerticalNav.vue @@ -0,0 +1,189 @@ + + + + + + + diff --git a/src/admin/src/@layouts/components/VerticalNavGroup.vue b/src/admin/src/@layouts/components/VerticalNavGroup.vue new file mode 100644 index 0000000..31cc869 --- /dev/null +++ b/src/admin/src/@layouts/components/VerticalNavGroup.vue @@ -0,0 +1,71 @@ + + + + + diff --git a/src/admin/src/@layouts/components/VerticalNavLayout.vue b/src/admin/src/@layouts/components/VerticalNavLayout.vue new file mode 100644 index 0000000..10b35a2 --- /dev/null +++ b/src/admin/src/@layouts/components/VerticalNavLayout.vue @@ -0,0 +1,209 @@ + + + diff --git a/src/admin/src/@layouts/components/VerticalNavLink.vue b/src/admin/src/@layouts/components/VerticalNavLink.vue new file mode 100644 index 0000000..642ffd2 --- /dev/null +++ b/src/admin/src/@layouts/components/VerticalNavLink.vue @@ -0,0 +1,46 @@ + + + + + diff --git a/src/admin/src/@layouts/components/VerticalNavSectionTitle.vue b/src/admin/src/@layouts/components/VerticalNavSectionTitle.vue new file mode 100644 index 0000000..821b40e --- /dev/null +++ b/src/admin/src/@layouts/components/VerticalNavSectionTitle.vue @@ -0,0 +1,20 @@ + + + diff --git a/src/admin/src/@layouts/enums.ts b/src/admin/src/@layouts/enums.ts new file mode 100644 index 0000000..434a1aa --- /dev/null +++ b/src/admin/src/@layouts/enums.ts @@ -0,0 +1,27 @@ +export const ContentWidth = { + Fluid: 'fluid', + Boxed: 'boxed', +} as const + +export const NavbarType = { + Sticky: 'sticky', + Static: 'static', + Hidden: 'hidden', +} as const + +export const FooterType = { + Sticky: 'sticky', + Static: 'static', + Hidden: 'hidden', +} as const + +export const AppContentLayoutNav = { + Vertical: 'vertical', + Horizontal: 'horizontal', +} as const + +export const HorizontalNavType = { + Sticky: 'sticky', + Static: 'static', + Hidden: 'hidden', +} as const diff --git a/src/admin/src/@layouts/index.ts b/src/admin/src/@layouts/index.ts new file mode 100644 index 0000000..cb64ac1 --- /dev/null +++ b/src/admin/src/@layouts/index.ts @@ -0,0 +1 @@ +export * from './components' diff --git a/src/admin/src/@layouts/styles/_classes.scss b/src/admin/src/@layouts/styles/_classes.scss new file mode 100644 index 0000000..70074d6 --- /dev/null +++ b/src/admin/src/@layouts/styles/_classes.scss @@ -0,0 +1,3 @@ +.cursor-pointer { + cursor: pointer; +} diff --git a/src/admin/src/@layouts/styles/_default-layout.scss b/src/admin/src/@layouts/styles/_default-layout.scss new file mode 100644 index 0000000..7f12d9a --- /dev/null +++ b/src/admin/src/@layouts/styles/_default-layout.scss @@ -0,0 +1,35 @@ +// These are styles which are both common in layout w/ vertical nav & horizontal nav +@use "@layouts/styles/rtl"; +@use "@layouts/styles/placeholders"; +@use "@layouts/styles/mixins"; +@use "@configured-variables" as variables; + +html, +body { + min-block-size: 100%; +} + +.layout-page-content { + @include mixins.boxed-content(true); + + flex-grow: 1; + + // TODO: Use grid gutter variable here + padding-block: 1.5rem; +} + +.layout-footer { + .footer-content-container { + block-size: variables.$layout-vertical-nav-footer-height; + } + + .layout-footer-sticky & { + position: sticky; + inset-block-end: 0; + will-change: transform; + } + + .layout-footer-hidden & { + display: none; + } +} diff --git a/src/admin/src/@layouts/styles/_global.scss b/src/admin/src/@layouts/styles/_global.scss new file mode 100644 index 0000000..eb6d834 --- /dev/null +++ b/src/admin/src/@layouts/styles/_global.scss @@ -0,0 +1,10 @@ +*, +::before, +::after { + box-sizing: inherit; + background-repeat: no-repeat; +} + +html { + box-sizing: border-box; +} diff --git a/src/admin/src/@layouts/styles/_mixins.scss b/src/admin/src/@layouts/styles/_mixins.scss new file mode 100644 index 0000000..5e9957b --- /dev/null +++ b/src/admin/src/@layouts/styles/_mixins.scss @@ -0,0 +1,30 @@ +@use "placeholders"; +@use "@configured-variables" as variables; + +@mixin rtl { + @if variables.$enable-rtl-styles { + [dir="rtl"] & { + @content; + } + } +} + +@mixin boxed-content($nest-selector: false) { + & { + @extend %boxed-content-spacing; + + @at-root { + @if $nest-selector == false { + .layout-content-width-boxed#{&} { + @extend %boxed-content; + } + } + // stylelint-disable-next-line @stylistic/indentation + @else { + .layout-content-width-boxed & { + @extend %boxed-content; + } + } + } + } +} diff --git a/src/admin/src/@layouts/styles/_placeholders.scss b/src/admin/src/@layouts/styles/_placeholders.scss new file mode 100644 index 0000000..c10e25b --- /dev/null +++ b/src/admin/src/@layouts/styles/_placeholders.scss @@ -0,0 +1,53 @@ +// placeholders +@use "@configured-variables" as variables; + +%boxed-content { + @at-root #{&}-spacing { + // TODO: Use grid gutter variable here + padding-inline: 1.5rem; + } + + inline-size: 100%; + margin-inline: auto; + max-inline-size: variables.$layout-boxed-content-width; +} + +%layout-navbar-hidden { + display: none; +} + +// ℹ️ We created this placeholder even it is being used in just layout w/ vertical nav because in future we might apply style to both navbar & horizontal nav separately +%layout-navbar-sticky { + position: sticky; + inset-block-start: 0; + + // will-change: transform; + // inline-size: 100%; +} + +%style-scroll-bar { + /* width */ + + &::-webkit-scrollbar { + background: rgb(var(--v-theme-surface)); + block-size: 8px; + border-end-end-radius: 14px; + border-start-end-radius: 14px; + inline-size: 4px; + } + + /* Track */ + &::-webkit-scrollbar-track { + background: transparent; + } + + /* Handle */ + &::-webkit-scrollbar-thumb { + border-radius: 0.5rem; + background: rgb(var(--v-theme-perfect-scrollbar-thumb)); + } + + &::-webkit-scrollbar-corner { + display: none; + } +} diff --git a/src/admin/src/@layouts/styles/_rtl.scss b/src/admin/src/@layouts/styles/_rtl.scss new file mode 100644 index 0000000..5031d56 --- /dev/null +++ b/src/admin/src/@layouts/styles/_rtl.scss @@ -0,0 +1,7 @@ +@use "./mixins"; + +.layout-vertical-nav .nav-group-arrow { + @include mixins.rtl { + transform: rotate(180deg); + } +} diff --git a/src/admin/src/@layouts/styles/_variables.scss b/src/admin/src/@layouts/styles/_variables.scss new file mode 100644 index 0000000..565b5d8 --- /dev/null +++ b/src/admin/src/@layouts/styles/_variables.scss @@ -0,0 +1,29 @@ +// @use "@styles/style.scss"; + +// 👉 Vertical nav +$layout-vertical-nav-z-index: 12 !default; +$layout-vertical-nav-width: 260px !default; +$layout-vertical-nav-collapsed-width: 80px !default; +$selector-vertical-nav-mini: ".layout-vertical-nav-collapsed .layout-vertical-nav:not(:hover)"; + +// 👉 Horizontal nav +$layout-horizontal-nav-z-index: 11 !default; +$layout-horizontal-nav-navbar-height: 64px !default; + +// 👉 Navbar +$layout-vertical-nav-navbar-height: 64px !default; +$layout-vertical-nav-navbar-is-contained: true !default; +$layout-vertical-nav-layout-navbar-z-index: 11 !default; +$layout-horizontal-nav-layout-navbar-z-index: 11 !default; + +// 👉 Main content +$layout-boxed-content-width: 1440px !default; + +// 👉Footer +$layout-vertical-nav-footer-height: 56px !default; + +// 👉 Layout overlay +$layout-overlay-z-index: 11 !default; + +// 👉 RTL +$enable-rtl-styles: true !default; diff --git a/src/admin/src/@layouts/styles/index.scss b/src/admin/src/@layouts/styles/index.scss new file mode 100644 index 0000000..4e766d8 --- /dev/null +++ b/src/admin/src/@layouts/styles/index.scss @@ -0,0 +1,3 @@ +@use "global"; +@use "vue3-perfect-scrollbar/style.css"; +@use "classes"; diff --git a/src/admin/src/@layouts/types.ts b/src/admin/src/@layouts/types.ts new file mode 100644 index 0000000..bdb830d --- /dev/null +++ b/src/admin/src/@layouts/types.ts @@ -0,0 +1,59 @@ +import type { RouteLocationRaw } from 'vue-router' + +export interface AclProperties { + action: string + subject: string +} + +// 👉 Vertical nav section title +export interface NavSectionTitle extends Partial { + heading: string +} + +// 👉 Vertical nav link +declare type ATagTargetAttrValues = '_blank' | '_self' | '_parent' | '_top' | 'framename' +declare type ATagRelAttrValues = + | 'alternate' + | 'author' + | 'bookmark' + | 'external' + | 'help' + | 'license' + | 'next' + | 'nofollow' + | 'noopener' + | 'noreferrer' + | 'prev' + | 'search' + | 'tag' + +export interface NavLinkProps { + to?: RouteLocationRaw | string | null + href?: string + target?: ATagTargetAttrValues + rel?: ATagRelAttrValues +} + +export interface NavLink extends NavLinkProps, Partial { + title: string + icon?: unknown + badgeContent?: string + badgeClass?: string + disable?: boolean +} + +// 👉 Vertical nav group +export interface NavGroup extends Partial { + title: string + icon?: unknown + badgeContent?: string + badgeClass?: string + children: (NavLink | NavGroup)[] + disable?: boolean +} + +// 👉 Components ======================== +export interface ThemeSwitcherTheme { + name: string + icon: string +} diff --git a/src/admin/src/@layouts/utils.ts b/src/admin/src/@layouts/utils.ts new file mode 100644 index 0000000..c259337 --- /dev/null +++ b/src/admin/src/@layouts/utils.ts @@ -0,0 +1,17 @@ +/** + * Convert Hex color to rgb + * @param hex + */ + +export const hexToRgb = (hex: string) => { +// Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF") + const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i + + hex = hex.replace(shorthandRegex, (m: string, r: string, g: string, b: string) => { + return r + r + g + g + b + b + }) + + const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex) + + return result ? `${Number.parseInt(result[1], 16)},${Number.parseInt(result[2], 16)},${Number.parseInt(result[3], 16)}` : null +} diff --git a/src/admin/src/App.vue b/src/admin/src/App.vue index 75ef139..1caf1b9 100644 --- a/src/admin/src/App.vue +++ b/src/admin/src/App.vue @@ -1,5 +1,5 @@ diff --git a/src/admin/src/api/users.ts b/src/admin/src/api/users.ts new file mode 100644 index 0000000..bac100e --- /dev/null +++ b/src/admin/src/api/users.ts @@ -0,0 +1,21 @@ +import apiClient from './client'; +import type { UserProfileResponse, UpdateProfileRequest, ChangePasswordRequest } from '@/types/api'; + +export async function getMe(): Promise { + const { data } = await apiClient.get('/v1/users/me'); + return data; +} + +export async function updateMe(request: UpdateProfileRequest): Promise { + const { data } = await apiClient.put('/v1/users/me', request); + return data; +} + +export async function changePassword(request: ChangePasswordRequest): Promise { + await apiClient.post('/v1/users/me/change-password', request); +} + +export async function getUserById(id: number): Promise { + const { data } = await apiClient.get(`/v1/users/${id}`); + return data; +} diff --git a/src/admin/src/assets/images/logo.svg b/src/admin/src/assets/images/logo.svg new file mode 100644 index 0000000..8fa42ca --- /dev/null +++ b/src/admin/src/assets/images/logo.svg @@ -0,0 +1,40 @@ + + MicCheck + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/admin/src/assets/images/svg/checkbox-checked.svg b/src/admin/src/assets/images/svg/checkbox-checked.svg new file mode 100644 index 0000000..dcd5fa8 --- /dev/null +++ b/src/admin/src/assets/images/svg/checkbox-checked.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/admin/src/assets/images/svg/checkbox-indeterminate.svg b/src/admin/src/assets/images/svg/checkbox-indeterminate.svg new file mode 100644 index 0000000..d77969d --- /dev/null +++ b/src/admin/src/assets/images/svg/checkbox-indeterminate.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/admin/src/assets/images/svg/checkbox-unchecked.svg b/src/admin/src/assets/images/svg/checkbox-unchecked.svg new file mode 100644 index 0000000..5bdd97d --- /dev/null +++ b/src/admin/src/assets/images/svg/checkbox-unchecked.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/admin/src/assets/images/svg/radio-checked.svg b/src/admin/src/assets/images/svg/radio-checked.svg new file mode 100644 index 0000000..4606865 --- /dev/null +++ b/src/admin/src/assets/images/svg/radio-checked.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/admin/src/assets/images/svg/radio-unchecked.svg b/src/admin/src/assets/images/svg/radio-unchecked.svg new file mode 100644 index 0000000..91d0c2a --- /dev/null +++ b/src/admin/src/assets/images/svg/radio-unchecked.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/admin/src/assets/styles/styles/styles.scss b/src/admin/src/assets/styles/styles/styles.scss new file mode 100644 index 0000000..3118a33 --- /dev/null +++ b/src/admin/src/assets/styles/styles/styles.scss @@ -0,0 +1 @@ +// Write your overrides diff --git a/src/admin/src/assets/styles/styles/variables/_template.scss b/src/admin/src/assets/styles/styles/variables/_template.scss new file mode 100644 index 0000000..087f7fe --- /dev/null +++ b/src/admin/src/assets/styles/styles/variables/_template.scss @@ -0,0 +1,6 @@ +@forward "@core/scss/template/variables"; + +// ℹ️ Remove above import and uncomment below to override core variables. +// @forward "@core/scss/template/variables" with ( +// $: +// ) diff --git a/src/admin/src/assets/styles/styles/variables/_vuetify.scss b/src/admin/src/assets/styles/styles/variables/_vuetify.scss new file mode 100644 index 0000000..325a8e3 --- /dev/null +++ b/src/admin/src/assets/styles/styles/variables/_vuetify.scss @@ -0,0 +1,7 @@ +// ❗ Path must be relative +@forward "../../../@core/scss/template/libs/vuetify/variables"; + +// ℹ️ Remove above import and uncomment below to override core variables. +// @forward "../../../@core/scss/template/libs/vuetify/variables" with ( +// $: +// ) diff --git a/src/admin/src/assets/styles/variables/_template.scss b/src/admin/src/assets/styles/variables/_template.scss new file mode 100644 index 0000000..087f7fe --- /dev/null +++ b/src/admin/src/assets/styles/variables/_template.scss @@ -0,0 +1,6 @@ +@forward "@core/scss/template/variables"; + +// ℹ️ Remove above import and uncomment below to override core variables. +// @forward "@core/scss/template/variables" with ( +// $: +// ) diff --git a/src/admin/src/assets/styles/variables/_vuetify.scss b/src/admin/src/assets/styles/variables/_vuetify.scss new file mode 100644 index 0000000..325a8e3 --- /dev/null +++ b/src/admin/src/assets/styles/variables/_vuetify.scss @@ -0,0 +1,7 @@ +// ❗ Path must be relative +@forward "../../../@core/scss/template/libs/vuetify/variables"; + +// ℹ️ Remove above import and uncomment below to override core variables. +// @forward "../../../@core/scss/template/libs/vuetify/variables" with ( +// $: +// ) diff --git a/src/admin/src/components/AppHeader.vue b/src/admin/src/components/AppHeader.vue deleted file mode 100644 index defb05b..0000000 --- a/src/admin/src/components/AppHeader.vue +++ /dev/null @@ -1,54 +0,0 @@ - - - diff --git a/src/admin/src/components/AppLayout.vue b/src/admin/src/components/AppLayout.vue deleted file mode 100644 index f50d299..0000000 --- a/src/admin/src/components/AppLayout.vue +++ /dev/null @@ -1,142 +0,0 @@ - - - diff --git a/src/admin/src/components/features/FeatureDetail.vue b/src/admin/src/components/features/FeatureDetail.vue index e63fcd0..131d14c 100644 --- a/src/admin/src/components/features/FeatureDetail.vue +++ b/src/admin/src/components/features/FeatureDetail.vue @@ -8,17 +8,18 @@ -
+
+ {{ feature.name }} {{ feature.type }} - {{ feature.name }}
- + @@ -28,7 +29,7 @@ - + @@ -45,7 +46,7 @@
- mdi-server-outline + ri-server-line

Select an environment to manage feature state.

@@ -113,7 +114,7 @@
- mdi-server-outline + ri-server-line

Select an environment to manage segment overrides.

@@ -130,7 +131,7 @@
- mdi-account-group-outline + ri-group-line {{ fsg.segmentName }} Priority {{ fsg.priority }} @@ -146,7 +147,7 @@ @update:model-value="onUpdateSegmentEnabled(fsg, $event)" />
-
+
+ + Delete feature + - Save settings + Save changes
- - - - Danger Zone - -

- Permanently delete this feature flag. This cannot be undone and will remove - the flag from all environments. -

-

- Type {{ feature.name }} to confirm: -

- - - Delete feature - - - @@ -360,7 +337,6 @@ const isTogglingEnabled = ref(false); const isSavingValue = ref(false); const isSavingSettings = ref(false); const isDeleting = ref(false); -const deleteConfirmName = ref(''); const editedValue = ref(null); const settingsFormRef = ref<{ validate: () => Promise<{ valid: boolean }> } | null>(null); const valueErrorMessage = ref(null); @@ -476,7 +452,6 @@ function syncSettingsForm(f: FeatureResponse | null): void { description: f.description ?? '', defaultEnabled: f.defaultEnabled, }; - deleteConfirmName.value = ''; } } @@ -506,6 +481,7 @@ watch( newSegmentEnabled.value = true; newSegmentPriority.value = 1; syncSettingsForm(props.feature); + editedValue.value = props.featureState?.value ?? null; loadSegmentsData(); } diff --git a/src/admin/src/components/features/FeatureValueEditor.vue b/src/admin/src/components/features/FeatureValueEditor.vue index 112cea6..6546408 100644 --- a/src/admin/src/components/features/FeatureValueEditor.vue +++ b/src/admin/src/components/features/FeatureValueEditor.vue @@ -4,8 +4,6 @@ Text @@ -84,3 +82,12 @@ const rules = { }, }; + + diff --git a/src/admin/src/components/features/TagsChipInput.vue b/src/admin/src/components/features/TagsChipInput.vue index 038edf2..db9f3e9 100644 --- a/src/admin/src/components/features/TagsChipInput.vue +++ b/src/admin/src/components/features/TagsChipInput.vue @@ -6,7 +6,7 @@ size="x-small" variant="tonal" color="primary" - prepend-icon="mdi-plus" + prepend-icon="ri-add-line" :loading="isCreating" data-testid="create-tag-btn" @click="showCreateForm = !showCreateForm" @@ -49,7 +49,7 @@ data-testid="new-tag-color-input" /> {{ identity.identifier }}

ID: {{ identity.id }}

- + @@ -66,7 +66,7 @@
- mdi-label-off-outline + ri-price-tag-3-line

This identity does not match any segments.

diff --git a/src/admin/src/components/nav/EnvironmentTabBar.vue b/src/admin/src/components/nav/EnvironmentTabBar.vue index 868bc6e..c178310 100644 --- a/src/admin/src/components/nav/EnvironmentTabBar.vue +++ b/src/admin/src/components/nav/EnvironmentTabBar.vue @@ -1,54 +1,28 @@ + + + @@ -126,7 +135,7 @@ 
{{ formatJson(item.changes) }}
@@ -136,7 +145,7 @@ @@ -148,7 +157,7 @@ Page {{ page }} of {{ totalPages }} ({{ total }} entries) Organization @@ -31,11 +32,12 @@ :variant="contextStore.currentProject ? 'tonal' : 'outlined'" rounded="lg" data-testid="project-card" + class="context-card" > Project @@ -52,11 +54,12 @@ :variant="contextStore.currentEnvironment ? 'tonal' : 'outlined'" rounded="lg" data-testid="environment-card" + class="context-card" > Environment @@ -83,6 +86,7 @@ rounded="lg" hover data-testid="section-card" + class="section-card" > + + + @@ -151,6 +163,31 @@ @state-updated="onStateUpdated" /> + + + + Delete feature + +

+ Delete {{ featureToDelete?.name }}? This cannot be undone. +

+ + + + Cancel + + Delete + + + + + import { ref, computed, watch } from 'vue'; -import { listFeatures } from '@/api/features'; +import { listFeatures, deleteFeature } from '@/api/features'; import { listFeatureStates, patchFeatureState } from '@/api/featureStates'; import { listFeatureSegments } from '@/api/featureSegments'; import { useContextStore } from '@/stores/context'; @@ -200,6 +237,11 @@ const showDialog = ref(false); const showDetail = ref(false); const selectedFeature = ref(null); +// Delete dialog state +const showDeleteDialog = ref(false); +const featureToDelete = ref(null); +const isDeletingFromTable = ref(false); + const selectedFeatureState = computed(() => selectedFeature.value ? (featureStateMap.value.get(selectedFeature.value.id) ?? null) : null, ); @@ -211,6 +253,7 @@ const headers = [ { title: 'Enabled', key: 'enabled', sortable: false, width: '100' }, { title: 'Segments', key: 'segments', sortable: false }, { title: 'Created', key: 'createdAt', sortable: true, width: '130' }, + { title: '', key: 'actions', sortable: false, width: '52' }, ]; // ─── Computed ───────────────────────────────────────────────────────────────── @@ -311,6 +354,32 @@ function onFeatureUpdated(updated: FeatureResponse): void { if (selectedFeature.value?.id === updated.id) selectedFeature.value = updated; } +function openDeleteDialog(feature: FeatureResponse): void { + featureToDelete.value = feature; + showDeleteDialog.value = true; +} + +function closeDeleteDialog(): void { + showDeleteDialog.value = false; + featureToDelete.value = null; +} + +async function onConfirmDelete(): Promise { + const feature = featureToDelete.value; + const projectId = contextStore.currentProject?.id; + if (!feature || !projectId) return; + isDeletingFromTable.value = true; + try { + await deleteFeature(projectId, feature.id); + onFeatureDeleted(feature.id); + closeDeleteDialog(); + } catch { + showError('Failed to delete feature. Please try again.'); + } finally { + isDeletingFromTable.value = false; + } +} + function onFeatureDeleted(featureId: number): void { features.value = features.value.filter((f) => f.id !== featureId); featureStateMap.value.delete(featureId); diff --git a/src/admin/src/views/IdentitiesView.vue b/src/admin/src/views/IdentitiesView.vue index 6f992f0..6d1779b 100644 --- a/src/admin/src/views/IdentitiesView.vue +++ b/src/admin/src/views/IdentitiesView.vue @@ -5,7 +5,7 @@ @@ -16,7 +16,7 @@ - mdi-account-outline + ri-user-line

Select an environment

Choose an environment to view and manage identities. @@ -28,7 +28,7 @@ diff --git a/src/admin/tests/unit/AppHeader.spec.ts b/src/admin/tests/unit/AppHeader.spec.ts deleted file mode 100644 index 8f2502d..0000000 --- a/src/admin/tests/unit/AppHeader.spec.ts +++ /dev/null @@ -1,45 +0,0 @@ -import { describe, it, expect, beforeEach } from '@jest/globals'; -import { mount, VueWrapper } from '@vue/test-utils'; -import { createRouter, createMemoryHistory } from 'vue-router'; -import AppHeader from '@/components/AppHeader.vue'; - -function makeRouter() { - return createRouter({ - history: createMemoryHistory(), - routes: [ - { path: '/', component: { template: '

' } }, - { path: '/profile', component: { template: '
' } }, - { path: '/settings', component: { template: '
' } }, - ], - }); -} - -describe('AppHeader', () => { - let wrapper: VueWrapper; - - beforeEach(async () => { - const router = makeRouter(); - await router.push('/'); - - wrapper = mount( - { template: '', components: { AppHeader } }, - { global: { plugins: [router] } }, - ); - }); - - it('renders the SVG microphone logo image', () => { - const logo = wrapper.find('[data-testid="app-logo"]'); - expect(logo.exists()).toBe(true); - expect(logo.attributes('alt')).toBe('MicCheck logo'); - }); - - it('renders the profile link', () => { - const link = wrapper.find('[data-testid="profile-link"]'); - expect(link.exists()).toBe(true); - }); - - it('renders the settings gear icon link', () => { - const link = wrapper.find('[data-testid="settings-link"]'); - expect(link.exists()).toBe(true); - }); -}); diff --git a/src/admin/tsconfig.json b/src/admin/tsconfig.json index 4999642..33a3750 100644 --- a/src/admin/tsconfig.json +++ b/src/admin/tsconfig.json @@ -15,15 +15,23 @@ "resolveJsonModule": true, "baseUrl": ".", "paths": { - "@/*": ["src/*"] + "@/*": ["src/*"], + "@core/*": ["src/@core/*"], + "@core": ["src/@core"], + "@layouts/*": ["src/@layouts/*"], + "@layouts": ["src/@layouts"], + "@images/*": ["src/assets/images/*"], + "@styles/*": ["src/assets/styles/*"], + "@configured-variables": ["src/assets/styles/variables/_template.scss"] }, - "types": ["node", "jest"] + "types": ["node", "jest", "vite/client"] }, "include": [ "src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", - "tests/**/*.ts" + "tests/**/*.ts", + "vite.config.ts" ], "exclude": [ "node_modules", diff --git a/src/admin/vite.config.ts b/src/admin/vite.config.ts index 2a46f76..462a8a2 100644 --- a/src/admin/vite.config.ts +++ b/src/admin/vite.config.ts @@ -1,19 +1,39 @@ import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import vuetify from 'vite-plugin-vuetify'; +import svgLoader from 'vite-svg-loader'; import { fileURLToPath, URL } from 'node:url'; export default defineConfig({ plugins: [ vue(), - vuetify({ autoImport: true }), + vuetify({ + styles: { + configFile: 'src/assets/styles/variables/_vuetify.scss', + }, + }), + svgLoader(), ], + css: { + preprocessorOptions: { + scss: { + silenceDeprecations: ['if-function'], + }, + }, + }, + define: { 'process.env': {} }, resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)), + '@core': fileURLToPath(new URL('./src/@core', import.meta.url)), + '@layouts': fileURLToPath(new URL('./src/@layouts', import.meta.url)), + '@images': fileURLToPath(new URL('./src/assets/images/', import.meta.url)), + '@styles': fileURLToPath(new URL('./src/assets/styles/', import.meta.url)), + '@configured-variables': fileURLToPath(new URL('./src/assets/styles/variables/_template.scss', import.meta.url)), }, }, build: { + chunkSizeWarningLimit: 5000, outDir: 'dist', rollupOptions: { output: { @@ -27,4 +47,8 @@ export default defineConfig({ }, }, }, + optimizeDeps: { + exclude: ['vuetify'], + entries: ['./src/**/*.vue'], + }, }); diff --git a/src/api/MicCheck.Api/Audit/AuditLogQueryService.cs b/src/api/MicCheck.Api/Audit/AuditLogQueryService.cs index 2078683..aa480a6 100644 --- a/src/api/MicCheck.Api/Audit/AuditLogQueryService.cs +++ b/src/api/MicCheck.Api/Audit/AuditLogQueryService.cs @@ -5,28 +5,28 @@ namespace MicCheck.Api.Audit; public class AuditLogQueryService(MicCheckDbContext db) { - public async Task<(int Total, IReadOnlyList Items)> ListByOrganizationAsync( + public async Task<(int Total, IReadOnlyList Items)> ListByOrganizationAsync( int organizationId, AuditLogFilter filter, CancellationToken ct = default) { var query = db.AuditLogs.Where(l => l.OrganizationId == organizationId); return await ApplyFilterAndPageAsync(query, filter, ct); } - public async Task<(int Total, IReadOnlyList Items)> ListByProjectAsync( + public async Task<(int Total, IReadOnlyList Items)> ListByProjectAsync( int projectId, AuditLogFilter filter, CancellationToken ct = default) { var query = db.AuditLogs.Where(l => l.ProjectId == projectId); return await ApplyFilterAndPageAsync(query, filter, ct); } - public async Task<(int Total, IReadOnlyList Items)> ListByEnvironmentAsync( + public async Task<(int Total, IReadOnlyList Items)> ListByEnvironmentAsync( int environmentId, AuditLogFilter filter, CancellationToken ct = default) { var query = db.AuditLogs.Where(l => l.EnvironmentId == environmentId); return await ApplyFilterAndPageAsync(query, filter, ct); } - private static async Task<(int Total, IReadOnlyList Items)> ApplyFilterAndPageAsync( + private async Task<(int Total, IReadOnlyList Items)> ApplyFilterAndPageAsync( IQueryable query, AuditLogFilter filter, CancellationToken ct) { if (filter.From.HasValue) @@ -46,10 +46,21 @@ public class AuditLogQueryService(MicCheckDbContext db) var total = await query.CountAsync(ct); var pageSize = Math.Clamp(filter.PageSize, 1, 100); + var items = await query .OrderByDescending(l => l.CreatedAt) .Skip((filter.Page - 1) * pageSize) .Take(pageSize) + .GroupJoin( + db.Users, + log => log.ActorUserId, + user => (int?)user.Id, + (log, users) => new { log, users }) + .SelectMany( + x => x.users.DefaultIfEmpty(), + (x, user) => AuditLogResponse.From( + x.log, + user != null ? user.FirstName + " " + user.LastName : null)) .ToListAsync(ct); return (total, items); diff --git a/src/api/MicCheck.Api/Audit/AuditLogResponse.cs b/src/api/MicCheck.Api/Audit/AuditLogResponse.cs index 3f89e9b..c9154b5 100644 --- a/src/api/MicCheck.Api/Audit/AuditLogResponse.cs +++ b/src/api/MicCheck.Api/Audit/AuditLogResponse.cs @@ -10,10 +10,11 @@ public record AuditLogResponse( int? ProjectId, int? EnvironmentId, int? ActorUserId, + string? ActorUserName, DateTimeOffset CreatedAt ) { - public static AuditLogResponse From(AuditLog log) => new( + public static AuditLogResponse From(AuditLog log, string? actorUserName = null) => new( log.Id, log.ResourceType, log.ResourceId, @@ -23,5 +24,6 @@ public record AuditLogResponse( log.ProjectId, log.EnvironmentId, log.ActorUserId, + actorUserName, log.CreatedAt); } diff --git a/src/api/MicCheck.Api/Audit/AuditLogsController.cs b/src/api/MicCheck.Api/Audit/AuditLogsController.cs index 348f199..1d00484 100644 --- a/src/api/MicCheck.Api/Audit/AuditLogsController.cs +++ b/src/api/MicCheck.Api/Audit/AuditLogsController.cs @@ -28,7 +28,7 @@ public class AuditLogsController( if (org is null) return NotFound(); var (total, logs) = await auditLogQueryService.ListByOrganizationAsync(id, filter, ct); - return Ok(new PaginatedResponse(total, null, null, logs.Select(AuditLogResponse.From).ToList())); + return Ok(new PaginatedResponse(total, null, null, logs.ToList())); } [HttpGet("api/v1/projects/{projectId}/audit-logs")] @@ -41,7 +41,7 @@ public class AuditLogsController( if (project is null) return NotFound(); var (total, logs) = await auditLogQueryService.ListByProjectAsync(projectId, filter, ct); - return Ok(new PaginatedResponse(total, null, null, logs.Select(AuditLogResponse.From).ToList())); + return Ok(new PaginatedResponse(total, null, null, logs.ToList())); } [HttpGet("api/v1/environments/{apiKey}/audit-logs")] @@ -54,6 +54,6 @@ public class AuditLogsController( if (environment is null) return NotFound(); var (total, logs) = await auditLogQueryService.ListByEnvironmentAsync(environment.Id, filter, ct); - return Ok(new PaginatedResponse(total, null, null, logs.Select(AuditLogResponse.From).ToList())); + return Ok(new PaginatedResponse(total, null, null, logs.ToList())); } } diff --git a/src/api/MicCheck.Api/Environments/EnvironmentsController.cs b/src/api/MicCheck.Api/Environments/EnvironmentsController.cs index 30228a5..7502db5 100644 --- a/src/api/MicCheck.Api/Environments/EnvironmentsController.cs +++ b/src/api/MicCheck.Api/Environments/EnvironmentsController.cs @@ -143,7 +143,7 @@ public class EnvironmentsController(EnvironmentService environmentService, Webho if (environment is null) return NotFound(); var (_, logs) = await auditLogQueryService.ListByEnvironmentAsync(environment.Id, new Audit.AuditLogFilter(), ct); - return Ok(logs.Select(Audit.AuditLogResponse.From).ToList()); + return Ok(logs.ToList()); } [HttpGet("{apiKey}/identities")] diff --git a/src/api/MicCheck.Api/Program.cs b/src/api/MicCheck.Api/Program.cs index 0d97d7f..6b67cd2 100644 --- a/src/api/MicCheck.Api/Program.cs +++ b/src/api/MicCheck.Api/Program.cs @@ -132,6 +132,7 @@ try builder.Services.AddScoped(); builder.Services.AddScoped(); builder.Services.AddScoped(); + builder.Services.AddScoped(); builder.Services.AddSingleton(); builder.Services.AddHostedService(); builder.Services.AddHostedService(); diff --git a/src/api/MicCheck.Api/Users/ChangePasswordRequest.cs b/src/api/MicCheck.Api/Users/ChangePasswordRequest.cs new file mode 100644 index 0000000..a0f49a1 --- /dev/null +++ b/src/api/MicCheck.Api/Users/ChangePasswordRequest.cs @@ -0,0 +1,3 @@ +namespace MicCheck.Api.Users; + +public record ChangePasswordRequest(string CurrentPassword, string NewPassword); diff --git a/src/api/MicCheck.Api/Users/UpdateProfileRequest.cs b/src/api/MicCheck.Api/Users/UpdateProfileRequest.cs new file mode 100644 index 0000000..87b662b --- /dev/null +++ b/src/api/MicCheck.Api/Users/UpdateProfileRequest.cs @@ -0,0 +1,3 @@ +namespace MicCheck.Api.Users; + +public record UpdateProfileRequest(string FirstName, string LastName, string Email); diff --git a/src/api/MicCheck.Api/Users/UserResponse.cs b/src/api/MicCheck.Api/Users/UserResponse.cs new file mode 100644 index 0000000..36cb139 --- /dev/null +++ b/src/api/MicCheck.Api/Users/UserResponse.cs @@ -0,0 +1,13 @@ +namespace MicCheck.Api.Users; + +public record UserResponse( + int Id, + string Email, + string FirstName, + string LastName, + DateTimeOffset CreatedAt, + DateTimeOffset? LastLoginAt) +{ + public static UserResponse From(User user) => + new(user.Id, user.Email, user.FirstName, user.LastName, user.CreatedAt, user.LastLoginAt); +} diff --git a/src/api/MicCheck.Api/Users/UserService.cs b/src/api/MicCheck.Api/Users/UserService.cs new file mode 100644 index 0000000..d731e48 --- /dev/null +++ b/src/api/MicCheck.Api/Users/UserService.cs @@ -0,0 +1,44 @@ +using MicCheck.Api.Data; +using Microsoft.AspNetCore.Identity; +using Microsoft.EntityFrameworkCore; + +namespace MicCheck.Api.Users; + +public class UserService(MicCheckDbContext db, IPasswordHasher passwordHasher) +{ + public async Task FindByIdAsync(int userId, CancellationToken ct = default) => + await db.Users.FirstOrDefaultAsync(u => u.Id == userId && u.IsActive, ct); + + public async Task<(User? User, bool EmailConflict)> UpdateProfileAsync( + int userId, string firstName, string lastName, string email, CancellationToken ct = default) + { + var user = await db.Users.FirstOrDefaultAsync(u => u.Id == userId && u.IsActive, ct); + if (user is null) return (null, false); + + if (!string.Equals(user.Email, email, StringComparison.OrdinalIgnoreCase)) + { + var emailTaken = await db.Users.AnyAsync(u => u.Email == email && u.Id != userId, ct); + if (emailTaken) return (null, true); + } + + user.FirstName = firstName; + user.LastName = lastName; + user.Email = email; + await db.SaveChangesAsync(ct); + return (user, false); + } + + public async Task ChangePasswordAsync( + int userId, string currentPassword, string newPassword, CancellationToken ct = default) + { + var user = await db.Users.FirstOrDefaultAsync(u => u.Id == userId && u.IsActive, ct); + if (user is null) return false; + + var result = passwordHasher.VerifyHashedPassword(user, user.PasswordHash, currentPassword); + if (result == PasswordVerificationResult.Failed) return false; + + user.PasswordHash = passwordHasher.HashPassword(user, newPassword); + await db.SaveChangesAsync(ct); + return true; + } +} diff --git a/src/api/MicCheck.Api/Users/UsersController.cs b/src/api/MicCheck.Api/Users/UsersController.cs new file mode 100644 index 0000000..f470377 --- /dev/null +++ b/src/api/MicCheck.Api/Users/UsersController.cs @@ -0,0 +1,67 @@ +using MicCheck.Api.Authorization; +using Microsoft.AspNetCore.Authorization; +using Microsoft.AspNetCore.Mvc; +using Microsoft.AspNetCore.RateLimiting; + +namespace MicCheck.Api.Users; + +[ApiController] +[Route("api/v1/users")] +[Authorize(Policy = AuthorizationPolicies.AdminApiAccess)] +[EnableRateLimiting("AdminApi")] +public class UsersController(UserService userService) : ControllerBase +{ + [HttpGet("{id:int}")] + public async Task> GetById(int id, CancellationToken ct) + { + var user = await userService.FindByIdAsync(id, ct); + return user is null ? NotFound() : Ok(UserResponse.From(user)); + } + + [HttpGet("me")] + public async Task> GetMe(CancellationToken ct) + { + var userId = GetCurrentUserId(); + if (userId is null) return Unauthorized(); + + var user = await userService.FindByIdAsync(userId.Value, ct); + return user is null ? NotFound() : Ok(UserResponse.From(user)); + } + + [HttpPut("me")] + public async Task> UpdateMe(UpdateProfileRequest request, CancellationToken ct) + { + var userId = GetCurrentUserId(); + if (userId is null) return Unauthorized(); + + if (string.IsNullOrWhiteSpace(request.FirstName) || + string.IsNullOrWhiteSpace(request.LastName) || + string.IsNullOrWhiteSpace(request.Email)) + return BadRequest("First name, last name, and email are required."); + + var (user, emailConflict) = await userService.UpdateProfileAsync( + userId.Value, request.FirstName.Trim(), request.LastName.Trim(), request.Email.Trim(), ct); + + if (emailConflict) return Conflict("Email is already in use."); + return user is null ? NotFound() : Ok(UserResponse.From(user)); + } + + [HttpPost("me/change-password")] + public async Task ChangePassword(ChangePasswordRequest request, CancellationToken ct) + { + var userId = GetCurrentUserId(); + if (userId is null) return Unauthorized(); + + if (string.IsNullOrWhiteSpace(request.CurrentPassword) || string.IsNullOrWhiteSpace(request.NewPassword)) + return BadRequest("Current and new passwords are required."); + + var success = await userService.ChangePasswordAsync(userId.Value, request.CurrentPassword, request.NewPassword, ct); + return success ? NoContent() : BadRequest("Current password is incorrect."); + } + + private int? GetCurrentUserId() + { + var claim = User.FindFirst(System.Security.Claims.ClaimTypes.NameIdentifier)?.Value; + return int.TryParse(claim, out var id) ? id : null; + } +} diff --git a/src/materio-vuetify-vuejs-admin-template-free/.github/ISSUE_TEMPLATE/bug.yml b/src/materio-vuetify-vuejs-admin-template-free/.github/ISSUE_TEMPLATE/bug.yml new file mode 100644 index 0000000..651be6c --- /dev/null +++ b/src/materio-vuetify-vuejs-admin-template-free/.github/ISSUE_TEMPLATE/bug.yml @@ -0,0 +1,37 @@ +name: Bug 🐞 +description: Report a bug +labels: [support, bug] +body: + - type: markdown + attributes: + value: | + Thanks for taking the time to fill out this bug report! ☺️ + - type: textarea + attributes: + label: Steps to reproduce + validations: + required: true + - type: textarea + attributes: + label: What is expected? + validations: + required: true + - type: textarea + attributes: + label: What is actually happening? + validations: + required: true + - type: textarea + attributes: + label: Additional data + value: | + + + diff --git a/src/materio-vuetify-vuejs-admin-template-free/.github/ISSUE_TEMPLATE/config.yml b/src/materio-vuetify-vuejs-admin-template-free/.github/ISSUE_TEMPLATE/config.yml new file mode 100644 index 0000000..ec4bb38 --- /dev/null +++ b/src/materio-vuetify-vuejs-admin-template-free/.github/ISSUE_TEMPLATE/config.yml @@ -0,0 +1 @@ +blank_issues_enabled: false \ No newline at end of file diff --git a/src/materio-vuetify-vuejs-admin-template-free/.github/ISSUE_TEMPLATE/feature-request.yml b/src/materio-vuetify-vuejs-admin-template-free/.github/ISSUE_TEMPLATE/feature-request.yml new file mode 100644 index 0000000..827311a --- /dev/null +++ b/src/materio-vuetify-vuejs-admin-template-free/.github/ISSUE_TEMPLATE/feature-request.yml @@ -0,0 +1,18 @@ +name: Feature request ✨ +description: Suggest an idea or ask for a feature that you would like to have +labels: [support, feature-req] +body: + - type: markdown + attributes: + value: | + Thanks for letting us know how we can improve our product! ☺️ + - type: textarea + attributes: + label: What problem does this feature solve? + validations: + required: true + - type: textarea + attributes: + label: What does the proposed solution look like? + validations: + required: true diff --git a/src/materio-vuetify-vuejs-admin-template-free/.github/workflows/deploy-demos.yml b/src/materio-vuetify-vuejs-admin-template-free/.github/workflows/deploy-demos.yml new file mode 100644 index 0000000..85b3ebe --- /dev/null +++ b/src/materio-vuetify-vuejs-admin-template-free/.github/workflows/deploy-demos.yml @@ -0,0 +1,51 @@ +name: 🚀 Deploy Demo + +on: [workflow_dispatch] + +jobs: + build: + runs-on: ubuntu-latest + steps: + - name: ⚙️ Setup pnpm + uses: pnpm/action-setup@v3 + with: + version: 8 + + - name: ⚙️ Set BRAND_NAME environment variable from repo name + run: echo BRAND_NAME=${{ github.event.repository.name }} | cut -d '-' -f1 >> $GITHUB_ENV + + - name: ⬇️ Clone current repo under //vue-free + uses: actions/checkout@v4 + with: + path: ${{ env.BRAND_NAME }}/vue-free + + - name: ⬇️ Clone automation scripts repo under /automation-scripts + uses: actions/checkout@v4 + with: + repository: themeselection/automation-scripts + token: ${{ secrets.GH_PAT }} + path: automation-scripts + + - name: ⬇️ Install packages in automation-scripts dir + working-directory: automation-scripts/vue + run: pnpm install + + - name: ⚙️ Prepare free demo + working-directory: automation-scripts/vue + run: pnpm tsx src/templates/${{ env.BRAND_NAME }}/scripts/prepareVueFreeDemo.ts + + - name: 📦 Generate demo + working-directory: ${{ env.BRAND_NAME }}/vue-free/typescript-version + run: pnpm i && pnpm build --base=/${{ env.BRAND_NAME }}-vuetify-vuejs-admin-template-free/demo/ + + - name: 🚀 Upload demo + uses: appleboy/scp-action@master + with: + HOST: ${{ secrets.HOST }} + USERNAME: ${{ secrets.USERNAME }} + PORT: ${{ secrets.PORT }} + KEY: ${{ secrets.SSHKEY }} + source: ${{ env.BRAND_NAME }}/vue-free/typescript-version/dist + target: ${{ secrets.PROD_DIR }}/demo + rm: true + strip_components: 4 diff --git a/src/materio-vuetify-vuejs-admin-template-free/.github/workflows/handle-new-issue-comment.yml b/src/materio-vuetify-vuejs-admin-template-free/.github/workflows/handle-new-issue-comment.yml new file mode 100644 index 0000000..83687ac --- /dev/null +++ b/src/materio-vuetify-vuejs-admin-template-free/.github/workflows/handle-new-issue-comment.yml @@ -0,0 +1,14 @@ +name: 'Handle new issue comment' +on: + issue_comment: + types: [created] + +jobs: + handle_new_issue_comment: + runs-on: ubuntu-latest + name: Handle new issue comment + steps: + - name: Toggle awaiting-reply label + uses: jd-solanki/gh-action-toggle-awaiting-reply-label@v2.1.0 + with: + label: awaiting-reply diff --git a/src/materio-vuetify-vuejs-admin-template-free/.github/workflows/handle-new-issue.yml b/src/materio-vuetify-vuejs-admin-template-free/.github/workflows/handle-new-issue.yml new file mode 100644 index 0000000..d338fe2 --- /dev/null +++ b/src/materio-vuetify-vuejs-admin-template-free/.github/workflows/handle-new-issue.yml @@ -0,0 +1,19 @@ +name: 'Handle new issue' +on: + issues: + types: [opened] + +jobs: + handle_new_issue: + runs-on: ubuntu-latest + name: Handle new issue + steps: + - name: Find duplicates + uses: wow-actions/potential-duplicates@v1.0.8 + with: + GITHUB_TOKEN: ${{ github.token }} + label: duplicate + comment: > + Potential duplicates: {{#issues}} + - #{{ number }} _({{ accuracy }}% Match)_ + {{/issues}} \ No newline at end of file diff --git a/src/materio-vuetify-vuejs-admin-template-free/.github/workflows/issue-staler.yml b/src/materio-vuetify-vuejs-admin-template-free/.github/workflows/issue-staler.yml new file mode 100644 index 0000000..534dc57 --- /dev/null +++ b/src/materio-vuetify-vuejs-admin-template-free/.github/workflows/issue-staler.yml @@ -0,0 +1,18 @@ +name: 'Close stale issues and PRs' +on: + schedule: + - cron: '30 1 * * *' + +jobs: + stale: + runs-on: ubuntu-latest + steps: + - uses: actions/stale@v4 + with: + stale-issue-message: 'This issue has been automatically marked as stale because it has no recent activity. It will be closed if no further activity occurs. Thank you for raising the concern.' + close-issue-message: 'This issue has been automatically marked as closed because it has no recent activity.' + stale-issue-label: 'stale' + only-labels: 'awaiting-reply' + exempt-issue-labels: 'triage' + days-before-stale: 7 + days-before-close: 7 diff --git a/src/materio-vuetify-vuejs-admin-template-free/.gitignore b/src/materio-vuetify-vuejs-admin-template-free/.gitignore new file mode 100644 index 0000000..3c3629e --- /dev/null +++ b/src/materio-vuetify-vuejs-admin-template-free/.gitignore @@ -0,0 +1 @@ +node_modules diff --git a/src/materio-vuetify-vuejs-admin-template-free/CHANGELOG.md b/src/materio-vuetify-vuejs-admin-template-free/CHANGELOG.md new file mode 100644 index 0000000..3a705e6 --- /dev/null +++ b/src/materio-vuetify-vuejs-admin-template-free/CHANGELOG.md @@ -0,0 +1,87 @@ + + +# Changelog + +All notable changes to this template will be documented in this file + +## v2.3.0 (2025-01-01) + +### Updated + +- Updated Vue & Vuetify to the latest version + +## v2.2.2 (2024-07-29) + +### Updated + +- Updated all the libraries to the latest version + +## v2.2.1 (2024-01-05) + +### Added + +- Added Hire Us file +- Added Documentation File + +## v2.2.0 (2024-01-04) + +### Updated + +- Updated all dependencies and devDependencies to latest + +### Added + +- Added Remix Icons + +### Removed + +- Material Design icons removed + +## v2.1.0 (2023-05-26) + +### Updated + +- Updated repo according to pro template +- Use Vuetify's official release instead of BETA + +## v2.0.0 (2022-10-15) + +### Added + +- Vue 3 version added +- Vuetify 3 support added +- TypeScript version added (Vue 3 only) + +## v1.0.3 (2021-11-12) + +### Updated + +- Updated [@vue/composition-api](https://github.com/vuejs/composition-api) package to v1.3.3 to mitigate composition api error + +## v1.0.2 (2021-08-18) + +### Fixed + +- broken links updated in footer + +## Updates + +- "Basic Cards" page renamed to "Cards" +- `README.md` updated + +## v1.0.1 (2021-08-13) + +### Fixed + +- Fixed missing fonts + branding updated + +### Updated + +- public path updated in `vue.config.js` +- `README.md` updated + +## v1.0.0 (2021-08-13) + +### Added + +- Initial Release diff --git a/src/materio-vuetify-vuejs-admin-template-free/LICENSE b/src/materio-vuetify-vuejs-admin-template-free/LICENSE new file mode 100644 index 0000000..16781c6 --- /dev/null +++ b/src/materio-vuetify-vuejs-admin-template-free/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2022 ThemeSelection + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/src/materio-vuetify-vuejs-admin-template-free/README.md b/src/materio-vuetify-vuejs-admin-template-free/README.md new file mode 100644 index 0000000..150f9f7 --- /dev/null +++ b/src/materio-vuetify-vuejs-admin-template-free/README.md @@ -0,0 +1,197 @@ +

+ +

+ + materio-logo + +

+ +

+ + Materio – Vuetify Vuejs Admin Template Free + +

+ +

Production Ready, Carefully Crafted, Extensive Vuetifty Admin Template

+ +

+ + license + + GitHub Workflow Status + + GitHub release + + + Twitter Follow + +

+ +[![Materio – Vuetify Vuejs Admin Template Demo Screenshot](https://cdn.themeselection.com/ts-assets/materio/materio-vuetify-vuejs-admin-template-free/banner/banner.png)](https://themeselection.com/item/materio-free-vuetify-vuejs-admin-template/) + +## Introduction 🚀 + +If you're a developer looking for an admin dashboard that is developer-friendly, rich with features, and highly customizable look no further than Materio. We've followed the highest industry standards to bring you the very best [Vue Admin Template](https://themeselection.com/item/category/vuejs-admin-templates/) that is not only fast and easy to use but highly scalable. Offering ultimate convenience and flexibility, you'll be able to build whatever application you want with very little hassle. + +- ⚡️ [Vue 3](https://github.com/vuejs/core), [Vite 3](https://github.com/vitejs/vite) & [Vuetify 3](https://next.vuetifyjs.com/en/) - Uses the latest Vuetify 3 +- 🗂 [File based routing](https://github.com/hannoeru/vite-plugin-pages) +- 📦 [Components auto importing](https://github.com/antfu/unplugin-vue-components) +- 📑 [Layout system](https://github.com/JohnCampionJr/vite-plugin-vue-layouts) +- 😃 Use icons from any icon sets with classes by [Iconify](https://iconify.design/) +- 🌍 I18n ready +- 🔥 Use the [`", + "", + "", + "", + "", + "" + ], + "description": "Vue SFC Typescript" + }, + "template": { + "scope": "vue", + "prefix": "template", + "body": [ + "" + ], + "description": "Create