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

refactor: assignment modal for bulk assign

Browse Source 
(cherry picked from commit aeb3f150c58a24396824037f01ccf09624bdcc01)
This commit is contained in:
Shariq Ansari 2025-08-01 12:54:16 +05:30 committed by Mergify
parent e5ed7e0daf
commit 7e53e0f4e4
1 changed files with 54 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

108
frontend/src/components/Modals/AssignmentModal.vue
View File

@ -5,59 +5,60 @@
@close="() => (assignees = [...oldAssignees])" @close="() => (assignees = [...oldAssignees])"
> >
<template #body-content> <template #body-content>
<div class="flex flex-wrap items-center gap-2"> <Link
<Tooltip class="form-control"
:text="assignee.name" value=""
v-for="assignee in assignees" doctype="User"
:key="assignee.name" @change="(option) => addValue(option) && ($refs.input.value = '')"
> :placeholder="__('John Doe')"
<div> :filters="{
<Button :label="getUser(assignee.name).full_name" theme="gray"> name: ['in', users.data.crmUsers?.map((user) => user.name)],
<template #prefix> }"
<UserAvatar :user="assignee.name" size="sm" /> :hideMe="true"
</template> >
<template #suffix> <template #target="{ togglePopover }">
<FeatherIcon <div
v-if="assignee.name !== owner" class="w-full min-h-12 flex flex-wrap items-center gap-1.5 p-1.5 pb-5 rounded-lg bg-surface-gray-2 cursor-text"
class="h-3.5" @click.stop="togglePopover"
name="x" >
@click.stop="removeValue(assignee.name)" <Tooltip
/> :text="assignee.name"
</template> v-for="assignee in assignees"
</Button> :key="assignee.name"
</div> @click.stop
</Tooltip> >
<Link <div>
class="form-control" <div
value="" class="flex items-center text-sm text-ink-gray-6 border border-outline-gray-1 bg-surface-white rounded-full hover:bg-surface-white !p-0.5"
doctype="User" @click.stop
@change="(option) => addValue(option) && ($refs.input.value = '')" >
:placeholder="__('John Doe')" <UserAvatar :user="assignee.name" size="sm" />
:filters="{ <div class="ml-1">{{ getUser(assignee.name).full_name }}</div>
name: ['in', users.data.crmUsers?.map((user) => user.name)], <Button
}" variant="ghost"
:hideMe="true" class="rounded-full !size-4 m-1"
> @click.stop="removeValue(assignee.name)"
<template #target="{ togglePopover }"> >
<Button <template #icon>
:label="__('Add assignee')" <FeatherIcon name="x" class="h-3 w-3 text-ink-gray-6" />
variant="subtle" </template>
icon-left="plus" </Button>
@click.stop="togglePopover" </div>
/>
</template>
<template #item-prefix="{ option }">
<UserAvatar class="mr-2" :user="option.value" size="sm" />
</template>
<template #item-label="{ option }">
<Tooltip :text="option.value">
<div class="cursor-pointer text-ink-gray-9">
{{ getUser(option.value).full_name }}
</div> </div>
</Tooltip> </Tooltip>
</template> </div>
</Link> </template>
</div> <template #item-prefix="{ option }">
<UserAvatar class="mr-2" :user="option.value" size="sm" />
</template>
<template #item-label="{ option }">
<Tooltip :text="option.value">
<div class="cursor-pointer text-ink-gray-9">
{{ getUser(option.value).full_name }}
</div>
</Tooltip>
</template>
</Link>
</template> </template>
<template #actions> <template #actions>
<div class="flex justify-between items-center gap-2"> <div class="flex justify-between items-center gap-2">
@ -77,7 +78,6 @@
variant="solid" variant="solid"
:label="__('Update')" :label="__('Update')"
@click="updateAssignees()" @click="updateAssignees()"
:disabled="!assignees.length"
/> />
</div> </div>
</div> </div>
@ -142,7 +142,7 @@ const addValue = (value) => {
} }
} }
function updateAssignees() { async function updateAssignees() {
const removedAssignees = oldAssignees.value const removedAssignees = oldAssignees.value
.filter( .filter(
(assignee) => !assignees.value.find((a) => a.name === assignee.name), (assignee) => !assignees.value.find((a) => a.name === assignee.name),
@ -156,7 +156,7 @@ function updateAssignees() {
.map((assignee) => assignee.name) .map((assignee) => assignee.name)
if (removedAssignees.length) { if (removedAssignees.length) {
call('crm.api.doc.remove_assignments', { await call('crm.api.doc.remove_assignments', {
doctype: props.doctype, doctype: props.doctype,
name: props.doc.name, name: props.doc.name,
assignees: JSON.stringify(removedAssignees), assignees: JSON.stringify(removedAssignees),