From 00f7963c8aac4e585346ab6f9c15d068436cda57 Mon Sep 17 00:00:00 2001
From: Vasilii Mikhailovskii <ti.webdev@ya.ru>
Date: Tue, 19 Nov 2024 15:33:56 +0200
Subject: [PATCH] validate in one place

---
 src/api/qrCode.ts                             |  7 +-
 .../create/CreateSummarySection.vue           | 10 +--
 src/types/DBDocumentTypes/QRCodeDocument.ts   |  2 +-
 src/views/CreateView.vue                      | 74 ++++++++++---------
 4 files changed, 50 insertions(+), 43 deletions(-)

diff --git a/src/api/qrCode.ts b/src/api/qrCode.ts
index 930ba5e..0f715e4 100644
--- a/src/api/qrCode.ts
+++ b/src/api/qrCode.ts
@@ -6,7 +6,12 @@ const EPOHE = 1731661630981
 export const createQrCodeDocument = async (
   qrCodeDocPartial: Pick<
     QRCodeDocument,
-    'name' | 'placement' | 'actions' | 'user_uuid' | 'predefinedMessage' | 'messageDeliveryMethod'
+    | 'name'
+    | 'placement'
+    | 'actions'
+    //| 'user_uuid'
+    | 'predefinedMessage'
+    | 'messageDeliveryMethod'
   >,
 ) => {
   const uri = Math.abs(Date.now() - EPOHE).toString(36)
diff --git a/src/components/create/CreateSummarySection.vue b/src/components/create/CreateSummarySection.vue
index ddd8af8..5f6a20f 100644
--- a/src/components/create/CreateSummarySection.vue
+++ b/src/components/create/CreateSummarySection.vue
@@ -27,15 +27,15 @@ import { createQrCodeDocument } from '@/api/qrCode'
 
 const router = useRouter()
 
-const { placement, actions, messageDeliveryMethod, user_uuid, predefinedMessage } = defineProps<{
+const { placement, actions, messageDeliveryMethod, predefinedMessage } = defineProps<{
   placement: QRCodeDocument['placement']
   actions: QRCodeDocument['actions']
-  messageDeliveryMethod: QRCodeDocument['messageDeliveryMethod'] | undefined
-  user_uuid: QRCodeDocument['user_uuid']
+  messageDeliveryMethod: QRCodeDocument['messageDeliveryMethod']
+  // user_uuid: QRCodeDocument['user_uuid']
   predefinedMessage: QRCodeDocument['predefinedMessage'] | undefined
 }>()
 
-const name = ref<QRCodeDocument['name']>('')
+const name = ref<QRCodeDocument['name']>('name')
 const error = ref<string | null>(null)
 
 async function saveQRCode() {
@@ -44,7 +44,7 @@ async function saveQRCode() {
       name: name.value,
       placement,
       actions,
-      user_uuid,
+      // user_uuid,
       messageDeliveryMethod,
       predefinedMessage,
     })
diff --git a/src/types/DBDocumentTypes/QRCodeDocument.ts b/src/types/DBDocumentTypes/QRCodeDocument.ts
index c8dae01..5654080 100644
--- a/src/types/DBDocumentTypes/QRCodeDocument.ts
+++ b/src/types/DBDocumentTypes/QRCodeDocument.ts
@@ -15,7 +15,7 @@ export interface QRCodeDocument extends BaseDocument {
   url: string
 
   /** Идентификатор пользователя, который создал QR‑код */
-  user_uuid: string
+  // user_uuid: string
 
   /** Название объекта, для которого создан QR‑код, например "Мой автомобиль" */
   name: string
diff --git a/src/views/CreateView.vue b/src/views/CreateView.vue
index 520c6d6..ae80fa2 100644
--- a/src/views/CreateView.vue
+++ b/src/views/CreateView.vue
@@ -3,41 +3,26 @@
     <section class="content">
       <div class="max-w-lg mx-auto py-8">
         <!-- Секция выбора размещения -->
-        <CreateSection isActive>
-          <CreatePlacementSection
-            v-model="placement"
-            @nextStep="placement && activateSections('actions')"
-          />
+        <CreateSection :isActive="activeSteps.includes('placement')">
+          <CreatePlacementSection v-model="placement" />
         </CreateSection>
 
         <!-- Секция выбора доступных действий -->
         <CreateSection :isActive="activeSteps.includes('actions')">
-          <CreateActionsSection
-            v-model="selectedActions"
-            @nextStep="
-              selectedActions.length &&
-                activateSections(selectedActions.includes('sendMessage') ? 'delivery' : 'summary')
-            "
-          />
+          <CreateActionsSection v-model="selectedActions" />
         </CreateSection>
 
         <!-- Секция выбора способа доставки -->
-        <CreateSection
-          v-if="selectedActions.includes('sendMessage')"
-          :isActive="activeSteps.includes('delivery')"
-        >
-          <CreateMessageDeliveryMethodSection
-            v-model="messageDeliveryMethod"
-            @nextStep="messageDeliveryMethod && activateSections('messages', 'summary')"
-          />
+        <CreateSection v-if="activeSteps.includes('delivery')" :isActive="true">
+          <CreateMessageDeliveryMethodSection v-model="messageDeliveryMethod" />
         </CreateSection>
 
         <!-- Секция сообщений для отправки -->
         <CreateSection
-          v-if="selectedActions.includes('sendMessage') && activeSteps.includes('messages')"
+          v-if="activeSteps.includes('messages')"
           :isActive="messageDeliveryMethod !== 'telegram'"
         >
-          <CreateMessagesSection :placement v-model="messages" />
+          <CreateMessagesSection :placement="placement" v-model="messages" />
         </CreateSection>
 
         <!-- Секция итогового резюме -->
@@ -46,7 +31,6 @@
             :placement="placement"
             :actions="selectedActions"
             :messageDeliveryMethod="messageDeliveryMethod"
-            :user_uuid="user_uuid"
             :predefinedMessage="selectedActions.includes('sendMessage') ? messages : undefined"
           />
         </CreateSection>
@@ -58,24 +42,42 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { computed, ref } from 'vue'
 import type { QRCodeDocument } from '@/types/DBDocumentTypes'
 
-// Шаги и состояния для работы с секциями
-const activeSteps = ref(['placement'])
-
+// Состояния шагов
+const placement = ref<string | null>(null)
 const selectedActions = ref<string[]>([])
-const placement = ref('')
 const messageDeliveryMethod = ref<'' | QRCodeDocument['messageDeliveryMethod']>('')
 const messages = ref<string[]>([])
-const user_uuid = 'example-user-uuid' // Временно захардкожено, заменить на динамическое
 
-// Функция активации следующих шагов
-function activateSections(...sections: string[]) {
-  sections.forEach((section) => {
-    if (!activeSteps.value.includes(section)) {
-      activeSteps.value.push(section)
+// Функция для определения доступных шагов
+const activeSteps = computed(() => {
+  const steps = ['placement', 'actions', 'delivery', 'messages', 'summary'] as const
+  const isStepValid = {
+    placement: !!placement.value,
+    actions: !!placement.value,
+    delivery:
+      !!placement.value &&
+      selectedActions.value.length > 0 &&
+      selectedActions.value.includes('sendMessage'),
+    messages:
+      !!messageDeliveryMethod.value && messageDeliveryMethod.value === 'webPushSubscription',
+    summary:
+      !!placement.value &&
+      selectedActions.value.length > 0 &&
+      (messageDeliveryMethod.value === 'webPushSubscription' ||
+        selectedActions.value.includes('viewContactInfo')),
+  }
+
+  const active = []
+  for (const step of steps) {
+    if (active.length === 0 || isStepValid[step]) {
+      active.push(step)
+    } else {
+      break
     }
-  })
-}
+  }
+  return active
+})
 </script>