adata-ui 2.0.27 → 2.0.28
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/.nuxtrc +1 -1
- package/.playground/app.config.ts +5 -5
- package/README.md +75 -75
- package/components/elements/README.md +1 -1
- package/components/forms/README.md +1 -1
- package/components/modals/AConfirmationEmail.vue +40 -40
- package/components/modals/ReportBugModal.vue +3 -3
- package/components/modals/Resend.vue +81 -81
- package/components/navigation/README.md +1 -1
- package/components/navigation/footer/AFooter.vue +210 -57
- package/components/navigation/footer/ui/{new-footer-accordion.vue → a-footer-accordion.vue} +2 -4
- package/components/navigation/header/AlmatyContacts.vue +13 -13
- package/components/navigation/header/AstanaContacts.vue +10 -10
- package/components/navigation/header/ProductMenu.vue +0 -75
- package/components/overlays/README.md +1 -1
- package/composables/useHeaderNavigationLinks.ts +50 -239
- package/icons/google.vue +41 -41
- package/icons/linkedin.vue +24 -24
- package/icons/mailru.vue +34 -34
- package/icons/sun.vue +14 -14
- package/icons/yandex.vue +28 -28
- package/layouts/default.vue +13 -13
- package/package.json +69 -69
- package/shared/constans/pages.ts +1 -0
- package/components/navigation/footer/NewFooter.vue +0 -277
- package/components/navigation/footer/ui/footer-acccordion.vue +0 -119
package/.nuxtrc
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
typescript.includeWorkspace = true
|
|
1
|
+
typescript.includeWorkspace = true
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export default defineAppConfig({
|
|
2
|
-
myLayer: {
|
|
3
|
-
name: 'My amazing Nuxt layer (overwritten)'
|
|
4
|
-
}
|
|
5
|
-
})
|
|
1
|
+
export default defineAppConfig({
|
|
2
|
+
myLayer: {
|
|
3
|
+
name: 'My amazing Nuxt layer (overwritten)'
|
|
4
|
+
}
|
|
5
|
+
})
|
package/README.md
CHANGED
|
@@ -1,75 +1,75 @@
|
|
|
1
|
-
# Adata UI with Nuxt 3 using Layers
|
|
2
|
-
|
|
3
|
-
Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
|
|
4
|
-
|
|
5
|
-
## Setup
|
|
6
|
-
|
|
7
|
-
Make sure to install the dependencies:
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
# npm
|
|
11
|
-
npm install
|
|
12
|
-
|
|
13
|
-
# pnpm
|
|
14
|
-
pnpm install
|
|
15
|
-
|
|
16
|
-
# yarn
|
|
17
|
-
yarn install
|
|
18
|
-
|
|
19
|
-
# bun
|
|
20
|
-
bun install
|
|
21
|
-
```
|
|
22
|
-
|
|
23
|
-
## Development Server
|
|
24
|
-
|
|
25
|
-
Start the development server on `https://localhost:3000`:
|
|
26
|
-
|
|
27
|
-
```bash
|
|
28
|
-
# npm
|
|
29
|
-
npm run dev
|
|
30
|
-
|
|
31
|
-
# pnpm
|
|
32
|
-
pnpm run dev
|
|
33
|
-
|
|
34
|
-
# yarn
|
|
35
|
-
yarn dev
|
|
36
|
-
|
|
37
|
-
# bun
|
|
38
|
-
bun run dev
|
|
39
|
-
```
|
|
40
|
-
|
|
41
|
-
## Production
|
|
42
|
-
|
|
43
|
-
Build the application for production:
|
|
44
|
-
|
|
45
|
-
```bash
|
|
46
|
-
# npm
|
|
47
|
-
npm run build
|
|
48
|
-
|
|
49
|
-
# pnpm
|
|
50
|
-
pnpm run build
|
|
51
|
-
|
|
52
|
-
# yarn
|
|
53
|
-
yarn build
|
|
54
|
-
|
|
55
|
-
# bun
|
|
56
|
-
bun run build
|
|
57
|
-
```
|
|
58
|
-
|
|
59
|
-
Locally preview production build:
|
|
60
|
-
|
|
61
|
-
```bash
|
|
62
|
-
# npm
|
|
63
|
-
npm run preview
|
|
64
|
-
|
|
65
|
-
# pnpm
|
|
66
|
-
pnpm run preview
|
|
67
|
-
|
|
68
|
-
# yarn
|
|
69
|
-
yarn preview
|
|
70
|
-
|
|
71
|
-
# bun
|
|
72
|
-
bun run preview
|
|
73
|
-
```
|
|
74
|
-
|
|
75
|
-
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
|
|
1
|
+
# Adata UI with Nuxt 3 using Layers
|
|
2
|
+
|
|
3
|
+
Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
|
|
4
|
+
|
|
5
|
+
## Setup
|
|
6
|
+
|
|
7
|
+
Make sure to install the dependencies:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
# npm
|
|
11
|
+
npm install
|
|
12
|
+
|
|
13
|
+
# pnpm
|
|
14
|
+
pnpm install
|
|
15
|
+
|
|
16
|
+
# yarn
|
|
17
|
+
yarn install
|
|
18
|
+
|
|
19
|
+
# bun
|
|
20
|
+
bun install
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Development Server
|
|
24
|
+
|
|
25
|
+
Start the development server on `https://localhost:3000`:
|
|
26
|
+
|
|
27
|
+
```bash
|
|
28
|
+
# npm
|
|
29
|
+
npm run dev
|
|
30
|
+
|
|
31
|
+
# pnpm
|
|
32
|
+
pnpm run dev
|
|
33
|
+
|
|
34
|
+
# yarn
|
|
35
|
+
yarn dev
|
|
36
|
+
|
|
37
|
+
# bun
|
|
38
|
+
bun run dev
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
## Production
|
|
42
|
+
|
|
43
|
+
Build the application for production:
|
|
44
|
+
|
|
45
|
+
```bash
|
|
46
|
+
# npm
|
|
47
|
+
npm run build
|
|
48
|
+
|
|
49
|
+
# pnpm
|
|
50
|
+
pnpm run build
|
|
51
|
+
|
|
52
|
+
# yarn
|
|
53
|
+
yarn build
|
|
54
|
+
|
|
55
|
+
# bun
|
|
56
|
+
bun run build
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
Locally preview production build:
|
|
60
|
+
|
|
61
|
+
```bash
|
|
62
|
+
# npm
|
|
63
|
+
npm run preview
|
|
64
|
+
|
|
65
|
+
# pnpm
|
|
66
|
+
pnpm run preview
|
|
67
|
+
|
|
68
|
+
# yarn
|
|
69
|
+
yarn preview
|
|
70
|
+
|
|
71
|
+
# bun
|
|
72
|
+
bun run preview
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
# button, alerts, dropdown
|
|
1
|
+
# button, alerts, dropdown
|
|
@@ -1 +1 @@
|
|
|
1
|
-
# inputs
|
|
1
|
+
# inputs
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
const emit = defineEmits<{
|
|
3
|
-
(e: 'resend'): void
|
|
4
|
-
(e: 'close'): void
|
|
5
|
-
}>()
|
|
6
|
-
</script>
|
|
7
|
-
|
|
8
|
-
<template>
|
|
9
|
-
<div class="flex flex-col justify-center items-center gap-5">
|
|
10
|
-
<p class="heading-02">
|
|
11
|
-
{{ $t('login.modal.title') }}
|
|
12
|
-
</p>
|
|
13
|
-
<a-ill-mail />
|
|
14
|
-
<p class="body-400 text-center">
|
|
15
|
-
{{ $t('login.modal.subtitle1') }}
|
|
16
|
-
</p>
|
|
17
|
-
<p class="body-400 text-center">
|
|
18
|
-
{{ $t('login.modal.confirmationEmail') }}
|
|
19
|
-
</p>
|
|
20
|
-
<div class="flex flex-col gap-2 w-full">
|
|
21
|
-
<a-button
|
|
22
|
-
class="w-full"
|
|
23
|
-
view="outline"
|
|
24
|
-
@click="emit('close')"
|
|
25
|
-
>
|
|
26
|
-
{{ $t('login.modal.back') }}
|
|
27
|
-
</a-button>
|
|
28
|
-
<a-button
|
|
29
|
-
class="w-full"
|
|
30
|
-
@click="emit('resend')"
|
|
31
|
-
>
|
|
32
|
-
{{ $t('login.modal.resend') }}
|
|
33
|
-
</a-button>
|
|
34
|
-
</div>
|
|
35
|
-
</div>
|
|
36
|
-
</template>
|
|
37
|
-
|
|
38
|
-
<style scoped>
|
|
39
|
-
|
|
40
|
-
</style>
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
const emit = defineEmits<{
|
|
3
|
+
(e: 'resend'): void
|
|
4
|
+
(e: 'close'): void
|
|
5
|
+
}>()
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<template>
|
|
9
|
+
<div class="flex flex-col justify-center items-center gap-5">
|
|
10
|
+
<p class="heading-02">
|
|
11
|
+
{{ $t('login.modal.title') }}
|
|
12
|
+
</p>
|
|
13
|
+
<a-ill-mail />
|
|
14
|
+
<p class="body-400 text-center">
|
|
15
|
+
{{ $t('login.modal.subtitle1') }}
|
|
16
|
+
</p>
|
|
17
|
+
<p class="body-400 text-center">
|
|
18
|
+
{{ $t('login.modal.confirmationEmail') }}
|
|
19
|
+
</p>
|
|
20
|
+
<div class="flex flex-col gap-2 w-full">
|
|
21
|
+
<a-button
|
|
22
|
+
class="w-full"
|
|
23
|
+
view="outline"
|
|
24
|
+
@click="emit('close')"
|
|
25
|
+
>
|
|
26
|
+
{{ $t('login.modal.back') }}
|
|
27
|
+
</a-button>
|
|
28
|
+
<a-button
|
|
29
|
+
class="w-full"
|
|
30
|
+
@click="emit('resend')"
|
|
31
|
+
>
|
|
32
|
+
{{ $t('login.modal.resend') }}
|
|
33
|
+
</a-button>
|
|
34
|
+
</div>
|
|
35
|
+
</div>
|
|
36
|
+
</template>
|
|
37
|
+
|
|
38
|
+
<style scoped>
|
|
39
|
+
|
|
40
|
+
</style>
|
|
@@ -4,8 +4,8 @@ import * as z from 'zod'
|
|
|
4
4
|
import { useUIValidation } from '#adata-ui/composables/useUIValidation'
|
|
5
5
|
|
|
6
6
|
const props = defineProps<{
|
|
7
|
-
name
|
|
8
|
-
email
|
|
7
|
+
name?: string
|
|
8
|
+
email?: string
|
|
9
9
|
}>()
|
|
10
10
|
|
|
11
11
|
const emit = defineEmits<{
|
|
@@ -16,7 +16,7 @@ const { t } = useI18n()
|
|
|
16
16
|
|
|
17
17
|
const mask = new Mask({ mask: '# (###) ### ## ##' })
|
|
18
18
|
|
|
19
|
-
const isOpen = defineModel<boolean>(
|
|
19
|
+
const isOpen = defineModel<boolean>()
|
|
20
20
|
const form: any = reactive({
|
|
21
21
|
name: '',
|
|
22
22
|
email: '',
|
|
@@ -1,81 +1,81 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
|
|
3
|
-
const emit = defineEmits<{
|
|
4
|
-
(e: 'resend'): void
|
|
5
|
-
(e: 'close'): void
|
|
6
|
-
}>()
|
|
7
|
-
|
|
8
|
-
const timer = ref(60)
|
|
9
|
-
const isResend = ref(false)
|
|
10
|
-
const route = useRoute()
|
|
11
|
-
const appConfig = useAppConfig()
|
|
12
|
-
const landingUrl = appConfig.myLayer.landingUrl
|
|
13
|
-
|
|
14
|
-
function runTimer() {
|
|
15
|
-
timer.value = 60
|
|
16
|
-
const intervalId = setInterval(() => {
|
|
17
|
-
if (timer.value <= 0) {
|
|
18
|
-
isResend.value = true
|
|
19
|
-
clearInterval(intervalId);
|
|
20
|
-
return;
|
|
21
|
-
}
|
|
22
|
-
timer.value--;
|
|
23
|
-
}, 1000);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
onMounted(() => resend())
|
|
27
|
-
|
|
28
|
-
const resend = () => {
|
|
29
|
-
isResend.value = false
|
|
30
|
-
runTimer()
|
|
31
|
-
emit('resend')
|
|
32
|
-
}
|
|
33
|
-
const goToMain = () => {
|
|
34
|
-
if (route.query.url) {
|
|
35
|
-
document.location.replace(route.query.url)
|
|
36
|
-
} else {
|
|
37
|
-
document.location.replace(landingUrl)
|
|
38
|
-
}
|
|
39
|
-
emit('close')
|
|
40
|
-
|
|
41
|
-
}
|
|
42
|
-
</script>
|
|
43
|
-
|
|
44
|
-
<template>
|
|
45
|
-
<div class="flex flex-col justify-center items-center gap-5">
|
|
46
|
-
<p class="heading-02">
|
|
47
|
-
{{ $t('login.modal.title') }}
|
|
48
|
-
</p>
|
|
49
|
-
<a-ill-mail />
|
|
50
|
-
<p class="body-400 text-center">
|
|
51
|
-
{{ $t('login.modal.subtitle1') }}
|
|
52
|
-
</p>
|
|
53
|
-
<p class="body-400 text-center">
|
|
54
|
-
{{ $t('login.modal.subtitle2') }}
|
|
55
|
-
</p>
|
|
56
|
-
<p
|
|
57
|
-
v-if="!isResend"
|
|
58
|
-
class="heading-02"
|
|
59
|
-
>
|
|
60
|
-
{{ timer }} {{ $t('login.modal.seconds') }}
|
|
61
|
-
</p>
|
|
62
|
-
<a-button
|
|
63
|
-
v-else
|
|
64
|
-
class="w-full"
|
|
65
|
-
view="outline"
|
|
66
|
-
@click="resend"
|
|
67
|
-
>
|
|
68
|
-
{{ $t('login.modal.resend') }}
|
|
69
|
-
</a-button>
|
|
70
|
-
<a-button
|
|
71
|
-
class="w-full"
|
|
72
|
-
@click="goToMain"
|
|
73
|
-
>
|
|
74
|
-
{{ $t('login.modal.back') }}
|
|
75
|
-
</a-button>
|
|
76
|
-
</div>
|
|
77
|
-
</template>
|
|
78
|
-
|
|
79
|
-
<style scoped>
|
|
80
|
-
|
|
81
|
-
</style>
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
|
|
3
|
+
const emit = defineEmits<{
|
|
4
|
+
(e: 'resend'): void
|
|
5
|
+
(e: 'close'): void
|
|
6
|
+
}>()
|
|
7
|
+
|
|
8
|
+
const timer = ref(60)
|
|
9
|
+
const isResend = ref(false)
|
|
10
|
+
const route = useRoute()
|
|
11
|
+
const appConfig = useAppConfig()
|
|
12
|
+
const landingUrl = appConfig.myLayer.landingUrl
|
|
13
|
+
|
|
14
|
+
function runTimer() {
|
|
15
|
+
timer.value = 60
|
|
16
|
+
const intervalId = setInterval(() => {
|
|
17
|
+
if (timer.value <= 0) {
|
|
18
|
+
isResend.value = true
|
|
19
|
+
clearInterval(intervalId);
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
timer.value--;
|
|
23
|
+
}, 1000);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
onMounted(() => resend())
|
|
27
|
+
|
|
28
|
+
const resend = () => {
|
|
29
|
+
isResend.value = false
|
|
30
|
+
runTimer()
|
|
31
|
+
emit('resend')
|
|
32
|
+
}
|
|
33
|
+
const goToMain = () => {
|
|
34
|
+
if (route.query.url) {
|
|
35
|
+
document.location.replace(route.query.url)
|
|
36
|
+
} else {
|
|
37
|
+
document.location.replace(landingUrl)
|
|
38
|
+
}
|
|
39
|
+
emit('close')
|
|
40
|
+
|
|
41
|
+
}
|
|
42
|
+
</script>
|
|
43
|
+
|
|
44
|
+
<template>
|
|
45
|
+
<div class="flex flex-col justify-center items-center gap-5">
|
|
46
|
+
<p class="heading-02">
|
|
47
|
+
{{ $t('login.modal.title') }}
|
|
48
|
+
</p>
|
|
49
|
+
<a-ill-mail />
|
|
50
|
+
<p class="body-400 text-center">
|
|
51
|
+
{{ $t('login.modal.subtitle1') }}
|
|
52
|
+
</p>
|
|
53
|
+
<p class="body-400 text-center">
|
|
54
|
+
{{ $t('login.modal.subtitle2') }}
|
|
55
|
+
</p>
|
|
56
|
+
<p
|
|
57
|
+
v-if="!isResend"
|
|
58
|
+
class="heading-02"
|
|
59
|
+
>
|
|
60
|
+
{{ timer }} {{ $t('login.modal.seconds') }}
|
|
61
|
+
</p>
|
|
62
|
+
<a-button
|
|
63
|
+
v-else
|
|
64
|
+
class="w-full"
|
|
65
|
+
view="outline"
|
|
66
|
+
@click="resend"
|
|
67
|
+
>
|
|
68
|
+
{{ $t('login.modal.resend') }}
|
|
69
|
+
</a-button>
|
|
70
|
+
<a-button
|
|
71
|
+
class="w-full"
|
|
72
|
+
@click="goToMain"
|
|
73
|
+
>
|
|
74
|
+
{{ $t('login.modal.back') }}
|
|
75
|
+
</a-button>
|
|
76
|
+
</div>
|
|
77
|
+
</template>
|
|
78
|
+
|
|
79
|
+
<style scoped>
|
|
80
|
+
|
|
81
|
+
</style>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
# breadcrumb, tabs
|
|
1
|
+
# breadcrumb, tabs
|