mrkrk/formaptix-web
1
0
Fork 0
mirror of https://github.com/grey-cat-1908/formaptix-web.git synced 2024-11-11 18:47:27 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update View.vue

Browse source
This commit is contained in:
Vyacheslav 2024-08-26 14:50:08 +03:00
parent ddff67f9c7
commit a4f0066f3e
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/views/form/View.vue
View file

@ -7,7 +7,7 @@ import SelectorQuestion from '@/components/forms/SelectorQuestion.vue'
import FormNotFound from '@/components/FormNotFound.vue' import FormNotFound from '@/components/FormNotFound.vue'
import { useRoute } from 'vue-router' import { useRoute } from 'vue-router'
import { PhInfo } from '@phosphor-icons/vue' import { PhInfo, PhCardsThree } from '@phosphor-icons/vue'
const route = useRoute() const route = useRoute()
@ -81,14 +81,18 @@ onMounted(async () => {
<div v-else class="view-form"> <div v-else class="view-form">
<div class="view-form-title view-form-container default-card"> <div class="view-form-title view-form-container default-card">
<div class="view-form-info"> <div class="view-form-info">
<PhInfo :size="23" class="view-form-info--sign" /> Информация о форме
<PhCardsThree :size="23" class="view-form-info--sign" />
<div class="view-form-info--text">
Страница 1 из 1
</div>
</div> </div>
<h2 class="form-title">{{ data.name }}</h2> <h2 class="form-title">{{ data.name }}</h2>
<p class="form-description">{{ currentPage.text }}</p> <p class="form-description">{{ currentPage.text }}</p>
</div> </div>
<form @submit.prevent="submitForm" class=""> <form @submit.prevent="submitForm" class="">
<div class="view-form-q view-form-container"> <div class="view-form-q view-form-container">
<div class="default-card form-red" v-for="question in currentPage.questions"> <div class="default-card" v-for="question in currentPage.questions">
<div class="view-form-q-title"> <div class="view-form-q-title">
<h3 class="form-q-title">{{ question.label }}</h3> <h3 class="form-q-title">{{ question.label }}</h3>
<p class="form-q-description">{{ question.description }}</p> <p class="form-q-description">{{ question.description }}</p>