chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

change: form now validate on blur or malform

Browse source
This commit is contained in:
Methapon2001 2024-08-29 22:42:04 +07:00 • committed by Methapon Metanipat
parent 466d50317e
commit b7921d4173
29 changed files with 4 additions and 179 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/pages/01_branch-management/MainPage.vue
View file

@ -963,7 +963,6 @@ watch(currentHq, () => {
class="row q-py-sm q-px-md justify-between full-width surface-3 bordered-b"
>
<q-input
lazy-rules="ondemand"
for="input-search"
outlined
dense
@ -983,7 +982,6 @@ watch(currentHq, () => {
:class="{ 'q-pt-xs': $q.screen.lt.md }"
>
<q-select
lazy-rules="ondemand"
v-model="statusFilter"
outlined
dense
@ -1005,7 +1003,6 @@ watch(currentHq, () => {
></q-select>
<q-select
lazy-rules="ondemand"
id="select-field"
for="select-field"
:options="

3
src/pages/02_personnel-management/MainPage.vue
View file

@ -841,7 +841,6 @@ watch(
>
<div class="row q-py-sm q-px-md justify-between full-width">
<q-input
lazy-rules="ondemand"
for="input-search"
outlined
dense
@ -862,7 +861,6 @@ watch(
style="white-space: nowrap"
>
<q-select
lazy-rules="ondemand"
v-model="statusFilter"
outlined
dense
@ -882,7 +880,6 @@ watch(
></q-select>
<q-select
lazy-rules="ondemand"
v-if="!modeView"
id="select-field"
for="select-field"

2
src/pages/03_customer-management/BranchPage.vue
View file

@ -271,7 +271,6 @@ watch([customerId, inputSearch, currentStatus], async () => {
<div class="row items-center justify-end col-12 col-md q-py-sm no-wrap">
<q-input
lazy-rules="ondemand"
outlined
dense
class="col-6"
@ -286,7 +285,6 @@ watch([customerId, inputSearch, currentStatus], async () => {
</q-input>
<q-select
lazy-rules="ondemand"
id="select-status"
for="select-status"
v-model="currentStatus"

3
src/pages/03_customer-management/MainPage.vue
View file

@ -831,7 +831,6 @@ const emptyCreateDialog = ref(false);
class="row q-px-md q-py-sm justify-between full-width surface-3 bordered-b"
>
<q-input
lazy-rules="ondemand"
for="input-search"
outlined
dense
@ -852,7 +851,6 @@ const emptyCreateDialog = ref(false);
style="white-space: nowrap"
>
<q-select
lazy-rules="ondemand"
id="select-status"
for="select-status"
v-model="currentStatus"
@ -872,7 +870,6 @@ const emptyCreateDialog = ref(false);
]"
></q-select>
<q-select
lazy-rules="ondemand"
id="select-field"
v-if="gridView === false"
for="select-field"

10
src/pages/03_customer-management/components/employer/EmployerFormAbout.vue
View file

@ -40,7 +40,6 @@ defineProps<{
<div class="row q-col-gutter-md">
<template v-if="customerType === 'CORP'">
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -52,7 +51,6 @@ defineProps<{
/>
<q-input
lazy-rules="ondemand"
dense
outlined
hide-bottom-space
@ -65,7 +63,6 @@ defineProps<{
/>
<q-input
lazy-rules="ondemand"
dense
outlined
hide-bottom-space
@ -78,7 +75,6 @@ defineProps<{
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -90,7 +86,6 @@ defineProps<{
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -102,7 +97,6 @@ defineProps<{
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -114,7 +108,6 @@ defineProps<{
/>
<q-input
lazy-rules="ondemand"
dense
outlined
type="text"
@ -146,7 +139,6 @@ defineProps<{
<template v-if="customerType === 'PERS'">
<q-input
lazy-rules="ondemand"
dense
outlined
:disable="index !== '0'"
@ -159,7 +151,6 @@ defineProps<{
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:disable="!readonly"
@ -172,7 +163,6 @@ defineProps<{
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:disable="!readonly"

10
src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue
View file

@ -202,7 +202,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
option-value="id"
input-debounce="0"
option-label="name"
lazy-rules="ondemand"
v-model="registeredBranchId"
:readonly="readonly"
:options="filteredBranchOptions"
@ -245,7 +244,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
input-debounce="0"
option-label="label"
option-value="value"
lazy-rules="ondemand"
hide-dropdown-icon
class="col-12 col-md-2"
dense
@ -278,7 +276,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
</q-select>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -295,7 +292,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
]"
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -315,7 +311,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
<div class="col-12 row q-col-gutter-sm">
<q-input
lazy-rules="ondemand"
dense
outlined
:disable="!readonly"
@ -332,7 +327,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -343,7 +337,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
v-model="firstNameEN"
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -367,7 +360,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
input-debounce="0"
option-label="label"
option-value="value"
lazy-rules="ondemand"
class="col-12 col-md-2"
dense
:readonly="readonly"
@ -417,7 +409,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
</template>
<template #trigger>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-birth-date`"
hide-bottom-space
placeholder="DD/MM/YYYY"
@ -458,7 +449,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
</VueDatePicker>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-age`"
:id="`${prefixId}-input-age`"
dense

8
src/pages/03_customer-management/components/employer/EmployerFormBusiness.vue
View file

@ -81,7 +81,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
<template>
<div class="col-12 row q-col-gutter-sm">
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-employment-office`"
:id="`${prefixId}-input-employment-office`"
:dense="dense"
@ -105,7 +104,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
input-debounce="0"
option-value="value"
option-label="label"
lazy-rules="ondemand"
v-model="bussinessType"
class="col-md-6 col-12"
:dense="dense"
@ -125,7 +123,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
</q-select>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-bussiness-type-en`"
:id="`${prefixId}-input-bussiness-type-en`"
:dense="dense"
@ -149,7 +146,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
input-debounce="0"
option-value="value"
option-label="label"
lazy-rules="ondemand"
v-model="jobPosition"
class="col-md-6 col-12"
:dense="dense"
@ -169,7 +165,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
</q-select>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-job-position-en`"
:id="`${prefixId}-input-job-position-en`"
:dense="dense"
@ -182,7 +177,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-job-description`"
:id="`${prefixId}-input-job-description`"
:dense="dense"
@ -203,7 +197,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-pay-rate`"
:id="`${prefixId}-input-pay-rate`"
:dense="dense"
@ -216,7 +209,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-sales-person`"
:id="`${prefixId}-input-sales-person`"
:dense="dense"

3
src/pages/03_customer-management/components/employer/EmployerFormContact.vue
View file

@ -11,7 +11,6 @@ const telephone = defineModel<string>('telephone');
<template>
<div class="col-md-9 col-12 row q-col-gutter-md">
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-contact-name`"
:id="`${prefixId}-input-contact-name`"
dense
@ -24,7 +23,6 @@ const telephone = defineModel<string>('telephone');
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-mail`"
:id="`${prefixId}-input-mail`"
dense
@ -36,7 +34,6 @@ const telephone = defineModel<string>('telephone');
v-model="mail"
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-telephone`"
:id="`${prefixId}-input-telephone`"
dense

7
src/pages/04_product-service/MainPage.vue
View file

@ -1791,7 +1791,6 @@ watch([currentStatusList, productMode], () => {
class="row q-py-sm q-px-md justify-between full-width surface-3 bordered-b"
>
<q-input
lazy-rules="ondemand"
for="input-search"
outlined
:class="{ 'col-12': $q.screen.lt.md }"
@ -1813,7 +1812,6 @@ watch([currentStatusList, productMode], () => {
style="white-space: nowrap"
>
<q-select
lazy-rules="ondemand"
v-model="currentStatus"
for="select-status"
outlined
@ -1836,7 +1834,6 @@ watch([currentStatusList, productMode], () => {
></q-select>
<q-select
lazy-rules="ondemand"
v-if="modeView === false"
id="select-field"
for="select-field"
@ -2427,7 +2424,6 @@ watch([currentStatusList, productMode], () => {
class="row justify-between items-center q-px-md q-py-sm surface-3 bordered-b"
>
<q-input
lazy-rules="ondemand"
:class="{ 'col-12': $q.screen.lt.md }"
outlined
dense
@ -2449,7 +2445,6 @@ watch([currentStatusList, productMode], () => {
>
<q-select
:for="'field-select-status'"
lazy-rules="ondemand"
v-model="currentStatus"
outlined
dense
@ -2472,7 +2467,6 @@ watch([currentStatusList, productMode], () => {
></q-select>
<q-select
lazy-rules="ondemand"
v-if="modeView === false"
:hide-dropdown-icon="$q.screen.lt.sm"
id="select-field"
@ -3545,7 +3539,6 @@ watch([currentStatusList, productMode], () => {
"
/>
<q-input
lazy-rules="ondemand"
id="input-search-add-product"
outlined
dense

2
src/pages/05_quotation/QuatationForm.vue
View file

@ -24,7 +24,6 @@ const toggleWorker = ref(true);
<div class="row q-pa-md items-center">
<div style="flex: 1"><q-img src="/logo.png" width="8rem" /></div>
<q-select
lazy-rules="ondemand"
v-model="selectedBranchIssuer"
:options="[{ label: 'Issuer 1', value: 'Issuer 1' }]"
:label="$t('quotation.form.customerBranchSelect')"
@ -36,7 +35,6 @@ const toggleWorker = ref(true);
dense
/>
<q-select
lazy-rules="ondemand"
v-model="selectedCustomer"
:options="[{ label: 'Customer 1', value: 'Customer 1' }]"
:label="$t('quotation.form.customerSelect')"