Работа над интерактивным обучением для дежурного и мед. сестры

resources/js/Pages/Index.vue

@@ -19,8 +19,8 @@ const onboarding = useOnboardingStore()
 const userStore = useAuthStore()
 const modalStore = useModalStore()
 
-if (userStore.user.role.slug === 'dej')
-    onboarding.start("welcomeDuty")
+// if (userStore.user.role.slug === 'nurse')
+//     onboarding.start("welcomeNurse")
 
 const authStore = useAuthStore()
 const themeVars = useThemeVars()
@@ -67,11 +67,12 @@ const isLockReportButton = computed(() => {
     return getHours(serverTime.value) < 6 || getHours(serverTime.value) >= 7
 })
 
-const showSelectUserModal = ref(false)
+const showSelectDutyUserModal = ref(false)
 const showSelectNurseUserModal = ref(false)
 
 const openReport = (path) => {
-    modalStore.showSelectDutyUserModal = true
+    showSelectDutyUserModal.value = true
+    onboarding.emit('selectUser:opened')
 }
 
 const openNurseReport = () => {
@@ -80,7 +81,8 @@ const openNurseReport = () => {
     // } else {
     //     router.visit('/nurse/report')
     // }
-    modalStore.showSelectNurseUserModal = true
+    showSelectNurseUserModal.value = true
+    onboarding.emit('selectUser:opened')
 }
 
 const cardColor    = computed(() => themeVars.value.cardColor)
@@ -90,7 +92,7 @@ const dividerColor = computed(() => themeVars.value.dividerColor)
 <template>
     <AppLayout>
         <div class="flex flex-col justify-center items-center" style="min-height: calc(100vh - 48px);">
-            <NFlex vertical :size="10" class="max-w-2xl w-full" style="padding: 0 16px 24px;">
+            <NFlex id="launcher" vertical :size="10" class="max-w-2xl w-full" style="padding: 0 16px 0 16px;">
 
                 <!-- Профиль -->
                 <NEl id="user-panel" class="profile-card rounded-2xl" style="padding: 18px 22px;">
@@ -192,9 +194,9 @@ const dividerColor = computed(() => themeVars.value.dividerColor)
             </NFlex>
         </div>
 
-        <SelectUserModal v-model:show="modalStore.showSelectDutyUserModal" :only-user-department="false" />
+        <SelectUserModal v-model:show="showSelectDutyUserModal" :only-user-department="false" />
         <SelectUserModal
-            v-model:show="modalStore.showSelectNurseUserModal"
+            v-model:show="showSelectNurseUserModal"
             target-path="/nurse/report"
             submit-label="Перейти к журналу пациентов"
             :with-exists-check="false"