Loading...
17 |
18 |
--------------------------------------------------------------------------------
/src/components/VAnswer/index.ts:
--------------------------------------------------------------------------------
1 | import VAnswerProvider from './VAnswerProvider.vue';
2 |
3 | const VAnswer = VAnswerProvider;
4 |
5 | export default VAnswer;
6 |
--------------------------------------------------------------------------------
/src/components/VAnswerActions/VAnswerActions.stories.ts:
--------------------------------------------------------------------------------
1 | import type { Meta, StoryFn } from '@storybook/vue3-vite';
2 | import VAnswerActions from '@/components/VAnswerActions/VAnswerActions.vue';
3 | import dayjs from 'dayjs';
4 |
5 | export default {
6 | title: 'AnswerActions/VAnswerActions',
7 | component: VAnswerActions,
8 | } as Meta;
9 |
10 | const Template: StoryFn = (args) => ({
11 | components: { VAnswerActions },
12 | setup() {
13 | return { args };
14 | },
15 | template: '
13 |
24 |
25 |
--------------------------------------------------------------------------------
/src/components/VAnswerActionsDesktop/VAnswerActionsDesktop.stories.ts:
--------------------------------------------------------------------------------
1 | import type { Meta, StoryFn } from '@storybook/vue3-vite';
2 | import VAnswerActionsDesktop from '@/components/VAnswerActionsDesktop/VAnswerActionsDesktop.vue';
3 |
4 | export default {
5 | title: 'AnswerActions/VAnswerActionsDesktop',
6 | component: VAnswerActionsDesktop,
7 | } as Meta;
8 |
9 | const Template: StoryFn = (args) => ({
10 | components: { VAnswerActionsDesktop },
11 | setup() {
12 | return { args };
13 | },
14 | template: '
13 |
19 |
21 |
27 |
29 |
30 |
31 |
--------------------------------------------------------------------------------
/src/components/VAnswerActionsMobile/VAnswerActionsMobile.stories.ts:
--------------------------------------------------------------------------------
1 | import type { Meta, StoryFn } from '@storybook/vue3-vite';
2 | import VAnswerActionsMobile from '@/components/VAnswerActionsMobile/VAnswerActionsMobile.vue';
3 |
4 | export default {
5 | title: 'AnswerActions/VAnswerActionsMobile',
6 | component: VAnswerActionsMobile,
7 | } as Meta;
8 |
9 | const Template: StoryFn = (args) => ({
10 | components: { VAnswerActionsMobile },
11 | setup() {
12 | return { args };
13 | },
14 | template: '-
13 |
- 14 | 20 | 21 |
- 22 | 28 | 29 |
19 |
20 | ![]()
24 |
25 | {{ localeLabel[certificate.language] }}
26 |
27 |
28 |
40 |
41 |
--------------------------------------------------------------------------------
/src/components/VCertificateCard/VCertificateCard.stories.ts:
--------------------------------------------------------------------------------
1 | import type { Meta, StoryFn } from '@storybook/vue3-vite';
2 | import VCertificateCard from '@/components/VCertificateCard/VCertificateCard.vue';
3 | import { mockDiplomaData, mockDiplomaSet } from '@/mocks/mockDiploma';
4 |
5 | export default {
6 | title: 'UI/VCertificateCard',
7 | component: VCertificateCard,
8 | } as Meta;
9 |
10 | const Template: StoryFn = (args) => ({
11 | components: { VCertificateCard },
12 | setup() {
13 | return { args };
14 | },
15 | template: '
29 | Скачать
32 | Ссылка для LinkedIn
38 |
39 | -
21 |
27 |
45 |
46 |
--------------------------------------------------------------------------------
/src/components/VCreateAnswer/VCreateAnswer.vue:
--------------------------------------------------------------------------------
1 |
13 |
14 |
15 |
28 |
29 | ![]()
43 |
44 |
31 | {{ clearName }}
37 |
38 |
16 |
26 |
27 |
28 |
40 |
--------------------------------------------------------------------------------
/src/components/VCrossChecks/VCrossChecks.vue:
--------------------------------------------------------------------------------
1 |
33 |
34 |
35 |
37 |
60 |
61 |
--------------------------------------------------------------------------------
/src/components/VDetails/VDetails.vue:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 | Выберите работу коллеги по курсу для проверки:
38 | 55 |56 | Напоминаем: ответы на вашу домашку от других студентов будут 57 | доступны после того, как вы проверите работы коллег из списка выше. 58 |
59 |
10 |
31 |
36 |
37 |
--------------------------------------------------------------------------------
/src/components/VExistingAnswer/VExistingAnswerProvider.vue:
--------------------------------------------------------------------------------
1 |
16 |
17 |
18 |
32 |
35 | Loading...
24 |
25 |
--------------------------------------------------------------------------------
/src/components/VExistingAnswer/index.ts:
--------------------------------------------------------------------------------
1 | import VExistingAnswerProvider from './VExistingAnswerProvider.vue';
2 |
3 | const VExistingAnswer = VExistingAnswerProvider;
4 |
5 | export default VExistingAnswer;
6 |
--------------------------------------------------------------------------------
/src/components/VFeedbackGuide/VFeedbackGuide.stories.ts:
--------------------------------------------------------------------------------
1 | import type { Meta, StoryFn } from '@storybook/vue3-vite';
2 | import VFeedbackGuide from '@/components/VFeedbackGuide/VFeedbackGuide.vue';
3 |
4 | export default {
5 | title: 'UI/VFeedbackGuide',
6 | component: VFeedbackGuide,
7 | } as Meta;
8 |
9 | const Template: StoryFn = (args) => ({
10 | components: { VFeedbackGuide },
11 | setup() {
12 | return { args };
13 | },
14 | template: '
9 |
31 | Напишите обратную связь, например, по формату:
10 |-
11 |
- 12 | В каких моментах ваша домашка отличается от домашки коллеги? Почему вы 13 | выбрали именно такие решения? 14 | 15 |
- Что из домашки коллеги вы бы забрали себе? Почему? 16 |
- 17 | В чём поддерживаете коллегу? А в чём не согласны и сделали бы иначе? 18 | 19 |
21 | Нам важно не оценить домашку другого, сказав, где у него плохо, а где 22 | хорошо. Вся суть в том, чтобы сравнить свою домашку с чужой и понять: в 23 | чём есть расхождения, и как можно улучшить свою домашку за счёт этих 24 | расхождений? 25 |
26 |27 | ⭕️ Если домашка по ссылке пустая, то комментарий всё равно нужно 28 | оставить: например, домашку открыл, но ответа пока не вижу 29 |
30 |Test Slot
';
32 | wrapper = mount(VHeader, {
33 | shallow: true,
34 | slots: {
35 | default: slotContent,
36 | },
37 | global: {
38 | stubs: {
39 | RouterLink: RouterLinkStub,
40 | },
41 | },
42 | });
43 |
44 | expect(wrapper.html()).toContain(slotContent);
45 | });
46 | });
47 |
--------------------------------------------------------------------------------
/src/components/VHeader/VHeader.vue:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 | ${faker.lorem.words(10)}
`, 9 | }; 10 | 11 | describe('VHtmlContent', () => { 12 | let wrapper: VueWrapper
41 |
54 |
55 |
15 |
30 |
31 |
32 |
33 |
49 |
--------------------------------------------------------------------------------
/src/components/VLoginLink/VLoginLink.vue:
--------------------------------------------------------------------------------
1 |
27 |
28 |
29 |
28 | {{ module.name }}
29 |
33 |
34 |
35 |
40 |
--------------------------------------------------------------------------------
/src/components/VPasswordSettings/VPasswordSettings.stories.ts:
--------------------------------------------------------------------------------
1 | import type { Meta, StoryFn } from '@storybook/vue3-vite';
2 | import VPasswordSettings from '@/components/VPasswordSettings/VPasswordSettings.vue';
3 |
4 | export default {
5 | title: 'Settings/VPasswordSettings',
6 | component: VPasswordSettings,
7 | } as Meta;
8 |
9 | const Template: StoryFn = (args) => ({
10 | components: { VPasswordSettings },
11 | setup() {
12 | return { args };
13 | },
14 | template: '30 | {{ module.description }} 31 |
32 |
36 |
47 |
48 |
4 |
6 |
7 |
--------------------------------------------------------------------------------
/src/components/VPill/VPillItem.vue:
--------------------------------------------------------------------------------
1 |
6 |
7 |
8 |
46 |
56 |
47 | Работы коллег:
48 | {{ stats.crosschecks?.checked }} /
49 | {{ stats.crosschecks?.total }}
50 |
51 |
52 | Задание появится:
53 | {{ formatDate(crossCheckDate) }}
54 |
55 |
61 |
64 | Дедлайн: {{ formatDate(stats.question?.deadline) }}
62 | Просрочен
63 |
39 |
41 |
3 |
4 |
6 |
7 |
--------------------------------------------------------------------------------
/src/components/VProfileMenu/VProfileMenu.stories.ts:
--------------------------------------------------------------------------------
1 | import type { Meta, StoryFn } from '@storybook/vue3-vite';
2 | import VProfileMenu from '@/components/VProfileMenu/VProfileMenu.vue';
3 | import { faker } from '@faker-js/faker';
4 | import { userKeys } from '@/query';
5 | import { useQueryClient } from '@tanstack/vue-query';
6 |
7 | export default {
8 | title: 'UI/VProfileMenu',
9 | component: VProfileMenu,
10 | } as Meta;
11 |
12 | const Template: StoryFn = (args) => ({
13 | components: { VProfileMenu },
14 | setup() {
15 | const queryClient = useQueryClient();
16 | queryClient.setQueryData(userKeys.me(), {
17 | username: faker.internet.email(),
18 | firstName: faker.person.firstName(),
19 | lastName: faker.person.lastName(),
20 | uuid: faker.string.uuid(),
21 | });
22 | return { args };
23 | },
24 | template: 'Загрузка
5 |
24 |
38 |
39 |
40 |
41 |
49 |
--------------------------------------------------------------------------------
/src/components/VReactions/VReactions.stories.ts:
--------------------------------------------------------------------------------
1 | import type { Meta, StoryFn } from '@storybook/vue3-vite';
2 | import VReactions from './VReactions.vue';
3 | import VCard from '@/components/VCard/VCard.vue';
4 | import { faker } from '@faker-js/faker';
5 | import { mockReactionDetailed } from '@/mocks/mockReactionDetailed';
6 |
7 | export default {
8 | title: 'Reactions/VReactions',
9 | component: VReactions,
10 | } as Meta;
11 |
12 | const Template: StoryFn = (args) => ({
13 | components: { VReactions, VCard },
14 | setup() {
15 | return { args };
16 | },
17 | argTypes: {
18 | reactions: { control: 'object' },
19 | open: { control: 'boolean' },
20 | disabled: { control: 'boolean' },
21 | },
22 | template:
23 | '
3 |
5 |
6 |
--------------------------------------------------------------------------------
/src/components/VTextEditor/VTextEditor.stories.ts:
--------------------------------------------------------------------------------
1 | import type { Meta, StoryFn } from '@storybook/vue3-vite';
2 | import VTextEditor from '@/components/VTextEditor/VTextEditor.vue';
3 |
4 | export default {
5 | title: 'Forms/VTextEditor',
6 | component: VTextEditor,
7 | } as Meta;
8 |
9 | const Template: StoryFn = (args) => ({
10 | components: { VTextEditor },
11 | setup() {
12 | return { args };
13 | },
14 | template: 'Loading...
37 |
38 |
--------------------------------------------------------------------------------
/src/components/VThread/index.ts:
--------------------------------------------------------------------------------
1 | import VThreadProvider from './VThreadProvider.vue';
2 |
3 | export default VThreadProvider;
4 |
--------------------------------------------------------------------------------
/src/components/VToast/VToast.stories.ts:
--------------------------------------------------------------------------------
1 | import type { Meta, StoryFn } from '@storybook/vue3-vite';
2 | import VToast from '@/components/VToast/VToast.vue';
3 |
4 | export default {
5 | title: 'Toasts/VToast',
6 | component: VToast,
7 | } as Meta;
8 |
9 | const Template: StoryFn = (args) => ({
10 | components: { VToast },
11 | setup() {
12 | return { args };
13 | },
14 | template: '
44 | {{ text }}
45 |
46 |
47 |
--------------------------------------------------------------------------------
/src/components/VToastFeed/VToastFeed.stories.ts:
--------------------------------------------------------------------------------
1 | import type { Meta, StoryFn } from '@storybook/vue3-vite';
2 | import VToastFeed from '@/components/VToastFeed/VToastFeed.vue';
3 | import useToasts from '@/stores/toasts';
4 | import { faker } from '@faker-js/faker';
5 |
6 | export default {
7 | title: 'Toasts/VToastFeed',
8 | component: VToastFeed,
9 | } as Meta;
10 |
11 | const Template: StoryFn = (args) => ({
12 | components: { VToastFeed },
13 | setup() {
14 | const toasts = useToasts();
15 | toasts.$reset();
16 | [...Array(10)].forEach(() => toasts.addMessage(faker.lorem.sentence()));
17 |
18 | return { args };
19 | },
20 | template: '
17 |
18 |
25 |
26 |
27 |
28 |
40 |
--------------------------------------------------------------------------------
/src/fonts.css:
--------------------------------------------------------------------------------
1 | /* Google fonts go straight to the head */
2 |
3 | @font-face {
4 | font-family: 'PT Root UI';
5 | src:
6 | url('assets/fonts/subset-PTRootUI-Medium.woff2') format('woff2'),
7 | url('assets/fonts/subset-PTRootUI-Medium.woff') format('woff');
8 | font-weight: 500;
9 | font-style: normal;
10 | font-display: swap;
11 | }
12 |
13 | @font-face {
14 | font-family: 'PT Root UI';
15 | src:
16 | url('assets/fonts/subset-PTRootUI-Light.woff2') format('woff2'),
17 | url('assets/fonts/subset-PTRootUI-Light.woff') format('woff');
18 | font-weight: 300;
19 | font-style: normal;
20 | font-display: swap;
21 | }
22 |
23 | @font-face {
24 | font-family: 'PT Root UI';
25 | src:
26 | url('assets/fonts/subset-PTRootUI-Bold.woff2') format('woff2'),
27 | url('assets/fonts/subset-PTRootUI-Bold.woff') format('woff');
28 | font-weight: bold;
29 | font-style: normal;
30 | font-display: swap;
31 | }
32 |
33 | @font-face {
34 | font-family: 'PT Root UI';
35 | src:
36 | url('assets/fonts/subset-PTRootUI-Regular.woff2') format('woff2'),
37 | url('assets/fonts/subset-PTRootUI-Regular.woff') format('woff');
38 | font-weight: normal;
39 | font-style: normal;
40 | font-display: swap;
41 | }
42 |
--------------------------------------------------------------------------------
/src/hooks/useChatra.ts:
--------------------------------------------------------------------------------
1 | import { onMounted, ref } from 'vue';
2 |
3 | type CustomWindow = typeof window & { Chatra: any };
4 |
5 | export const useChatra = () => {
6 | const chatra: any = ref(undefined);
7 |
8 | onMounted(() => {
9 | chatra.value = (window as CustomWindow).Chatra;
10 | });
11 |
12 | return { chatra };
13 | };
14 |
--------------------------------------------------------------------------------
/src/layouts/VBaseLayout/VBaseLayout.vue:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
41 | {{ title }}
44 |
45 |
14 |
16 |
3 |
5 |
6 |
--------------------------------------------------------------------------------
/src/mocks/mockAnswer.ts:
--------------------------------------------------------------------------------
1 | import dayjs from 'dayjs';
2 | import { faker } from '@faker-js/faker';
3 | import { mockUserSafe } from './mockUserSafe';
4 | import htmlToMarkdown from '@/utils/htmlToMarkdown';
5 | import { LOREM_CONTENT, mockContent } from './mockContent';
6 | import type { AnswerTree } from '@/api/generated-api';
7 |
8 | export const mockAnswer = (
9 | payload: PartialHeading 1
Heading 2
Heading 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ut varius justo, vitae accumsan ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur felis metus, laoreet in scelerisque ac, faucibus at nulla. Sed sit amet vulputate urna. Praesent euismod non diam in luctus. Duis volutpat massa sed est auctor, at tincidunt odio facilisis. Integer placerat libero sit amet consectetur consectetur. Suspendisse ultrices nec erat eu porta. Pellentesque sed augue congue, tempus erat vitae, feugiat orci. Ut faucibus massa sollicitudin diam scelerisque efficitur. Suspendisse eget sapien vel purus scelerisque varius nec non sem. Ut ornare lobortis ultricies. Morbi ut iaculis orci. Phasellus sed massa vitae massa tincidunt mattis. Ut posuere facilisis lorem, rhoncus varius orci malesuada eu.
Suspendisse eget sapien vel purus scelerisque varius nec non sem. Ut ornare lobortis ultricies. Morbi ut iaculis orci. Phasellus sed massa vitae massa tincidunt mattis. Ut posuere facilisis lorem, rhoncus varius orci malesuada eu.
Option 1
Option 2
Option 3
Option 1
Option 2
Option 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
'; 5 | 6 | export const mockContent = (payload?: string) => 7 | payload ? payload : LOREM_CONTENT; 8 | -------------------------------------------------------------------------------- /src/mocks/mockCourse.ts: -------------------------------------------------------------------------------- 1 | import { type Course } from '@/api/generated-api'; 2 | import { faker } from '@faker-js/faker'; 3 | 4 | export const mockCourse = (payload: Partial-
16 |
-
17 |
24 | 29 |28 |
30 |
Нет доступных курсов.
32 |33 | Доступ к курсам можно купить на 34 | education.borshev.com. 37 |
38 |
22 | Мы отправили ссылку по адресу {{ email }}. Если письма долго нет —
23 | посмотрите пожалуйста в спаме. Если и там нет —
24 | .
27 |
28 |
29 |