feat: Quick Entry Layout Builder
This commit is contained in:
parent
d5871b8db2
commit
ab1d4644dd
18
frontend/src/components/Icons/RightSideLayoutIcon.vue
Normal file
18
frontend/src/components/Icons/RightSideLayoutIcon.vue
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
<template>
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="16"
|
||||||
|
height="16"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
class="lucide lucide-panel-right-close"
|
||||||
|
>
|
||||||
|
<rect width="18" height="18" x="3" y="3" rx="2" />
|
||||||
|
<path d="M15 3v18" />
|
||||||
|
<path d="m8 9 3 3-3 3" />
|
||||||
|
</svg>
|
||||||
|
</template>
|
||||||
3
frontend/src/components/Settings/QuickEntryLayout.vue
Normal file
3
frontend/src/components/Settings/QuickEntryLayout.vue
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
<template>
|
||||||
|
<div>Quick Entry Layout</div>
|
||||||
|
</template>
|
||||||
@ -40,10 +40,12 @@
|
|||||||
import ContactsIcon from '@/components/Icons/ContactsIcon.vue'
|
import ContactsIcon from '@/components/Icons/ContactsIcon.vue'
|
||||||
import WhatsAppIcon from '@/components/Icons/WhatsAppIcon.vue'
|
import WhatsAppIcon from '@/components/Icons/WhatsAppIcon.vue'
|
||||||
import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
|
import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
|
||||||
|
import RightSideLayoutIcon from '@/components/Icons/RightSideLayoutIcon.vue'
|
||||||
import ProfileSettings from '@/components/Settings/ProfileSettings.vue'
|
import ProfileSettings from '@/components/Settings/ProfileSettings.vue'
|
||||||
import WhatsAppSettings from '@/components/Settings/WhatsAppSettings.vue'
|
import WhatsAppSettings from '@/components/Settings/WhatsAppSettings.vue'
|
||||||
import TwilioSettings from '@/components/Settings/TwilioSettings.vue'
|
import TwilioSettings from '@/components/Settings/TwilioSettings.vue'
|
||||||
import FieldsLayout from '@/components/Settings/FieldsLayout.vue'
|
import SidebarFieldsLayout from '@/components/Settings/SidebarFieldsLayout.vue'
|
||||||
|
import QuickEntryLayout from '@/components/Settings/QuickEntryLayout.vue'
|
||||||
import SidebarLink from '@/components/SidebarLink.vue'
|
import SidebarLink from '@/components/SidebarLink.vue'
|
||||||
import { isWhatsappInstalled } from '@/composables/settings'
|
import { isWhatsappInstalled } from '@/composables/settings'
|
||||||
import { Dialog, FeatherIcon } from 'frappe-ui'
|
import { Dialog, FeatherIcon } from 'frappe-ui'
|
||||||
@ -84,9 +86,14 @@ const tabs = computed(() => {
|
|||||||
label: 'Customizations',
|
label: 'Customizations',
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: 'Fields Layout',
|
label: 'Sidebar Fields Layout',
|
||||||
|
icon: RightSideLayoutIcon,
|
||||||
|
component: markRaw(SidebarFieldsLayout),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'Quick Entry Layout',
|
||||||
icon: h(FeatherIcon, { name: 'grid' }),
|
icon: h(FeatherIcon, { name: 'grid' }),
|
||||||
component: markRaw(FieldsLayout),
|
component: markRaw(QuickEntryLayout),
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user