test/jcrm
1
0
Fork 0
forked from test/crm
Code Pull Requests Activity

fix: added more organization fields

Browse Source
This commit is contained in:
Shariq Ansari 2023-11-13 16:03:19 +05:30
parent ce9477daca
commit 9148163485
1 changed files with 64 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

79
frontend/src/components/Modals/OrganizationModal.vue
View File

@ -16,22 +16,63 @@
> >
<template #body-content> <template #body-content>
<div class="flex flex-col gap-4"> <div class="flex flex-col gap-4">
<div> <FormControl
<div class="mb-1.5 text-sm text-gray-600">Organization name</div> type="text"
<TextInput ref="title"
ref="title" size="md"
variant="outline" label="Organization name"
v-model="_organization.organization_name" variant="outline"
placeholder="Add organization name" v-model="_organization.organization_name"
/> placeholder="Add organization name"
</div> />
<div> <div class="flex gap-4">
<div class="mb-1.5 text-sm text-gray-600">Website</div> <FormControl
<TextInput class="flex-1"
type="text"
size="md"
label="Website"
variant="outline" variant="outline"
v-model="_organization.website" v-model="_organization.website"
placeholder="Add website" placeholder="Add website"
/> />
<FormControl
class="flex-1"
type="text"
size="md"
label="Annual revenue"
variant="outline"
v-model="_organization.annual_revenue"
placeholder="Add annual revenue"
/>
</div>
<div class="flex gap-4">
<FormControl
class="flex-1"
type="select"
:options="[
'1-10',
'11-50',
'51-200',
'201-500',
'501-1000',
'1001-5000',
'5001-10000',
'10001+',
]"
size="md"
label="No. of employees"
variant="outline"
v-model="_organization.no_of_employees"
/>
<Link
class="flex-1"
size="md"
label="Industry"
variant="outline"
v-model="_organization.industry"
doctype="CRM Industry"
placeholder="Add industry"
/>
</div> </div>
</div> </div>
</template> </template>
@ -39,7 +80,8 @@
</template> </template>
<script setup> <script setup>
import { TextInput, Dialog, call } from 'frappe-ui' import Link from '@/components/Controls/Link.vue'
import { FormControl, Dialog, call } from 'frappe-ui'
import { ref, defineModel, nextTick, watch } from 'vue' import { ref, defineModel, nextTick, watch } from 'vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
@ -63,7 +105,13 @@ const organizations = defineModel('reloadOrganizations')
const title = ref(null) const title = ref(null)
const editMode = ref(false) const editMode = ref(false)
let _organization = ref({}) let _organization = ref({
organization_name: '',
website: '',
annual_revenue: '',
no_of_employees: '1-10',
industry: '',
})
async function updateOrganization(close) { async function updateOrganization(close) {
const old = { ...props.organization } const old = { ...props.organization }
@ -138,7 +186,8 @@ watch(
if (!value) return if (!value) return
editMode.value = false editMode.value = false
nextTick(() => { nextTick(() => {
title.value.el.focus() // TODO: Issue with FormControl
// title.value.el.focus()
_organization.value = { ...props.organization } _organization.value = { ...props.organization }
if (_organization.value.name) { if (_organization.value.name) {
editMode.value = true editMode.value = true