mns/mns-mini-zabor
mns
/
mns-mini-zabor
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bx-935-calc #1

Merged
ksenia_mikhailova merged 15 commits from bx-935-calc into main 2024-07-03 14:57:08 +03:00
Conversation 0 Commits 15 Files Changed 17 +38 -40
2 changed files with 38 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit a236c8a3c0 - Show all commits

56
components/calcValues.vue
View File

@ -191,33 +191,35 @@ const plurals = {
</div> </div>
</div> </div>
<div class="col-span-12 lg:col-span-8 prose min-w-full"> <div class="col-span-12 lg:col-span-8 prose min-w-full">
<p> <template v-if="(form_state.total_length * 1000) >= parametric.length.min">
Забор общей длиной {{ form_state.total_length }}{{ '\xa0' }}м, <p>
{{ section_count }} Забор общей длиной {{ form_state.total_length }}{{ '\xa0' }}м,
<Plural :n="section_count" :forms="plurals.section" /> по {{ section_count }}
{{ `${parseInt(form_state.length).toFixed(2)}\xa0мм` }}{{ <Plural :n="section_count" :forms="plurals.section" /> по
form_state.extra_section ? ` и 1 дополнительная секция {{ `${parseFloat(form_state.length.toString()).toFixed(2)}\xa0мм` }}{{
длиной ${form_state.extra_section.toFixed(2)}\xa0мм` : '' }}. form_state.extra_section ? ` и 1 дополнительная секция
</p> длиной ${form_state.extra_section.toFixed(2)}\xa0мм` : '' }}.
<p v-if="parametric.length.min <= form_state.total_length * 1000"> </p>
Всего <template v-if="!form_state.remove_pillar"> <p v-if="parametric.length.min <= form_state.total_length * 1000">
{{ section_count + ~~(!!form_state.extra_section) + 1 }} Всего <template v-if="!form_state.remove_pillar">
<Plural :forms="plurals.fence" :n="section_count + ~~(!!form_state.extra_section) + 1" />, {{ section_count + ~~(!!form_state.extra_section) + 1 }}
</template> <Plural :forms="plurals.fence" :n="section_count + ~~(!!form_state.extra_section) + 1" />,
{{ section_count * lamelles_count }} </template>
<Plural :n="section_count * lamelles_count" :forms="plurals.lamelle" /> {{ section_count * lamelles_count }}
{{ `длиной ${parseInt(form_state.length).toFixed(2)}\xa0мм` }}<template <Plural :n="section_count * lamelles_count" :forms="plurals.lamelle" />
v-if="form_state.extra_section"> {{ `длиной ${parseFloat(form_state.length.toString()).toFixed(2)}\xa0мм` }}<template
{{ ` и ${~~(!!form_state.extra_section.toFixed(2)) * lamelles_count}` }} v-if="form_state.extra_section">
<Plural :n="~~(!!form_state.extra_section) * lamelles_count" :forms="plurals.lamelle" /> {{ ` и ${~~(!!form_state.extra_section.toFixed(2)) * lamelles_count}` }}
{{ `длиной ${form_state.extra_section}\xa0мм` }} <Plural :n="~~(!!form_state.extra_section) * lamelles_count" :forms="plurals.lamelle" />
</template>. {{ `длиной ${form_state.extra_section}\xa0мм` }}
</p> </template>.
<p> </p>
Окрашивается по технологии порошковой окраски: <br /> <p>
ламели: {{ getColorNameFromRal(lamelle_color)?.toLowerCase() }}; Окрашивается по технологии порошковой окраски: <br />
столбы: {{ getColorNameFromRal(pillar_color)?.toLowerCase() }}. ламели: {{ getColorNameFromRal(lamelle_color)?.toLowerCase() }};
</p> столбы: {{ getColorNameFromRal(pillar_color)?.toLowerCase() }}.
</p>
</template>
</div> </div>
<div class="prose col-span-4"> <div class="prose col-span-4">
<p v-if="form_state.extra_section" class="text-ioprim"> <p v-if="form_state.extra_section" class="text-ioprim">

22
components/modal.vue
View File

@ -51,19 +51,16 @@ const validateInput = (evt: KeyboardEvent) => {
return return
} }
} }
const validate = () => { const validate = () => {
const phone_regexp = /^\+?[\d\s-()]{0,14}\d{11}$/ const phone_regexp = /^\+?[\d\s-()]{0,14}\d{11}$/
const email_regex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/ const email_regex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/
if (!modal_data.phone) { modal_form.disabled = true
modal_form.disabled = true if (
return (modal_data.phone && phone_regexp.test(modal_data.phone))
} || (modal_data.email && email_regex.test(modal_data.email))
if (modal_data.phone.length < 3) { ) {
modal_form.disabled = true
return
}
if (phone_regexp.test(modal_data.phone) || email_regex.test(modal_data.phone)) {
modal_form.disabled = false modal_form.disabled = false
return return
} }
@ -167,7 +164,7 @@ const total_txt = computed(() => {
<div class="modal"> <div class="modal">
<template v-if="modal_state.show_form"> <template v-if="modal_state.show_form">
<h2>Оставьте контакты для связи </h2> <h2>Оставьте контакты для связи </h2>
<form @submit.prevent="submit"> <form @submit.prevent="submit" ref="form">
<input type="text" placeholder="Ваше имя" v-model="modal_data.name" @keyup="validate" /> <input type="text" placeholder="Ваше имя" v-model="modal_data.name" @keyup="validate" />
<input type="phone" placeholder="Ваш номер телефона" v-model="modal_data.phone" <input type="phone" placeholder="Ваш номер телефона" v-model="modal_data.phone"
@keypress="validateInput" @keyup="validate" /> @keypress="validateInput" @keyup="validate" />
@ -196,9 +193,8 @@ const total_txt = computed(() => {
</p> </p>
</template> </template>
</div> </div>
<div class="flex gap-4"> <div class="flex gap-4 justify-center">
<button class="not-prose" @click="openForm">Отправить расчет на эл. почту</button> <button class="not-prose" @click="openForm">Отправить расчет на e-mail</button>
<button class="not-prose neutral" @click="toggleModal">Закрыть окно</button>
</div> </div>
</template> </template>
</div> </div>