Работа над интерактивным обучением

2026-07-14 17:30:33 +09:00
parent 7ec32eb097
commit 082f2b8b01
15 changed files with 609 additions and 19 deletions
--- a/resources/js/config/tours.js
+++ b/resources/js/config/tours.js
@@ -0,0 +1,113 @@
+import {useModalStore} from "../Stores/modals.js";
+import {useOnboardingStore} from "../Stores/onboarding.js";
+
+export const tours = {
+    // Приветственный тур для новых пользователей
+    welcomeDuty: {
+        id: 'welcome-duty',
+        name: 'Знакомство с Метрикой',
+        steps: [
+            {
+                attachTo: { element: '#user-panel' },
+                route: 'start', // главная страница
+                content: {
+                    title: '👋 Добро пожаловать!',
+                    description: 'Это ваша панель управления. Сейчас мы покажем вам основные возможности.'
+                },
+                popper: { placement: 'bottom-start' }, // опционально: позиция тултипа
+                on: {
+                    afterStep: () => {
+                        const modalStore = useModalStore()
+                        modalStore.showSelectDutyUserModal = false
+                    },
+                    beforeStep: () => {
+                        const modalStore = useModalStore()
+                        modalStore.showSelectDutyUserModal = false
+                    },
+                }
+            },
+            {
+                attachTo: { element: '#new-report-duty' },
+                route: 'start', // переходим на страницу отчётов
+                content: {
+                    title: '✏️ Создать отчёт',
+                    description: 'Нажмите эту кнопку, чтобы начать создание нового отчёта.'
+                },
+                on: {
+                    afterStep: () => {
+                        const modalStore = useModalStore()
+                        const onboarding = useOnboardingStore()
+
+                        if (onboarding.activeStepIndex === 2) modalStore.showSelectDutyUserModal = true
+                        if (onboarding.activeStepIndex < 2) modalStore.showSelectDutyUserModal = false
+                    },
+                    beforeStep: () => {
+                        const modalStore = useModalStore()
+                        const onboarding = useOnboardingStore()
+
+                        if (onboarding.activeStepIndex < 2) modalStore.showSelectDutyUserModal = false
+                    },
+                },
+            },
+            {
+                attachTo: { element: '#modal-select-user-department' },
+                route: 'start',
+                content: { title: 'Выберите отделение', description: 'Можете использовать список, либо ввести ФИО для поиска' },
+                insideModal: true, // флаг, что этот шаг внутри модалки
+            },
+            {
+                attachTo: { element: '#modal-select-user-doctor' },
+                route: 'start',
+                content: { title: 'Введите ответственного', description: 'Можете использовать список, либо ввести ФИО для поиска' },
+                insideModal: true, // флаг, что этот шаг внутри модалки
+            },
+            {
+                attachTo: { element: '#modal-select-user-submit' },
+                route: 'start',
+                content: { title: 'Подтвердите ввод' },
+                insideModal: true, // флаг, что этот шаг внутри модалки
+                manual: true
+            },
+            {
+                attachTo: { element: '#report-name-input' },
+                route: 'report', // страница создания отчёта
+                content: {
+                    title: '📝 Название отчёта',
+                    description: 'Введите название, чтобы легко находить отчёт позже.'
+                }
+            },
+            {
+                attachTo: { element: '#save-report-btn' },
+                route: 'reports.create',
+                content: {
+                    title: '💾 Сохранить',
+                    description: 'После заполнения всех полей нажмите "Сохранить", чтобы завершить.'
+                }
+            }
+        ]
+    },
+
+    // Тур по новой функции "Экспорт"
+    duty: {
+        id: 'featureX',
+        name: 'Новая функция: Экспорт',
+        steps: [
+            {
+                attachTo: { element: '#export-excel-btn' },
+                route: 'reports.index',
+                content: {
+                    title: '📤 Экспорт в Excel',
+                    description: 'Теперь вы можете выгрузить отчёт в Excel одним кликом.'
+                }
+            },
+            {
+                attachTo: { element: '#export-pdf-btn' },
+                route: 'reports.index',
+                content: {
+                    title: '📄 Экспорт в PDF',
+                    description: 'А также сохранить отчёт в формате PDF для печати.'
+                }
+            }
+        ]
+    }
+}