adata-ui 3.1.80 → 3.1.82
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +84 -84
- package/dist/module.json +1 -1
- package/dist/runtime/components/Alert.vue +26 -26
- package/dist/runtime/components/Alert.vue.d.ts +2 -37
- package/dist/runtime/components/Chip.vue +5 -5
- package/dist/runtime/components/Chip.vue.d.ts +2 -21
- package/dist/runtime/components/ColorMode.vue +12 -12
- package/dist/runtime/components/CurveBlock.vue +177 -177
- package/dist/runtime/components/DigitBadge.vue +5 -5
- package/dist/runtime/components/DigitBadge.vue.d.ts +1 -1
- package/dist/runtime/components/Drawer.vue +32 -32
- package/dist/runtime/components/Drawer.vue.d.ts +2 -47
- package/dist/runtime/components/EmptyHeader.vue +6 -6
- package/dist/runtime/components/Error.vue +59 -59
- package/dist/runtime/components/Footer.vue +73 -73
- package/dist/runtime/components/FooterAccordion.vue +45 -45
- package/dist/runtime/components/Header.vue +111 -111
- package/dist/runtime/components/Header.vue.d.ts +50 -0
- package/dist/runtime/components/Modal.vue +78 -78
- package/dist/runtime/components/Modal.vue.d.ts +9 -49
- package/dist/runtime/components/NewFooter.vue +114 -114
- package/dist/runtime/components/NewFooterAccordion.vue +52 -52
- package/dist/runtime/components/OtherServiceFeatures.vue +45 -45
- package/dist/runtime/components/PkMobileServices.vue +22 -22
- package/dist/runtime/components/SidePanel.vue +76 -76
- package/dist/runtime/components/SidePanel.vue.d.ts +3 -79
- package/dist/runtime/components/Tag.vue +4 -4
- package/dist/runtime/components/Tag.vue.d.ts +2 -12
- package/dist/runtime/components/Toggle.vue +30 -30
- package/dist/runtime/components/accordion/Accordion.vue +41 -41
- package/dist/runtime/components/accordion/Accordion.vue.d.ts +4 -44
- package/dist/runtime/components/button/Button.vue +22 -22
- package/dist/runtime/components/button/Button.vue.d.ts +4 -22
- package/dist/runtime/components/checkbox/Checkbox.vue +58 -58
- package/dist/runtime/components/checkbox/Checkbox.vue.d.ts +7 -39
- package/dist/runtime/components/date-picker/DatePicker.vue +38 -38
- package/dist/runtime/components/error-template/index.vue +32 -32
- package/dist/runtime/components/error-template/index.vue.d.ts +3 -5
- package/dist/runtime/components/feature-description/FeatureDescription.vue +46 -46
- package/dist/runtime/components/floating-label/FloatingLabel.vue +5 -5
- package/dist/runtime/components/floating-label/FloatingLabel.vue.d.ts +2 -7
- package/dist/runtime/components/forms/input/password/InputPassword.vue +25 -25
- package/dist/runtime/components/forms/input/password/InputPassword.vue.d.ts +1 -1
- package/dist/runtime/components/forms/input/standard/InputStandard.vue +108 -108
- package/dist/runtime/components/forms/input/textarea/ATextarea.vue +63 -63
- package/dist/runtime/components/forms/input/textarea/ATextarea.vue.d.ts +3 -35
- package/dist/runtime/components/forms/need-more-data/NeedMoreData.vue +61 -55
- package/dist/runtime/components/forms/need-more-data/NeedMoreData.vue.d.ts +11 -2
- package/dist/runtime/components/forms/request-demo/RequestDemo.vue +63 -59
- package/dist/runtime/components/forms/request-demo/RequestDemo.vue.d.ts +27 -0
- package/dist/runtime/components/header/AlmatyContacts.vue +76 -76
- package/dist/runtime/components/header/AstanaContacts.vue +31 -31
- package/dist/runtime/components/header/CardGallery.vue +60 -60
- package/dist/runtime/components/header/ContactMenu.vue +39 -39
- package/dist/runtime/components/header/ContactMenu.vue.d.ts +8 -2
- package/dist/runtime/components/header/HeaderLink.vue +68 -55
- package/dist/runtime/components/header/LangSwitcher.vue +26 -26
- package/dist/runtime/components/header/ListItem.vue +15 -15
- package/dist/runtime/components/header/NavCard.vue +28 -28
- package/dist/runtime/components/header/NavList.vue +52 -52
- package/dist/runtime/components/header/ProductMenu.vue +72 -72
- package/dist/runtime/components/header/ProductMenu.vue.d.ts +8 -2
- package/dist/runtime/components/header/ProfileMenu.vue +37 -37
- package/dist/runtime/components/header/ProfileMenu.vue.d.ts +5 -1
- package/dist/runtime/components/header/ProfileMenuContent.vue +140 -140
- package/dist/runtime/components/header/ProfileMenuContent.vue.d.ts +5 -1
- package/dist/runtime/components/header/TopHeader.vue +72 -72
- package/dist/runtime/components/header-mobile/HeaderMobile.vue +39 -39
- package/dist/runtime/components/header-mobile/HeaderMobile.vue.d.ts +9 -14
- package/dist/runtime/components/mobile-navigation/BottomNavigation.vue +41 -41
- package/dist/runtime/components/mobile-navigation/BottomNavigation.vue.d.ts +29 -0
- package/dist/runtime/components/mobile-navigation/MainButton.vue +8 -8
- package/dist/runtime/components/mobile-navigation/MainButton.vue.d.ts +5 -1
- package/dist/runtime/components/mobile-navigation/MobileProductMenu.vue +26 -26
- package/dist/runtime/components/modals/ApplicationAcceptedModal.vue +43 -0
- package/dist/runtime/components/modals/ApplicationAcceptedModal.vue.d.ts +9 -0
- package/dist/runtime/components/modals/ConnectingTariffModal.vue +58 -0
- package/dist/runtime/components/modals/ConnectingTariffModal.vue.d.ts +19 -0
- package/dist/runtime/components/modals/InsufficientFundsModal.vue +68 -0
- package/dist/runtime/components/modals/InsufficientFundsModal.vue.d.ts +18 -0
- package/dist/runtime/components/modals/NoAccessContent.vue +34 -34
- package/dist/runtime/components/modals/NoAccessContent.vue.d.ts +5 -1
- package/dist/runtime/components/modals/NoAccessSimple.vue +16 -16
- package/dist/runtime/components/modals/NoAccessSimple.vue.d.ts +5 -1
- package/dist/runtime/components/modals/SubmitApplicationModal.vue +114 -0
- package/dist/runtime/components/modals/SubmitApplicationModal.vue.d.ts +17 -0
- package/dist/runtime/components/modals/TokenTimeoutContent.vue +24 -24
- package/dist/runtime/components/modals/TokenTimeoutContent.vue.d.ts +5 -1
- package/dist/runtime/components/modals/id/IdAccessModal.vue +34 -34
- package/dist/runtime/components/modals/id/IdBanner.vue +29 -29
- package/dist/runtime/components/modals/id/IdConfirmAccountOtpModal.vue +43 -43
- package/dist/runtime/components/modals/id/IdConfirmSuccessfulModal.vue +17 -17
- package/dist/runtime/components/modals/id/IdLoginModal.vue +100 -100
- package/dist/runtime/components/modals/id/IdModals.vue +44 -44
- package/dist/runtime/components/modals/id/IdNewPasswordModal.vue +46 -46
- package/dist/runtime/components/modals/id/IdOtpInput.vue +30 -30
- package/dist/runtime/components/modals/id/IdPasswordSuccessfulModal.vue +14 -14
- package/dist/runtime/components/modals/id/IdRecoveryModal.vue +30 -30
- package/dist/runtime/components/modals/id/IdRegistrationModal.vue +68 -68
- package/dist/runtime/components/modals/id/IdResetPasswordOtpModal.vue +47 -47
- package/dist/runtime/components/modals/id/IdTwoFactorModal.vue +23 -23
- package/dist/runtime/components/payment/process/PaymentKaspiQrSidePanel.vue +51 -51
- package/dist/runtime/components/payment/process/PaymentKaspiRedirectSidePanel.vue +35 -35
- package/dist/runtime/components/payment/process/PaymentMethodSidePanel.vue +69 -69
- package/dist/runtime/components/payment/process/PaymentProcess.vue +26 -26
- package/dist/runtime/components/payment/process/PaymentTopUpSidePanel.vue +63 -63
- package/dist/runtime/components/photos-animation/PhotosAnimation.vue +9 -9
- package/dist/runtime/components/pill-tabs/PillTabs.vue +39 -39
- package/dist/runtime/components/pill-tabs/PillTabs.vue.d.ts +46 -0
- package/dist/runtime/components/radio-button/RadioButton.vue +33 -33
- package/dist/runtime/components/radio-button/RadioButton.vue.d.ts +2 -36
- package/dist/runtime/components/row-card/RowCard.vue +27 -27
- package/dist/runtime/components/row-card/RowCard.vue.d.ts +2 -9
- package/dist/runtime/components/select-row/index.vue +58 -58
- package/dist/runtime/components/select-row/index.vue.d.ts +1 -1
- package/dist/runtime/components/transitions/TransitionHeight.vue +9 -9
- package/dist/runtime/components/transitions/TransitionHeight.vue.d.ts +2 -20
- package/dist/runtime/components/tree-select/TreeSelect.vue +16 -16
- package/dist/runtime/components/tree-select/components/tree-select-nodes.vue +75 -75
- package/dist/runtime/composables/projectState.d.ts +2 -2
- package/dist/runtime/composables/useBuyTariffs.d.ts +7 -0
- package/dist/runtime/composables/useBuyTariffs.js +73 -0
- package/dist/runtime/composables/useIdModals.d.ts +11 -21
- package/dist/runtime/composables/usePayment.d.ts +5 -5
- package/dist/runtime/i18n/i18n.config.d.ts +9 -0
- package/dist/runtime/i18n.d.ts +1 -1
- package/dist/runtime/icons/ai-assistant.vue +13 -13
- package/dist/runtime/icons/akimat.vue +20 -20
- package/dist/runtime/icons/arrow/arrow-circle-down.vue +18 -18
- package/dist/runtime/icons/arrow/arrow-graph-up.vue +24 -24
- package/dist/runtime/icons/arrow/arrow-side-up.vue +19 -19
- package/dist/runtime/icons/arrow/arrow-top-right-on-square.vue +19 -19
- package/dist/runtime/icons/arrow/chevron-down.vue +19 -19
- package/dist/runtime/icons/avatar.vue +41 -41
- package/dist/runtime/icons/avto/car.vue +17 -17
- package/dist/runtime/icons/avto/truck.vue +17 -17
- package/dist/runtime/icons/bank.vue +14 -14
- package/dist/runtime/icons/block.vue +19 -19
- package/dist/runtime/icons/bookmark.vue +19 -19
- package/dist/runtime/icons/calculator.vue +19 -19
- package/dist/runtime/icons/chartBar.vue +14 -14
- package/dist/runtime/icons/check-circle.vue +25 -25
- package/dist/runtime/icons/check-sb.vue +7 -7
- package/dist/runtime/icons/checkbox/checkbox-active.vue +19 -19
- package/dist/runtime/icons/checkbox/checkbox-empty.vue +20 -20
- package/dist/runtime/icons/checkbox/checkbox-intermediate.vue +19 -19
- package/dist/runtime/icons/chevron/chevron-down.vue +16 -16
- package/dist/runtime/icons/chevron/chevron-left.vue +5 -5
- package/dist/runtime/icons/chevron/chevron-right.vue +5 -5
- package/dist/runtime/icons/chevron/chevron-up.vue +5 -5
- package/dist/runtime/icons/chevron/double-chevron-right.vue +12 -12
- package/dist/runtime/icons/clipboard-text.vue +17 -17
- package/dist/runtime/icons/clock.vue +25 -25
- package/dist/runtime/icons/color-mode/moon.vue +20 -20
- package/dist/runtime/icons/color-mode/sun.vue +27 -27
- package/dist/runtime/icons/communication/mail.vue +19 -19
- package/dist/runtime/icons/communication/phone.vue +19 -19
- package/dist/runtime/icons/company.vue +19 -19
- package/dist/runtime/icons/currency/dollar.vue +19 -19
- package/dist/runtime/icons/currency/down.vue +22 -22
- package/dist/runtime/icons/currency/eur.vue +69 -69
- package/dist/runtime/icons/currency/rub.vue +25 -25
- package/dist/runtime/icons/currency/tenge.vue +9 -9
- package/dist/runtime/icons/currency/usd.vue +269 -269
- package/dist/runtime/icons/currency/yuan.vue +37 -37
- package/dist/runtime/icons/document/hdocument.vue +17 -17
- package/dist/runtime/icons/document/id.vue +19 -19
- package/dist/runtime/icons/document/profile.vue +19 -19
- package/dist/runtime/icons/eye-closed.vue +26 -26
- package/dist/runtime/icons/eye-open.vue +7 -7
- package/dist/runtime/icons/eye-opened.vue +23 -23
- package/dist/runtime/icons/file/excel-icon.vue +14 -14
- package/dist/runtime/icons/file/file.vue +19 -19
- package/dist/runtime/icons/file/files.vue +17 -17
- package/dist/runtime/icons/globe.vue +19 -19
- package/dist/runtime/icons/hand-with-phone/hand-with-phone-dark.vue +52 -52
- package/dist/runtime/icons/hand-with-phone/hand-with-phone-light.vue +52 -52
- package/dist/runtime/icons/handshake.vue +19 -19
- package/dist/runtime/icons/history.vue +19 -19
- package/dist/runtime/icons/hot-line.vue +6 -6
- package/dist/runtime/icons/id.vue +9 -9
- package/dist/runtime/icons/info/info-circle.vue +29 -29
- package/dist/runtime/icons/invoice.vue +35 -35
- package/dist/runtime/icons/kaspi-qr.vue +13 -13
- package/dist/runtime/icons/link-chain.vue +31 -31
- package/dist/runtime/icons/loader-circle.vue +34 -34
- package/dist/runtime/icons/lock.vue +19 -19
- package/dist/runtime/icons/logo/adata.vue +48 -48
- package/dist/runtime/icons/logo/logo.vue +27 -27
- package/dist/runtime/icons/map-paper.vue +5 -5
- package/dist/runtime/icons/map-pin-rect.vue +15 -15
- package/dist/runtime/icons/medal.vue +17 -17
- package/dist/runtime/icons/menu/menu-filled.vue +61 -61
- package/dist/runtime/icons/menu/menu.vue +41 -41
- package/dist/runtime/icons/message.vue +24 -24
- package/dist/runtime/icons/modals/door.vue +162 -162
- package/dist/runtime/icons/moon.vue +10 -10
- package/dist/runtime/icons/navigation/expand-window.vue +19 -19
- package/dist/runtime/icons/navigation/location.vue +25 -25
- package/dist/runtime/icons/navigation/logout.vue +19 -19
- package/dist/runtime/icons/notifications.vue +25 -25
- package/dist/runtime/icons/other-service/arrow-square-down.vue +15 -15
- package/dist/runtime/icons/other-service/arrow-top-right-on-square.vue +6 -6
- package/dist/runtime/icons/other-service/block.vue +16 -16
- package/dist/runtime/icons/other-service/currency-dollar.vue +16 -16
- package/dist/runtime/icons/other-service/globe.vue +16 -16
- package/dist/runtime/icons/other-service/link.vue +7 -7
- package/dist/runtime/icons/other-service/magnifying-glass.vue +9 -9
- package/dist/runtime/icons/other-service/standing-scales.vue +15 -15
- package/dist/runtime/icons/other-service/users-three.vue +7 -7
- package/dist/runtime/icons/payment/payment-card.vue +6 -6
- package/dist/runtime/icons/payment/payment-kaspi.vue +11 -11
- package/dist/runtime/icons/plus.vue +24 -24
- package/dist/runtime/icons/radio/radio-check.vue +24 -24
- package/dist/runtime/icons/radio/radio-empty.vue +20 -20
- package/dist/runtime/icons/receipt/hcheck.vue +27 -27
- package/dist/runtime/icons/receipt/receipt.vue +27 -27
- package/dist/runtime/icons/sanctions.vue +8 -8
- package/dist/runtime/icons/scale.vue +19 -19
- package/dist/runtime/icons/search.vue +27 -27
- package/dist/runtime/icons/socials/facebook.vue +15 -15
- package/dist/runtime/icons/socials/google.vue +41 -41
- package/dist/runtime/icons/socials/instagram.vue +19 -19
- package/dist/runtime/icons/socials/linkedin.vue +24 -24
- package/dist/runtime/icons/socials/mailru.vue +34 -34
- package/dist/runtime/icons/socials/telegram.vue +15 -15
- package/dist/runtime/icons/socials/tik-tok.vue +15 -15
- package/dist/runtime/icons/socials/whatsapp.vue +21 -21
- package/dist/runtime/icons/socials/yandex.vue +28 -28
- package/dist/runtime/icons/socials/youtube.vue +16 -16
- package/dist/runtime/icons/sun.vue +14 -14
- package/dist/runtime/icons/sviazi.vue +19 -19
- package/dist/runtime/icons/tasks.vue +10 -10
- package/dist/runtime/icons/toasts/check-circle-toast.vue +6 -6
- package/dist/runtime/icons/toasts/warning-triangle-toast.vue +7 -7
- package/dist/runtime/icons/users/users-three.vue +17 -17
- package/dist/runtime/icons/users/users.vue +31 -31
- package/dist/runtime/icons/warning-triangle.vue +29 -29
- package/dist/runtime/icons/work-bag.vue +20 -20
- package/dist/runtime/icons/x-mark.vue +18 -18
- package/dist/runtime/illustrations/address-location.vue +38 -38
- package/dist/runtime/illustrations/ball-with-chain.vue +120 -120
- package/dist/runtime/illustrations/bill.vue +133 -133
- package/dist/runtime/illustrations/buildings.vue +82 -82
- package/dist/runtime/illustrations/calendar.vue +156 -156
- package/dist/runtime/illustrations/chains.vue +152 -152
- package/dist/runtime/illustrations/coin-percent.vue +126 -126
- package/dist/runtime/illustrations/coins-stack.vue +202 -202
- package/dist/runtime/illustrations/delete-dark.vue +31 -31
- package/dist/runtime/illustrations/delete.vue +32 -32
- package/dist/runtime/illustrations/doc-with-stamp.vue +126 -126
- package/dist/runtime/illustrations/document.vue +64 -64
- package/dist/runtime/illustrations/door.vue +74 -74
- package/dist/runtime/illustrations/empty-box.vue +77 -77
- package/dist/runtime/illustrations/empty-wallet.vue +161 -161
- package/dist/runtime/illustrations/graph-in-coin.vue +119 -119
- package/dist/runtime/illustrations/hammer.vue +156 -156
- package/dist/runtime/illustrations/hand-cash.vue +108 -108
- package/dist/runtime/illustrations/info.vue +39 -39
- package/dist/runtime/illustrations/mail.vue +68 -68
- package/dist/runtime/illustrations/ok.vue +62 -62
- package/dist/runtime/illustrations/people-group.vue +237 -237
- package/dist/runtime/illustrations/person-with-phone.vue +187 -187
- package/dist/runtime/illustrations/person.vue +159 -159
- package/dist/runtime/illustrations/phone-check.vue +90 -90
- package/dist/runtime/illustrations/phone-payment-method.vue +223 -223
- package/dist/runtime/illustrations/stop-hand.vue +77 -77
- package/dist/runtime/illustrations/stop-sign.vue +34 -34
- package/dist/runtime/illustrations/suit.vue +111 -111
- package/dist/runtime/illustrations/suitcase.vue +105 -105
- package/dist/runtime/illustrations/terminal-dark.vue +48 -48
- package/dist/runtime/illustrations/terminal.vue +234 -234
- package/dist/runtime/illustrations/trash-can.vue +108 -108
- package/dist/runtime/illustrations/turn-on-tariff.vue +38 -38
- package/dist/runtime/illustrations/two-persons.vue +169 -169
- package/dist/runtime/lang/en.js +5 -2
- package/dist/runtime/lang/kk.js +5 -2
- package/dist/runtime/lang/ru.d.ts +3 -0
- package/dist/runtime/lang/ru.js +5 -2
- package/dist/runtime/plugins/toast.d.ts +1 -503
- package/dist/runtime/public/kaspi/logo.svg +4 -4
- package/dist/runtime/server/tsconfig.json +3 -3
- package/dist/runtime/utils/getMaxZindex.d.ts +2 -0
- package/dist/runtime/utils/getMaxZindex.js +22 -0
- package/dist/runtime/utils/localizedNavigation.d.ts +1 -1
- package/dist/runtime/utils/useUrls.d.ts +1 -0
- package/dist/runtime/utils/useUrls.js +1 -0
- package/package.json +73 -73
|
@@ -24,6 +24,15 @@ const navs = [
|
|
|
24
24
|
to: `https://${mode}.kz/api-description`
|
|
25
25
|
}
|
|
26
26
|
];
|
|
27
|
+
const pageUrl = useRequestURL();
|
|
28
|
+
if (pageUrl.hostname.startsWith("pk")) {
|
|
29
|
+
navs.push(
|
|
30
|
+
{
|
|
31
|
+
label: "header.navs.services",
|
|
32
|
+
to: `https://pk.${mode}.kz/services/kgd`
|
|
33
|
+
}
|
|
34
|
+
);
|
|
35
|
+
}
|
|
27
36
|
const menu = ref(null);
|
|
28
37
|
const isBodyAlreadyLocked = ref(false);
|
|
29
38
|
const currentIndex = ref(0);
|
|
@@ -43,22 +52,26 @@ const currentMenuToShow = (index) => {
|
|
|
43
52
|
return null;
|
|
44
53
|
case 3:
|
|
45
54
|
return null;
|
|
55
|
+
case 4:
|
|
56
|
+
return null;
|
|
46
57
|
}
|
|
47
58
|
};
|
|
48
59
|
const toggleMenu = (index) => {
|
|
49
60
|
if (index === 2) {
|
|
50
|
-
const
|
|
61
|
+
const pageUrl2 = useRequestURL();
|
|
51
62
|
let code = "";
|
|
52
|
-
if (
|
|
53
|
-
if (
|
|
54
|
-
if (
|
|
55
|
-
if (
|
|
56
|
-
if (
|
|
57
|
-
if (
|
|
58
|
-
if (
|
|
63
|
+
if (pageUrl2.hostname.includes("pk")) code = "?code=pk";
|
|
64
|
+
if (pageUrl2.hostname.includes("avto")) code = "?code=auto";
|
|
65
|
+
if (pageUrl2.hostname.includes("tnved")) code = "?code=ved";
|
|
66
|
+
if (pageUrl2.hostname.includes("analytics")) code = "?code=analytics";
|
|
67
|
+
if (pageUrl2.hostname.includes("ac")) code = "?code=compliance";
|
|
68
|
+
if (pageUrl2.hostname.includes("zakupki")) code = "?code=procurement";
|
|
69
|
+
if (pageUrl2.hostname.includes("edo")) code = "?code=edo";
|
|
59
70
|
navigateToLocalizedPage({ locale, projectUrl: `https://${mode}.kz`, path: "/tariffs" + code, target: "_blank" });
|
|
60
71
|
} else if (index === 3) {
|
|
61
72
|
navigateToLocalizedPage({ locale, projectUrl: `https://${mode}.kz`, path: "/api-description", target: "_blank" });
|
|
73
|
+
} else if (index === 4) {
|
|
74
|
+
navigateToLocalizedPage({ locale, projectUrl: `https://pk.${mode}.kz`, path: "/services/kgd", target: "_blank" });
|
|
62
75
|
} else {
|
|
63
76
|
currentMenu.value = currentMenuToShow(index);
|
|
64
77
|
const prev = currentIndex.value;
|
|
@@ -86,7 +99,7 @@ const closeMenu = (forceClose = false) => {
|
|
|
86
99
|
}
|
|
87
100
|
};
|
|
88
101
|
const onMenuMouseEnter = (index) => {
|
|
89
|
-
if (
|
|
102
|
+
if (![2, 3, 4].includes(index)) {
|
|
90
103
|
if (show.value === false) {
|
|
91
104
|
delayTimer.value = setTimeout(() => {
|
|
92
105
|
toggleMenu(index);
|
|
@@ -139,50 +152,50 @@ watch(
|
|
|
139
152
|
</script>
|
|
140
153
|
|
|
141
154
|
<template>
|
|
142
|
-
<ul>
|
|
143
|
-
<li
|
|
144
|
-
v-for="(nav, index) in navs"
|
|
145
|
-
:key="nav.label"
|
|
146
|
-
role="listitem"
|
|
147
|
-
class="group inline-block border-r border-[#2C3E501A] px-2 last-of-type:border-none dark:border-[#E3E5E81A]"
|
|
148
|
-
@click="lockMenu"
|
|
149
|
-
>
|
|
150
|
-
<div
|
|
151
|
-
class="relative cursor-pointer font-bold uppercase text-gray-800 hover:text-gray-600 dark:text-gray-200 hover:dark:text-gray-600"
|
|
152
|
-
@mouseenter="onMenuMouseEnter(index)"
|
|
153
|
-
@click="toggleMenu(index)"
|
|
154
|
-
@mouseleave="onMenuMouseLeave"
|
|
155
|
-
>
|
|
156
|
-
{{ t(nav.label) }}
|
|
157
|
-
<div class="absolute left-[-8px] w-[calc(100%+16px)]">
|
|
158
|
-
|
|
159
|
-
</div>
|
|
160
|
-
</div>
|
|
161
|
-
<div
|
|
162
|
-
v-show="show"
|
|
163
|
-
class="fixed left-0 top-[104px] z-20 h-full w-full"
|
|
164
|
-
>
|
|
165
|
-
<transition :name="animation">
|
|
166
|
-
<keep-alive>
|
|
167
|
-
<component
|
|
168
|
-
:is="currentMenu"
|
|
169
|
-
v-show="show"
|
|
170
|
-
ref="menu"
|
|
171
|
-
:url="currentIndex === 1 ? `https://${mode}.kz/contacts` : nav.to"
|
|
172
|
-
:animation="forward ? 'next' : 'prev'"
|
|
173
|
-
:index="currentIndex"
|
|
174
|
-
@outer-click="closeMenu(true)"
|
|
175
|
-
@mouse-over="closeMenu"
|
|
176
|
-
/>
|
|
177
|
-
</keep-alive>
|
|
178
|
-
</transition>
|
|
179
|
-
<div
|
|
180
|
-
v-show="show"
|
|
181
|
-
class="absolute left-[-25%] h-full w-[150%] bg-[#E3E5E833] backdrop-blur transition"
|
|
182
|
-
@click="closeMenu(true)"
|
|
183
|
-
@mouseover="closeMenu(false)"
|
|
184
|
-
/>
|
|
185
|
-
</div>
|
|
186
|
-
</li>
|
|
187
|
-
</ul>
|
|
155
|
+
<ul>
|
|
156
|
+
<li
|
|
157
|
+
v-for="(nav, index) in navs"
|
|
158
|
+
:key="nav.label"
|
|
159
|
+
role="listitem"
|
|
160
|
+
class="group inline-block border-r border-[#2C3E501A] px-2 last-of-type:border-none dark:border-[#E3E5E81A]"
|
|
161
|
+
@click="lockMenu"
|
|
162
|
+
>
|
|
163
|
+
<div
|
|
164
|
+
class="relative cursor-pointer font-bold uppercase text-gray-800 hover:text-gray-600 dark:text-gray-200 hover:dark:text-gray-600"
|
|
165
|
+
@mouseenter="onMenuMouseEnter(index)"
|
|
166
|
+
@click="toggleMenu(index)"
|
|
167
|
+
@mouseleave="onMenuMouseLeave"
|
|
168
|
+
>
|
|
169
|
+
{{ t(nav.label) }}
|
|
170
|
+
<div class="absolute left-[-8px] w-[calc(100%+16px)]">
|
|
171
|
+
|
|
172
|
+
</div>
|
|
173
|
+
</div>
|
|
174
|
+
<div
|
|
175
|
+
v-show="show"
|
|
176
|
+
class="fixed left-0 top-[104px] z-20 h-full w-full"
|
|
177
|
+
>
|
|
178
|
+
<transition :name="animation">
|
|
179
|
+
<keep-alive>
|
|
180
|
+
<component
|
|
181
|
+
:is="currentMenu"
|
|
182
|
+
v-show="show"
|
|
183
|
+
ref="menu"
|
|
184
|
+
:url="currentIndex === 1 ? `https://${mode}.kz/contacts` : nav.to"
|
|
185
|
+
:animation="forward ? 'next' : 'prev'"
|
|
186
|
+
:index="currentIndex"
|
|
187
|
+
@outer-click="closeMenu(true)"
|
|
188
|
+
@mouse-over="closeMenu"
|
|
189
|
+
/>
|
|
190
|
+
</keep-alive>
|
|
191
|
+
</transition>
|
|
192
|
+
<div
|
|
193
|
+
v-show="show"
|
|
194
|
+
class="absolute left-[-25%] h-full w-[150%] bg-[#E3E5E833] backdrop-blur transition"
|
|
195
|
+
@click="closeMenu(true)"
|
|
196
|
+
@mouseover="closeMenu(false)"
|
|
197
|
+
/>
|
|
198
|
+
</div>
|
|
199
|
+
</li>
|
|
200
|
+
</ul>
|
|
188
201
|
</template>
|
|
@@ -11,35 +11,35 @@ onClickOutside(langSwitcher, () => {
|
|
|
11
11
|
</script>
|
|
12
12
|
|
|
13
13
|
<template>
|
|
14
|
-
<div
|
|
15
|
-
ref="langSwitcher"
|
|
16
|
-
class="relative"
|
|
17
|
-
>
|
|
18
|
-
|
|
19
|
-
<button
|
|
20
|
-
class="text-xs font-semibold py-1 px-2 bg-gray-100 dark:bg-gray-200/5 rounded"
|
|
21
|
-
@click="isOpen = true"
|
|
22
|
-
aria-hidden="true"
|
|
23
|
-
>
|
|
24
|
-
{{ t(`lang.${locale}.short`) }}
|
|
25
|
-
</button>
|
|
26
|
-
<div
|
|
27
|
-
v-show="isOpen"
|
|
28
|
-
:class="['absolute z-20 bg-white shadow rounded-md p-2 right-0 lg:right-auto lg:left-0 left-auto flex flex-col dark:bg-gray-900']"
|
|
29
|
-
>
|
|
30
|
-
<nuxt-link
|
|
31
|
-
v-for="loc in locales"
|
|
14
|
+
<div
|
|
15
|
+
ref="langSwitcher"
|
|
16
|
+
class="relative"
|
|
17
|
+
>
|
|
18
|
+
|
|
19
|
+
<button
|
|
20
|
+
class="text-xs font-semibold py-1 px-2 bg-gray-100 dark:bg-gray-200/5 rounded"
|
|
21
|
+
@click="isOpen = true"
|
|
22
|
+
aria-hidden="true"
|
|
23
|
+
>
|
|
24
|
+
{{ t(`lang.${locale}.short`) }}
|
|
25
|
+
</button>
|
|
26
|
+
<div
|
|
27
|
+
v-show="isOpen"
|
|
28
|
+
:class="['absolute z-20 bg-white shadow rounded-md p-2 right-0 lg:right-auto lg:left-0 left-auto flex flex-col dark:bg-gray-900']"
|
|
29
|
+
>
|
|
30
|
+
<nuxt-link
|
|
31
|
+
v-for="loc in locales"
|
|
32
32
|
:class="[
|
|
33
33
|
'text-sm cursor-pointer px-4 py-2.5 flex justify-between',
|
|
34
34
|
{ 'text-primary bg-deepblue-500/5': locale === loc.code }
|
|
35
|
-
]"
|
|
36
|
-
:to="switchLocalePath(loc?.code || loc)"
|
|
37
|
-
@click="isOpen = false"
|
|
38
|
-
>
|
|
39
|
-
{{ t(`lang.${loc?.code || loc}.long`) }}
|
|
40
|
-
</nuxt-link>
|
|
41
|
-
</div>
|
|
42
|
-
</div>
|
|
35
|
+
]"
|
|
36
|
+
:to="switchLocalePath(loc?.code || loc)"
|
|
37
|
+
@click="isOpen = false"
|
|
38
|
+
>
|
|
39
|
+
{{ t(`lang.${loc?.code || loc}.long`) }}
|
|
40
|
+
</nuxt-link>
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
43
|
</template>
|
|
44
44
|
|
|
45
45
|
<style scoped>
|
|
@@ -8,19 +8,19 @@ const hover = ref(false);
|
|
|
8
8
|
</script>
|
|
9
9
|
|
|
10
10
|
<template>
|
|
11
|
-
<nuxt-link
|
|
12
|
-
:to="item.to"
|
|
13
|
-
:class="{ 'opacity-30': !hover && someHovered }"
|
|
14
|
-
class="flex items-center gap-4 px-2.5 py-2 hover:bg-gray-50 rounded-lg dark:hover:bg-gray-800 normal-case transition-all "
|
|
15
|
-
@mouseenter="hover = true"
|
|
16
|
-
@mouseleave="hover = false"
|
|
17
|
-
>
|
|
18
|
-
<div class="min-w-8 h-8 rounded-lg flex items-center justify-center dark:text-gray-900 text-white bg-gradient-blue">
|
|
19
|
-
<component
|
|
20
|
-
:is="item.icon"
|
|
21
|
-
class="h-5 w-5"
|
|
22
|
-
/>
|
|
23
|
-
</div>
|
|
24
|
-
<span class="text-sm text-deepblue-900 dark:text-[#E3E5E8]">{{ item.title }}</span>
|
|
25
|
-
</nuxt-link>
|
|
11
|
+
<nuxt-link
|
|
12
|
+
:to="item.to"
|
|
13
|
+
:class="{ 'opacity-30': !hover && someHovered }"
|
|
14
|
+
class="flex items-center gap-4 px-2.5 py-2 hover:bg-gray-50 rounded-lg dark:hover:bg-gray-800 normal-case transition-all "
|
|
15
|
+
@mouseenter="hover = true"
|
|
16
|
+
@mouseleave="hover = false"
|
|
17
|
+
>
|
|
18
|
+
<div class="min-w-8 h-8 rounded-lg flex items-center justify-center dark:text-gray-900 text-white bg-gradient-blue">
|
|
19
|
+
<component
|
|
20
|
+
:is="item.icon"
|
|
21
|
+
class="h-5 w-5"
|
|
22
|
+
/>
|
|
23
|
+
</div>
|
|
24
|
+
<span class="text-sm text-deepblue-900 dark:text-[#E3E5E8]">{{ item.title }}</span>
|
|
25
|
+
</nuxt-link>
|
|
26
26
|
</template>
|
|
@@ -9,32 +9,32 @@ const hover = ref(false);
|
|
|
9
9
|
</script>
|
|
10
10
|
|
|
11
11
|
<template>
|
|
12
|
-
<nuxt-link
|
|
13
|
-
:to="item.to"
|
|
14
|
-
class="flex h-full justify-between xl:gap-4 rounded-[0.5rem] bg-gray-50 p-4 dark:bg-gray-800 transition-all dark:hover:bg-gray-800"
|
|
15
|
-
:class="{ 'opacity-30': !hover && someHovered }"
|
|
16
|
-
@mouseenter="hover = true"
|
|
17
|
-
@mouseleave="hover = false"
|
|
18
|
-
>
|
|
19
|
-
<div class="normal-case">
|
|
20
|
-
<h4
|
|
21
|
-
class="mb-2 font-semibold text-deepblue-900 dark:text-[#E3E5E8]"
|
|
22
|
-
:class="{ 'heading-04': size === 'lg', 'heading-05': size === 'sm' }"
|
|
23
|
-
>
|
|
24
|
-
{{ item.title }}
|
|
25
|
-
</h4>
|
|
26
|
-
<p class="text-gray-600 dark:text-gray-300 body-400">
|
|
27
|
-
{{ item.subtitle ? item.subtitle : "" }}
|
|
28
|
-
</p>
|
|
29
|
-
</div>
|
|
30
|
-
<div
|
|
31
|
-
class="flex items-center justify-center self-end rounded-lg bg-gradient-blue dark:text-gray-900 text-white"
|
|
32
|
-
:class="{ 'h-8 min-w-8': size === 'sm', 'h-16 min-w-16': size === 'lg' }"
|
|
33
|
-
>
|
|
34
|
-
<component
|
|
35
|
-
:is="item.icon"
|
|
36
|
-
:class="{ 'h-5 w-5': size === 'sm', 'h-11 w-11': size === 'lg' }"
|
|
37
|
-
/>
|
|
38
|
-
</div>
|
|
39
|
-
</nuxt-link>
|
|
12
|
+
<nuxt-link
|
|
13
|
+
:to="item.to"
|
|
14
|
+
class="flex h-full justify-between xl:gap-4 rounded-[0.5rem] bg-gray-50 p-4 dark:bg-gray-800 transition-all dark:hover:bg-gray-800"
|
|
15
|
+
:class="{ 'opacity-30': !hover && someHovered }"
|
|
16
|
+
@mouseenter="hover = true"
|
|
17
|
+
@mouseleave="hover = false"
|
|
18
|
+
>
|
|
19
|
+
<div class="normal-case">
|
|
20
|
+
<h4
|
|
21
|
+
class="mb-2 font-semibold text-deepblue-900 dark:text-[#E3E5E8]"
|
|
22
|
+
:class="{ 'heading-04': size === 'lg', 'heading-05': size === 'sm' }"
|
|
23
|
+
>
|
|
24
|
+
{{ item.title }}
|
|
25
|
+
</h4>
|
|
26
|
+
<p class="text-gray-600 dark:text-gray-300 body-400">
|
|
27
|
+
{{ item.subtitle ? item.subtitle : "" }}
|
|
28
|
+
</p>
|
|
29
|
+
</div>
|
|
30
|
+
<div
|
|
31
|
+
class="flex items-center justify-center self-end rounded-lg bg-gradient-blue dark:text-gray-900 text-white"
|
|
32
|
+
:class="{ 'h-8 min-w-8': size === 'sm', 'h-16 min-w-16': size === 'lg' }"
|
|
33
|
+
>
|
|
34
|
+
<component
|
|
35
|
+
:is="item.icon"
|
|
36
|
+
:class="{ 'h-5 w-5': size === 'sm', 'h-11 w-11': size === 'lg' }"
|
|
37
|
+
/>
|
|
38
|
+
</div>
|
|
39
|
+
</nuxt-link>
|
|
40
40
|
</template>
|
|
@@ -52,58 +52,58 @@ function isActive(itemPath) {
|
|
|
52
52
|
</script>
|
|
53
53
|
|
|
54
54
|
<template>
|
|
55
|
-
<div
|
|
56
|
-
class="flex flex-col gap-2"
|
|
57
|
-
:class="{ 'rounded-md bg-gray-50 p-2 dark:bg-gray-800': currentModule }"
|
|
58
|
-
>
|
|
59
|
-
<nuxt-link-locale
|
|
60
|
-
class="flex items-center gap-2 pl-[10px]"
|
|
61
|
-
:to="link"
|
|
62
|
-
>
|
|
63
|
-
<p class="text-sm font-semibold dark:text-white hover:text-blue-700 dark:hover:text-blue-500">
|
|
64
|
-
{{ title }}
|
|
65
|
-
</p>
|
|
66
|
-
<adt-tag
|
|
67
|
-
v-if="badge"
|
|
68
|
-
type="primary"
|
|
69
|
-
class="w-fit"
|
|
70
|
-
size="xs"
|
|
71
|
-
view="inverted"
|
|
72
|
-
>
|
|
73
|
-
NEW
|
|
74
|
-
</adt-tag>
|
|
75
|
-
</nuxt-link-locale>
|
|
76
|
-
<ul class="flex flex-col gap-2">
|
|
77
|
-
<li
|
|
78
|
-
v-for="item in navList"
|
|
79
|
-
:key="item.title"
|
|
80
|
-
class="flex w-full items-center gap-2 rounded-md px-[10px] py-[6px] hover:bg-blue-100 dark:hover:bg-gray-200/10 text-gray-600 dark:text-gray-200 hover:text-blue-700 dark:hover:text-blue-500"
|
|
81
|
-
:class="{ 'bg-blue-100 dark:bg-gray-200/10': isActive(item.to) }"
|
|
82
|
-
>
|
|
83
|
-
<div class="p-1 rounded-lg" :class="{ 'bg-gradient-blue-dark ': isDark, 'bg-gradient-blue-light': !isDark }">
|
|
84
|
-
<component
|
|
85
|
-
:is="item.icon"
|
|
86
|
-
class="size-[18px] text-white dark:text-gray-900"
|
|
87
|
-
/>
|
|
88
|
-
</div>
|
|
89
|
-
<nuxt-link
|
|
90
|
-
v-if="item.to"
|
|
91
|
-
:to="item.to"
|
|
92
|
-
class="inline-block normal-case w-full cursor-pointer align-middle text-sm font-semibold text-inherit hover:text-inherit"
|
|
93
|
-
exact-active-class="text-blue-700 dark:text-blue-500"
|
|
94
|
-
itemprop="name"
|
|
95
|
-
>
|
|
96
|
-
{{ item.title }}
|
|
97
|
-
</nuxt-link>
|
|
98
|
-
<div
|
|
99
|
-
v-else
|
|
100
|
-
class="inline-block w-full align-middle text-sm font-semibold text-gray-600 dark:text-gray-200"
|
|
101
|
-
>
|
|
102
|
-
{{ item.title }}
|
|
103
|
-
</div>
|
|
104
|
-
</li>
|
|
105
|
-
</ul>
|
|
106
|
-
</div>
|
|
55
|
+
<div
|
|
56
|
+
class="flex flex-col gap-2"
|
|
57
|
+
:class="{ 'rounded-md bg-gray-50 p-2 dark:bg-gray-800': currentModule }"
|
|
58
|
+
>
|
|
59
|
+
<nuxt-link-locale
|
|
60
|
+
class="flex items-center gap-2 pl-[10px]"
|
|
61
|
+
:to="link"
|
|
62
|
+
>
|
|
63
|
+
<p class="text-sm font-semibold dark:text-white hover:text-blue-700 dark:hover:text-blue-500">
|
|
64
|
+
{{ title }}
|
|
65
|
+
</p>
|
|
66
|
+
<adt-tag
|
|
67
|
+
v-if="badge"
|
|
68
|
+
type="primary"
|
|
69
|
+
class="w-fit"
|
|
70
|
+
size="xs"
|
|
71
|
+
view="inverted"
|
|
72
|
+
>
|
|
73
|
+
NEW
|
|
74
|
+
</adt-tag>
|
|
75
|
+
</nuxt-link-locale>
|
|
76
|
+
<ul class="flex flex-col gap-2">
|
|
77
|
+
<li
|
|
78
|
+
v-for="item in navList"
|
|
79
|
+
:key="item.title"
|
|
80
|
+
class="flex w-full items-center gap-2 rounded-md px-[10px] py-[6px] hover:bg-blue-100 dark:hover:bg-gray-200/10 text-gray-600 dark:text-gray-200 hover:text-blue-700 dark:hover:text-blue-500"
|
|
81
|
+
:class="{ 'bg-blue-100 dark:bg-gray-200/10': isActive(item.to) }"
|
|
82
|
+
>
|
|
83
|
+
<div class="p-1 rounded-lg" :class="{ 'bg-gradient-blue-dark ': isDark, 'bg-gradient-blue-light': !isDark }">
|
|
84
|
+
<component
|
|
85
|
+
:is="item.icon"
|
|
86
|
+
class="size-[18px] text-white dark:text-gray-900"
|
|
87
|
+
/>
|
|
88
|
+
</div>
|
|
89
|
+
<nuxt-link
|
|
90
|
+
v-if="item.to"
|
|
91
|
+
:to="item.to"
|
|
92
|
+
class="inline-block normal-case w-full cursor-pointer align-middle text-sm font-semibold text-inherit hover:text-inherit"
|
|
93
|
+
exact-active-class="text-blue-700 dark:text-blue-500"
|
|
94
|
+
itemprop="name"
|
|
95
|
+
>
|
|
96
|
+
{{ item.title }}
|
|
97
|
+
</nuxt-link>
|
|
98
|
+
<div
|
|
99
|
+
v-else
|
|
100
|
+
class="inline-block w-full align-middle text-sm font-semibold text-gray-600 dark:text-gray-200"
|
|
101
|
+
>
|
|
102
|
+
{{ item.title }}
|
|
103
|
+
</div>
|
|
104
|
+
</li>
|
|
105
|
+
</ul>
|
|
106
|
+
</div>
|
|
107
107
|
</template>
|
|
108
108
|
|
|
109
109
|
<style scoped>
|
|
@@ -313,7 +313,7 @@ const filteredItems = computed(() => [
|
|
|
313
313
|
{
|
|
314
314
|
key: "analytics",
|
|
315
315
|
name: t("header.products.analytics.label"),
|
|
316
|
-
link: `https://analytics
|
|
316
|
+
link: `https://analytics.${mode}.kz`,
|
|
317
317
|
icon: IArrowGraphUp,
|
|
318
318
|
items: [
|
|
319
319
|
// {
|
|
@@ -326,26 +326,26 @@ const filteredItems = computed(() => [
|
|
|
326
326
|
title: t("header.products.analytics.items.activity.title"),
|
|
327
327
|
subtitle: t("header.products.analytics.items.activity.subtitle"),
|
|
328
328
|
icon: IArrowGraphUp,
|
|
329
|
-
to: `https://analytics
|
|
329
|
+
to: `https://analytics.${mode}.kz` + PAGES.analytics.index
|
|
330
330
|
},
|
|
331
331
|
{
|
|
332
332
|
title: t("header.products.analytics.items.rate.title"),
|
|
333
333
|
subtitle: t("header.products.analytics.items.rate.subtitle"),
|
|
334
334
|
icon: IMedal,
|
|
335
|
-
to: `https://analytics
|
|
335
|
+
to: `https://analytics.${mode}.kz` + PAGES.analytics.rating
|
|
336
336
|
},
|
|
337
337
|
{
|
|
338
338
|
title: t("header.products.analytics.items.subjects.title"),
|
|
339
339
|
subtitle: t("header.products.analytics.items.subjects.subtitle"),
|
|
340
340
|
icon: ICompany,
|
|
341
|
-
to: `https://analytics
|
|
341
|
+
to: `https://analytics.${mode}.kz` + PAGES.analytics.business
|
|
342
342
|
}
|
|
343
343
|
]
|
|
344
344
|
}
|
|
345
345
|
]);
|
|
346
346
|
function isCurrentModule(currentModule) {
|
|
347
347
|
if (currentModule === "fines") return "avto";
|
|
348
|
-
if (currentModule === "analytics") return "analytics
|
|
348
|
+
if (currentModule === "analytics") return "analytics";
|
|
349
349
|
if (currentModule === "compliance") return "ac";
|
|
350
350
|
if (currentModule === "fea") return "tnved";
|
|
351
351
|
if (currentModule === "tenders") return "zakupki";
|
|
@@ -354,73 +354,73 @@ function isCurrentModule(currentModule) {
|
|
|
354
354
|
</script>
|
|
355
355
|
|
|
356
356
|
<template>
|
|
357
|
-
<div class="capitalize">
|
|
358
|
-
<div class="relative bg-white dark:bg-gray-950">
|
|
359
|
-
<transition :name="animation">
|
|
360
|
-
<div
|
|
361
|
-
:key="index"
|
|
362
|
-
class="a-container py-8"
|
|
363
|
-
>
|
|
364
|
-
<div class="flex justify-between gap-5">
|
|
365
|
-
<div class="flex gap-[10px] divide-x divide-gray-500/50">
|
|
366
|
-
<div class="flex flex-col gap-5 w-[290px] pr-[10px]">
|
|
367
|
-
<nav-list
|
|
368
|
-
v-for="module in filteredItems.slice(0, 3)"
|
|
369
|
-
:id="module.key"
|
|
370
|
-
:key="module.key"
|
|
371
|
-
:current-module="pageUrl.hostname.startsWith(isCurrentModule(module.key))"
|
|
372
|
-
:title="module.name"
|
|
373
|
-
:link="module.link"
|
|
374
|
-
:nav-list="module.items"
|
|
375
|
-
:to="module.to"
|
|
376
|
-
:icon="module.icon"
|
|
377
|
-
:badge="module.is_new"
|
|
378
|
-
/>
|
|
379
|
-
</div>
|
|
380
|
-
<div class="flex flex-col gap-5 w-[290px] pr-[10px]">
|
|
381
|
-
<nav-list
|
|
382
|
-
v-for="module in filteredItems.slice(3, 5)"
|
|
383
|
-
:id="module.key"
|
|
384
|
-
:key="module.key"
|
|
385
|
-
:current-module="pageUrl.hostname.startsWith(isCurrentModule(module.key))"
|
|
386
|
-
:title="module.name"
|
|
387
|
-
:link="module.link"
|
|
388
|
-
:nav-list="module.items"
|
|
389
|
-
:to="module.to"
|
|
390
|
-
:icon="module.icon"
|
|
391
|
-
:badge="module.is_new"
|
|
392
|
-
/>
|
|
393
|
-
</div>
|
|
394
|
-
<div class="flex flex-col gap-5 w-[330px] pr-[10px]">
|
|
395
|
-
<nav-list
|
|
396
|
-
v-for="module in filteredItems.slice(5, 8)"
|
|
397
|
-
:id="module.key"
|
|
398
|
-
:key="module.key"
|
|
399
|
-
:current-module="pageUrl.hostname.startsWith(isCurrentModule(module.key))"
|
|
400
|
-
:title="module.name"
|
|
401
|
-
:link="module.link"
|
|
402
|
-
:nav-list="module.items"
|
|
403
|
-
:to="module.to"
|
|
404
|
-
:icon="module.icon"
|
|
405
|
-
:badge="module.is_new"
|
|
406
|
-
/>
|
|
407
|
-
</div>
|
|
408
|
-
</div>
|
|
409
|
-
<card-gallery class="hidden xl:block" />
|
|
410
|
-
</div>
|
|
411
|
-
</div>
|
|
412
|
-
</transition>
|
|
413
|
-
<button
|
|
414
|
-
class="absolute right-8 top-4"
|
|
415
|
-
@click="$emit('outerClick')"
|
|
416
|
-
>
|
|
417
|
-
<i-x-mark
|
|
418
|
-
width="32"
|
|
419
|
-
height="32"
|
|
420
|
-
/>
|
|
421
|
-
</button>
|
|
422
|
-
</div>
|
|
423
|
-
</div>
|
|
357
|
+
<div class="capitalize">
|
|
358
|
+
<div class="relative bg-white dark:bg-gray-950">
|
|
359
|
+
<transition :name="animation">
|
|
360
|
+
<div
|
|
361
|
+
:key="index"
|
|
362
|
+
class="a-container py-8"
|
|
363
|
+
>
|
|
364
|
+
<div class="flex justify-between gap-5">
|
|
365
|
+
<div class="flex gap-[10px] divide-x divide-gray-500/50">
|
|
366
|
+
<div class="flex flex-col gap-5 w-[290px] pr-[10px]">
|
|
367
|
+
<nav-list
|
|
368
|
+
v-for="module in filteredItems.slice(0, 3)"
|
|
369
|
+
:id="module.key"
|
|
370
|
+
:key="module.key"
|
|
371
|
+
:current-module="pageUrl.hostname.startsWith(isCurrentModule(module.key))"
|
|
372
|
+
:title="module.name"
|
|
373
|
+
:link="module.link"
|
|
374
|
+
:nav-list="module.items"
|
|
375
|
+
:to="module.to"
|
|
376
|
+
:icon="module.icon"
|
|
377
|
+
:badge="module.is_new"
|
|
378
|
+
/>
|
|
379
|
+
</div>
|
|
380
|
+
<div class="flex flex-col gap-5 w-[290px] pr-[10px]">
|
|
381
|
+
<nav-list
|
|
382
|
+
v-for="module in filteredItems.slice(3, 5)"
|
|
383
|
+
:id="module.key"
|
|
384
|
+
:key="module.key"
|
|
385
|
+
:current-module="pageUrl.hostname.startsWith(isCurrentModule(module.key))"
|
|
386
|
+
:title="module.name"
|
|
387
|
+
:link="module.link"
|
|
388
|
+
:nav-list="module.items"
|
|
389
|
+
:to="module.to"
|
|
390
|
+
:icon="module.icon"
|
|
391
|
+
:badge="module.is_new"
|
|
392
|
+
/>
|
|
393
|
+
</div>
|
|
394
|
+
<div class="flex flex-col gap-5 w-[330px] pr-[10px]">
|
|
395
|
+
<nav-list
|
|
396
|
+
v-for="module in filteredItems.slice(5, 8)"
|
|
397
|
+
:id="module.key"
|
|
398
|
+
:key="module.key"
|
|
399
|
+
:current-module="pageUrl.hostname.startsWith(isCurrentModule(module.key))"
|
|
400
|
+
:title="module.name"
|
|
401
|
+
:link="module.link"
|
|
402
|
+
:nav-list="module.items"
|
|
403
|
+
:to="module.to"
|
|
404
|
+
:icon="module.icon"
|
|
405
|
+
:badge="module.is_new"
|
|
406
|
+
/>
|
|
407
|
+
</div>
|
|
408
|
+
</div>
|
|
409
|
+
<card-gallery class="hidden xl:block" />
|
|
410
|
+
</div>
|
|
411
|
+
</div>
|
|
412
|
+
</transition>
|
|
413
|
+
<button
|
|
414
|
+
class="absolute right-8 top-4"
|
|
415
|
+
@click="$emit('outerClick')"
|
|
416
|
+
>
|
|
417
|
+
<i-x-mark
|
|
418
|
+
width="32"
|
|
419
|
+
height="32"
|
|
420
|
+
/>
|
|
421
|
+
</button>
|
|
422
|
+
</div>
|
|
423
|
+
</div>
|
|
424
424
|
</template>
|
|
425
425
|
|
|
426
426
|
<style scoped>
|
|
@@ -3,9 +3,15 @@ type __VLS_Props = {
|
|
|
3
3
|
index?: number;
|
|
4
4
|
url?: string;
|
|
5
5
|
};
|
|
6
|
-
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
7
|
-
|
|
6
|
+
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7
|
+
outerClick: (...args: any[]) => void;
|
|
8
|
+
mouseOver: (...args: any[]) => void;
|
|
9
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
10
|
+
onOuterClick?: ((...args: any[]) => any) | undefined;
|
|
11
|
+
onMouseOver?: ((...args: any[]) => any) | undefined;
|
|
12
|
+
}>, {
|
|
8
13
|
animation: string;
|
|
14
|
+
index: number;
|
|
9
15
|
url: string;
|
|
10
16
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
17
|
export default _default;
|