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

fix: moved create one btn from slot to Link component

Browse Source
This commit is contained in:
Shariq Ansari 2023-11-16 17:56:11 +05:30
parent c843f68738
commit 10a37c6a54
3 changed files with 28 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/components/Controls/Link.vue
View File

@ -24,8 +24,19 @@
<slot name="item-prefix" v-bind="{ active, selected, option }" />
</template>
<template v-if="$slots.footer" #footer="{ value, close }">
<slot name="footer" v-bind="{ value, close }" />
<template v-if="attrs.onCreate" #footer="{ value, close }">
<div>
<Button
variant="ghost"
class="w-full !justify-start"
label="Create one"
@click="attrs.onCreate(value, close)"
>
<template #prefix>
<FeatherIcon name="plus" class="h-4" />
</template>
</Button>
</div>
</template>
</Autocomplete>
</div>
@ -34,7 +45,7 @@
<script setup>
import Autocomplete from '@/components/frappe-ui/Autocomplete.vue'
import { watchDebounced } from '@vueuse/core'
import { createResource } from 'frappe-ui'
import { createResource, FeatherIcon } from 'frappe-ui'
import { useAttrs, computed, ref } from 'vue'
const props = defineProps({

54
frontend/src/pages/Deal.vue
View File

@ -119,6 +119,16 @@
value=""
doctype="Contact"
@change="(e) => addContact(e)"
:onCreate="
(value, close) => {
_contact = {
first_name: value,
company_name: deal.data.organization,
}
showContactModal = true
close()
}
"
>
<template #target="{ togglePopover }">
<Button
@ -131,29 +141,6 @@
</template>
</Button>
</template>
<template #footer="{ value, close }">
<div>
<Button
variant="ghost"
class="w-full !justify-start"
label="Create one"
@click="
() => {
_contact = {
first_name: value,
company_name: deal.data.organization,
}
showContactModal = true
close()
}
"
>
<template #prefix>
<FeatherIcon name="plus" class="h-4" />
</template>
</Button>
</div>
</template>
</Link>
</div>
</div>
@ -183,25 +170,8 @@
:doctype="field.doctype"
:placeholder="field.placeholder"
@change="(e) => field.change(e)"
>
<template
v-if="field.create"
#footer="{ value, close }"
>
<div>
<Button
variant="ghost"
class="w-full !justify-start"
label="Create one"
@click="field.create(value, close)"
>
<template #prefix>
<FeatherIcon name="plus" class="h-4" />
</template>
</Button>
</div>
</template>
</Link>
:onCreate="field.create"
/>
<FormControl
v-else-if="field.type === 'date'"
type="date"

21
frontend/src/pages/Lead.vue
View File

@ -205,25 +205,8 @@
:doctype="field.doctype"
:placeholder="field.placeholder"
@change="(e) => field.change(e)"
>
<template
v-if="field.create"
#footer="{ value, close }"
>
<div>
<Button
variant="ghost"
class="w-full !justify-start"
label="Create one"
@click="field.create(value, close)"
>
<template #prefix>
<FeatherIcon name="plus" class="h-4" />
</template>
</Button>
</div>
</template>
</Link>
:onCreate="field.create"
/>
<FormControl
v-else-if="field.type === 'user'"
type="autocomplete"