Shariq Ansari 8749f7bfd0 refactor: update styling and improve layout for assignment rules components
(cherry picked from commit 9f95a3a2b2132357708db03b9b4922f356150ff4)
2025-09-18 09:59:25 +00:00

53 lines
1.4 KiB
Vue

<template>
<div class="flex h-full flex-col gap-6 p-6 text-ink-gray-8">
<!-- Header -->
<div class="flex justify-between px-2 pt-2">
<div class="flex flex-col gap-1 w-9/12">
<h2 class="flex gap-2 text-xl font-semibold leading-none h-5">
{{ __('Assignment rules') }}
</h2>
<p class="text-p-base text-ink-gray-6">
{{
__(
'Assignment rules automatically assign lead/deal to the right sales user based on predefined conditions',
)
}}
</p>
</div>
<div class="flex item-center space-x-2 w-3/12 justify-end">
<Button
:label="__('New')"
icon-left="plus"
variant="solid"
@click="goToNew()"
/>
</div>
</div>
<!-- Assignment rules list -->
<div class="overflow-y-auto">
<AssignmentRulesList />
</div>
</div>
</template>
<script setup>
import AssignmentRulesList from './AssignmentRulesList.vue'
import { createResource } from 'frappe-ui'
import { inject, provide } from 'vue'
const updateStep = inject('updateStep')
const assignmentRulesListData = createResource({
url: 'crm.api.assignment_rule.get_assignment_rules_list',
cache: ['assignmentRules', 'get_assignment_rules_list'],
auto: true,
})
provide('assignmentRulesList', assignmentRulesListData)
const goToNew = () => {
updateStep('view', null)
}
</script>