test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: added fieldChange method in almost all fieldtypes

Browse Source
This commit is contained in:
Shariq Ansari 2025-05-01 18:25:25 +05:30
parent 5b8d0d2aeb
commit 7bf7d94127
2 changed files with 27 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/src/components/FieldLayout/Field.vue
View File

@ -43,7 +43,7 @@
class="form-control" class="form-control"
type="checkbox" type="checkbox"
v-model="data[field.fieldname]" v-model="data[field.fieldname]"
@change="(e) => (data[field.fieldname] = e.target.checked)" @change="(e) => fieldChange(e.target.checked, field)"
:disabled="Boolean(field.read_only)" :disabled="Boolean(field.read_only)"
/> />
<label <label
@ -71,7 +71,7 @@
field.fieldtype == 'Link' ? field.options : data[field.options] field.fieldtype == 'Link' ? field.options : data[field.options]
" "
:filters="field.filters" :filters="field.filters"
@change="(v) => (data[field.fieldname] = v)" @change="(v) => fieldChange(v, field)"
:placeholder="getPlaceholder(field)" :placeholder="getPlaceholder(field)"
:onCreate="field.create" :onCreate="field.create"
/> />
@ -99,7 +99,7 @@
:value="data[field.fieldname] && getUser(data[field.fieldname]).full_name" :value="data[field.fieldname] && getUser(data[field.fieldname]).full_name"
:doctype="field.options" :doctype="field.options"
:filters="field.filters" :filters="field.filters"
@change="(v) => (data[field.fieldname] = v)" @change="(v) => fieldChange(v, field)"
:placeholder="getPlaceholder(field)" :placeholder="getPlaceholder(field)"
:hideMe="true" :hideMe="true"
> >
@ -124,19 +124,21 @@
</Link> </Link>
<DateTimePicker <DateTimePicker
v-else-if="field.fieldtype === 'Datetime'" v-else-if="field.fieldtype === 'Datetime'"
v-model="data[field.fieldname]" :value="data[field.fieldname]"
icon-left="" icon-left=""
:formatter="(date) => getFormat(date, '', true, true)" :formatter="(date) => getFormat(date, '', true, true)"
:placeholder="getPlaceholder(field)" :placeholder="getPlaceholder(field)"
input-class="border-none" input-class="border-none"
@change="(v) => fieldChange(v, field)"
/> />
<DatePicker <DatePicker
v-else-if="field.fieldtype === 'Date'" v-else-if="field.fieldtype === 'Date'"
icon-left="" icon-left=""
v-model="data[field.fieldname]" :value="data[field.fieldname]"
:formatter="(date) => getFormat(date, '', true)" :formatter="(date) => getFormat(date, '', true)"
:placeholder="getPlaceholder(field)" :placeholder="getPlaceholder(field)"
input-class="border-none" input-class="border-none"
@change="(v) => fieldChange(v, field)"
/> />
<FormControl <FormControl
v-else-if=" v-else-if="
@ -144,13 +146,15 @@
" "
type="textarea" type="textarea"
:placeholder="getPlaceholder(field)" :placeholder="getPlaceholder(field)"
v-model="data[field.fieldname]" :value="data[field.fieldname]"
@change="fieldChange($event.target.value, field)"
/> />
<FormControl <FormControl
v-else-if="['Int'].includes(field.fieldtype)" v-else-if="['Int'].includes(field.fieldtype)"
type="number" type="number"
:placeholder="getPlaceholder(field)" :placeholder="getPlaceholder(field)"
v-model="data[field.fieldname]" :value="data[field.fieldname]"
@change="fieldChange($event.target.value, field)"
/> />
<FormControl <FormControl
v-else-if="field.fieldtype === 'Percent'" v-else-if="field.fieldtype === 'Percent'"
@ -158,7 +162,7 @@
:value="getFormattedPercent(field.fieldname, data)" :value="getFormattedPercent(field.fieldname, data)"
:placeholder="getPlaceholder(field)" :placeholder="getPlaceholder(field)"
:disabled="Boolean(field.read_only)" :disabled="Boolean(field.read_only)"
@change="data[field.fieldname] = flt($event.target.value)" @change="fieldChange(flt($event.target.value), field)"
/> />
<FormControl <FormControl
v-else-if="field.fieldtype === 'Float'" v-else-if="field.fieldtype === 'Float'"
@ -166,7 +170,7 @@
:value="getFormattedFloat(field.fieldname, data)" :value="getFormattedFloat(field.fieldname, data)"
:placeholder="getPlaceholder(field)" :placeholder="getPlaceholder(field)"
:disabled="Boolean(field.read_only)" :disabled="Boolean(field.read_only)"
@change="data[field.fieldname] = flt($event.target.value)" @change="fieldChange(flt($event.target.value), field)"
/> />
<FormControl <FormControl
v-else-if="field.fieldtype === 'Currency'" v-else-if="field.fieldtype === 'Currency'"
@ -174,14 +178,15 @@
:value="getFormattedCurrency(field.fieldname, data)" :value="getFormattedCurrency(field.fieldname, data)"
:placeholder="getPlaceholder(field)" :placeholder="getPlaceholder(field)"
:disabled="Boolean(field.read_only)" :disabled="Boolean(field.read_only)"
@change="data[field.fieldname] = flt($event.target.value)" @change="fieldChange(flt($event.target.value), field)"
/> />
<FormControl <FormControl
v-else v-else
type="text" type="text"
:placeholder="getPlaceholder(field)" :placeholder="getPlaceholder(field)"
v-model="data[field.fieldname]" :value="data[field.fieldname]"
:disabled="Boolean(field.read_only)" :disabled="Boolean(field.read_only)"
@change="fieldChange($event.target.value, field)"
/> />
</div> </div>
</template> </template>

44
frontend/src/components/SidePanelLayout.vue
View File

@ -143,11 +143,7 @@
type="checkbox" type="checkbox"
v-model="document.doc[field.fieldname]" v-model="document.doc[field.fieldname]"
@change.stop=" @change.stop="
emit( fieldChange($event.target.checked, field)
'update',
field.fieldname,
$event.target.checked,
)
" "
:disabled="Boolean(field.read_only)" :disabled="Boolean(field.read_only)"
/> />
@ -165,9 +161,7 @@
:value="document.doc[field.fieldname]" :value="document.doc[field.fieldname]"
:placeholder="field.placeholder" :placeholder="field.placeholder"
:debounce="500" :debounce="500"
@change.stop=" @change.stop="fieldChange($event.target.value, field)"
emit('update', field.fieldname, $event.target.value)
"
/> />
<FormControl <FormControl
v-else-if="field.fieldtype === 'Select'" v-else-if="field.fieldtype === 'Select'"
@ -187,7 +181,7 @@
" "
doctype="User" doctype="User"
:filters="field.filters" :filters="field.filters"
@change="(v) => emit('update', field.fieldname, v)" @change="(v) => fieldChange(v, field)"
:placeholder="'Select' + ' ' + field.label + '...'" :placeholder="'Select' + ' ' + field.label + '...'"
:hideMe="true" :hideMe="true"
> >
@ -229,7 +223,7 @@
" "
:filters="field.filters" :filters="field.filters"
:placeholder="field.placeholder" :placeholder="field.placeholder"
@change="(v) => emit('update', field.fieldname, v)" @change="(v) => fieldChange(v, field)"
:onCreate="field.create" :onCreate="field.create"
/> />
<div <div
@ -244,7 +238,7 @@
" "
:placeholder="field.placeholder" :placeholder="field.placeholder"
placement="left-start" placement="left-start"
@change="(v) => emit('update', field.fieldname, v)" @change="(v) => fieldChange(v, field)"
/> />
</div> </div>
<div <div
@ -257,7 +251,7 @@
:formatter="(date) => getFormat(date, '', true)" :formatter="(date) => getFormat(date, '', true)"
:placeholder="field.placeholder" :placeholder="field.placeholder"
placement="left-start" placement="left-start"
@change="(v) => emit('update', field.fieldname, v)" @change="(v) => fieldChange(v, field)"
/> />
</div> </div>
<FormControl <FormControl
@ -270,11 +264,7 @@
:placeholder="field.placeholder" :placeholder="field.placeholder"
:debounce="500" :debounce="500"
@change.stop=" @change.stop="
emit( fieldChange(flt($event.target.value), field)
'update',
field.fieldname,
flt($event.target.value),
)
" "
/> />
<FormControl <FormControl
@ -284,9 +274,7 @@
v-model="document.doc[field.fieldname]" v-model="document.doc[field.fieldname]"
:placeholder="field.placeholder" :placeholder="field.placeholder"
:debounce="500" :debounce="500"
@change.stop=" @change.stop="fieldChange($event.target.value, field)"
emit('update', field.fieldname, $event.target.value)
"
/> />
<FormControl <FormControl
v-else-if="field.fieldtype === 'Float'" v-else-if="field.fieldtype === 'Float'"
@ -298,11 +286,7 @@
:placeholder="field.placeholder" :placeholder="field.placeholder"
:debounce="500" :debounce="500"
@change.stop=" @change.stop="
emit( fieldChange(flt($event.target.value), field)
'update',
field.fieldname,
flt($event.target.value),
)
" "
/> />
<FormControl <FormControl
@ -315,11 +299,7 @@
:placeholder="field.placeholder" :placeholder="field.placeholder"
:debounce="500" :debounce="500"
@change.stop=" @change.stop="
emit( fieldChange(flt($event.target.value), field)
'update',
field.fieldname,
flt($event.target.value),
)
" "
/> />
<FormControl <FormControl
@ -329,9 +309,7 @@
:value="document.doc[field.fieldname]" :value="document.doc[field.fieldname]"
:placeholder="field.placeholder" :placeholder="field.placeholder"
:debounce="500" :debounce="500"
@change.stop=" @change.stop="fieldChange($event.target.value, field)"
emit('update', field.fieldname, $event.target.value)
"
/> />
</div> </div>
<div class="ml-1"> <div class="ml-1">