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

fix: updated Fields component

Browse Source
This commit is contained in:
Shariq Ansari 2024-06-07 19:54:29 +05:30
parent ec6de13451
commit cf632969ac
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/components/Fields.vue
View File

@ -2,7 +2,7 @@
<div class="flex flex-col gap-4"> <div class="flex flex-col gap-4">
<div <div
v-for="section in sections" v-for="section in sections"
:key="section.section" :key="section.label"
class="first:border-t-0 first:pt-0" class="first:border-t-0 first:pt-0"
:class="section.hideBorder ? '' : 'border-t pt-4'" :class="section.hideBorder ? '' : 'border-t pt-4'"
> >
@ -20,34 +20,34 @@
<span class="text-red-500" v-if="field.mandatory">*</span> <span class="text-red-500" v-if="field.mandatory">*</span>
</div> </div>
<FormControl <FormControl
v-if="field.type === 'select'" v-if="field.type === 'Select'"
type="select" type="select"
class="form-control" class="form-control"
:class="field.prefix ? 'prefix' : ''" :class="field.prefix ? 'prefix' : ''"
:options="field.options" :options="field.options"
v-model="data[field.name]" v-model="data[field.name]"
:placeholder="__(field.placeholder)" :placeholder="__(field.placeholder || field.label)"
> >
<template v-if="field.prefix" #prefix> <template v-if="field.prefix" #prefix>
<IndicatorIcon :class="field.prefix" /> <IndicatorIcon :class="field.prefix" />
</template> </template>
</FormControl> </FormControl>
<Link <Link
v-else-if="field.type === 'link'" v-else-if="field.type === 'Link'"
class="form-control" class="form-control"
:value="data[field.name]" :value="data[field.name]"
:doctype="field.doctype" :doctype="field.options"
@change="(v) => (data[field.name] = v)" @change="(v) => (data[field.name] = v)"
:placeholder="__(field.placeholder)" :placeholder="__(field.placeholder || field.label)"
:onCreate="field.create" :onCreate="field.create"
/> />
<Link <Link
v-else-if="field.type === 'user'" v-else-if="field.type === 'User'"
class="form-control" class="form-control"
:value="getUser(data[field.name]).full_name" :value="getUser(data[field.name]).full_name"
:doctype="field.doctype" :doctype="field.options"
@change="(v) => (data[field.name] = v)" @change="(v) => (data[field.name] = v)"
:placeholder="__(field.placeholder)" :placeholder="__(field.placeholder || field.label)"
:hideMe="true" :hideMe="true"
> >
<template #prefix> <template #prefix>
@ -64,7 +64,7 @@
</Tooltip> </Tooltip>
</template> </template>
</Link> </Link>
<div v-else-if="field.type === 'dropdown'"> <div v-else-if="field.type === 'Dropdown'">
<NestedPopover> <NestedPopover>
<template #target="{ open }"> <template #target="{ open }">
<Button <Button
@ -116,7 +116,7 @@
<FormControl <FormControl
v-else v-else
type="text" type="text"
:placeholder="__(field.placeholder)" :placeholder="__(field.placeholder || field.label)"
v-model="data[field.name]" v-model="data[field.name]"
/> />
</div> </div>