ti/hereconnect
1
0
Fork 0
Code Issues 26 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

отдельной страницей вывел готовый qr-код /manage/:qr_code_uri/view
Main daploy / deploy (push) Successful in 38s
Details

Browse Source
This commit is contained in:
Vasilii Mikhailovskii
2024-11-18 23:28:33 +02:00
parent 6b87a2ca87
commit fe4317982f
11 changed files with 264 additions and 272 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/CreateView.vue
+50 -56
View File
@@ -1,63 +1,59 @@
<template>
<div class="create-page max-w-lg mx-auto py-8">
<!-- Секция выбора размещения -->
<CreateSection isActive>
<CreatePlacementSection
v-model="placement"
@nextStep="placement && activateSections('actions')"
/>
</CreateSection>
<div class="max-w-lg mx-auto py-6 px-4 md:px-6">
<section class="content">
<div class="max-w-lg mx-auto py-8">
<!-- Секция выбора размещения -->
<CreateSection isActive>
<CreatePlacementSection
v-model="placement"
@nextStep="placement && activateSections('actions')"
/>
</CreateSection>
<!-- Секция выбора доступных действий -->
<CreateSection :isActive="activeSteps.includes('actions')">
<CreateActionsSection
v-model="selectedActions"
@nextStep="
selectedActions.length &&
activateSections(selectedActions.includes('sendMessage') ? 'delivery' : 'summary')
"
/>
</CreateSection>
<!-- Секция выбора доступных действий -->
<CreateSection :isActive="activeSteps.includes('actions')">
<CreateActionsSection
v-model="selectedActions"
@nextStep="
selectedActions.length &&
activateSections(selectedActions.includes('sendMessage') ? 'delivery' : 'summary')
"
/>
</CreateSection>
<!-- Секция выбора способа доставки -->
<CreateSection
v-if="selectedActions.includes('sendMessage')"
:isActive="activeSteps.includes('delivery')"
>
<CreateDeliverySection
v-model="deliveryMethod"
@nextStep="deliveryMethod && activateSections('messages', 'summary')"
/>
</CreateSection>
<!-- Секция выбора способа доставки -->
<CreateSection
v-if="selectedActions.includes('sendMessage')"
:isActive="activeSteps.includes('delivery')"
>
<CreateDeliverySection
v-model="deliveryMethod"
@nextStep="deliveryMethod && activateSections('messages', 'summary')"
/>
</CreateSection>
<!-- Секция сообщений для отправки -->
<CreateSection
v-if="selectedActions.includes('sendMessage') && activeSteps.includes('messages')"
:isActive="true"
>
<CreateMessagesSection :placement v-model="messages" />
</CreateSection>
<!-- Секция сообщений для отправки -->
<CreateSection
v-if="selectedActions.includes('sendMessage') && activeSteps.includes('messages')"
:isActive="true"
>
<CreateMessagesSection :placement v-model="messages" />
</CreateSection>
<!-- Секция итогового резюме -->
<CreateSection :isActive="activeSteps.includes('summary')">
<CreateSummarySection
v-model:uri="uri"
v-model:name="name"
:placement="placement"
:actions="selectedActions"
:deliveryMethod="deliveryMethod"
:user_uuid="user_uuid"
:predefinedMessage="selectedActions.includes('sendMessage') ? messages : undefined"
@nextStep="activateSections('qrReady')"
/>
</CreateSection>
<!-- Секция итогового резюме -->
<CreateSection :isActive="activeSteps.includes('summary')">
<CreateSummarySection
:placement="placement"
:actions="selectedActions"
:deliveryMethod="deliveryMethod"
:user_uuid="user_uuid"
:predefinedMessage="selectedActions.includes('sendMessage') ? messages : undefined"
/>
</CreateSection>
<!-- Секция готового QR-кода -->
<CreateSection :isActive="activeSteps.includes('qrReady')">
<CreateReadySection :uri="uri" :name="name" />
</CreateSection>
<div class="h-[30dvh] md:h-[10dvh] overflow-hidden"></div>
<div class="h-[30dvh] md:h-[10dvh] overflow-hidden"></div>
</div>
</section>
</div>
</template>
@@ -71,8 +67,6 @@ const selectedActions = ref<string[]>([])
const placement = ref('')
const deliveryMethod = ref('')
const messages = ref<string[]>([])
const name = ref('')
const uri = ref('')
const user_uuid = 'example-user-uuid' // Временно захардкожено, заменить на динамическое
// Функция активации следующих шагов