chore: renamed DocFields to DataFields, SectionFields to SidepanelLayout and SidePanelLayoutBuilder to SidePanelLayoutEditor
This commit is contained in:
parent
0dec765cdf
commit
941c166af5
@ -365,7 +365,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-else-if="title == 'Data'" class="h-full flex flex-col px-3 sm:px-10">
|
<div v-else-if="title == 'Data'" class="h-full flex flex-col px-3 sm:px-10">
|
||||||
<DocFields :doctype="doctype" :docname="doc.data.name" />
|
<DataFields :doctype="doctype" :docname="doc.data.name" />
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
v-else
|
v-else
|
||||||
@ -457,7 +457,7 @@ import CallArea from '@/components/Activities/CallArea.vue'
|
|||||||
import NoteArea from '@/components/Activities/NoteArea.vue'
|
import NoteArea from '@/components/Activities/NoteArea.vue'
|
||||||
import TaskArea from '@/components/Activities/TaskArea.vue'
|
import TaskArea from '@/components/Activities/TaskArea.vue'
|
||||||
import AttachmentArea from '@/components/Activities/AttachmentArea.vue'
|
import AttachmentArea from '@/components/Activities/AttachmentArea.vue'
|
||||||
import DocFields from '@/components/DocFields.vue'
|
import DataFields from '@/components/Activities/DataFields.vue'
|
||||||
import UserAvatar from '@/components/UserAvatar.vue'
|
import UserAvatar from '@/components/UserAvatar.vue'
|
||||||
import ActivityIcon from '@/components/Icons/ActivityIcon.vue'
|
import ActivityIcon from '@/components/Icons/ActivityIcon.vue'
|
||||||
import Email2Icon from '@/components/Icons/Email2Icon.vue'
|
import Email2Icon from '@/components/Icons/Email2Icon.vue'
|
||||||
|
|||||||
@ -30,7 +30,7 @@
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="sections.data" class="flex gap-4">
|
<div v-if="sections.data" class="flex gap-4">
|
||||||
<SidePanelLayoutBuilder
|
<SidePanelLayoutEditor
|
||||||
class="flex flex-1 flex-col pr-2"
|
class="flex flex-1 flex-col pr-2"
|
||||||
:sections="sections.data"
|
:sections="sections.data"
|
||||||
:doctype="_doctype"
|
:doctype="_doctype"
|
||||||
@ -47,7 +47,7 @@
|
|||||||
:label="section.label"
|
:label="section.label"
|
||||||
:opened="section.opened"
|
:opened="section.opened"
|
||||||
>
|
>
|
||||||
<SectionFields
|
<SidePanelLayout
|
||||||
:fields="section.fields"
|
:fields="section.fields"
|
||||||
:isLastSection="i == section.data?.length - 1"
|
:isLastSection="i == section.data?.length - 1"
|
||||||
v-model="data"
|
v-model="data"
|
||||||
@ -79,8 +79,8 @@
|
|||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import Section from '@/components/Section.vue'
|
import Section from '@/components/Section.vue'
|
||||||
import SectionFields from '@/components/SectionFields.vue'
|
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
||||||
import SidePanelLayoutBuilder from '@/components/Settings/SidePanelLayoutBuilder.vue'
|
import SidePanelLayoutEditor from '@/components/SidePanelLayoutEditor.vue'
|
||||||
import { useDebounceFn } from '@vueuse/core'
|
import { useDebounceFn } from '@vueuse/core'
|
||||||
import { capture } from '@/telemetry'
|
import { capture } from '@/telemetry'
|
||||||
import { Dialog, Badge, Switch, call, createResource } from 'frappe-ui'
|
import { Dialog, Badge, Switch, call, createResource } from 'frappe-ui'
|
||||||
@ -138,7 +138,7 @@
|
|||||||
<EditIcon class="h-4 w-4" />
|
<EditIcon class="h-4 w-4" />
|
||||||
</Button>
|
</Button>
|
||||||
</template>
|
</template>
|
||||||
<SectionFields
|
<SidePanelLayout
|
||||||
v-if="section.fields"
|
v-if="section.fields"
|
||||||
:fields="section.fields"
|
:fields="section.fields"
|
||||||
:isLastSection="i == fieldsLayout.data.length - 1"
|
:isLastSection="i == fieldsLayout.data.length - 1"
|
||||||
@ -202,14 +202,14 @@
|
|||||||
import Resizer from '@/components/Resizer.vue'
|
import Resizer from '@/components/Resizer.vue'
|
||||||
import Icon from '@/components/Icon.vue'
|
import Icon from '@/components/Icon.vue'
|
||||||
import Section from '@/components/Section.vue'
|
import Section from '@/components/Section.vue'
|
||||||
import SectionFields from '@/components/SectionFields.vue'
|
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
||||||
import LayoutHeader from '@/components/LayoutHeader.vue'
|
import LayoutHeader from '@/components/LayoutHeader.vue'
|
||||||
import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
|
import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
|
||||||
import EditIcon from '@/components/Icons/EditIcon.vue'
|
import EditIcon from '@/components/Icons/EditIcon.vue'
|
||||||
import CameraIcon from '@/components/Icons/CameraIcon.vue'
|
import CameraIcon from '@/components/Icons/CameraIcon.vue'
|
||||||
import DealsIcon from '@/components/Icons/DealsIcon.vue'
|
import DealsIcon from '@/components/Icons/DealsIcon.vue'
|
||||||
import DealsListView from '@/components/ListViews/DealsListView.vue'
|
import DealsListView from '@/components/ListViews/DealsListView.vue'
|
||||||
import SidePanelModal from '@/components/Settings/SidePanelModal.vue'
|
import SidePanelModal from '@/components/Modals/SidePanelModal.vue'
|
||||||
import AddressModal from '@/components/Modals/AddressModal.vue'
|
import AddressModal from '@/components/Modals/AddressModal.vue'
|
||||||
import {
|
import {
|
||||||
formatDate,
|
formatDate,
|
||||||
|
|||||||
@ -167,7 +167,7 @@
|
|||||||
<EditIcon class="h-4 w-4" />
|
<EditIcon class="h-4 w-4" />
|
||||||
</Button>
|
</Button>
|
||||||
</template>
|
</template>
|
||||||
<SectionFields
|
<SidePanelLayout
|
||||||
v-if="section.fields"
|
v-if="section.fields"
|
||||||
:fields="section.fields"
|
:fields="section.fields"
|
||||||
:isLastSection="i == fieldsLayout.data.length - 1"
|
:isLastSection="i == fieldsLayout.data.length - 1"
|
||||||
@ -347,10 +347,10 @@ import AssignmentModal from '@/components/Modals/AssignmentModal.vue'
|
|||||||
import FilesUploader from '@/components/FilesUploader/FilesUploader.vue'
|
import FilesUploader from '@/components/FilesUploader/FilesUploader.vue'
|
||||||
import MultipleAvatar from '@/components/MultipleAvatar.vue'
|
import MultipleAvatar from '@/components/MultipleAvatar.vue'
|
||||||
import ContactModal from '@/components/Modals/ContactModal.vue'
|
import ContactModal from '@/components/Modals/ContactModal.vue'
|
||||||
import SidePanelModal from '@/components/Settings/SidePanelModal.vue'
|
import SidePanelModal from '@/components/Modals/SidePanelModal.vue'
|
||||||
import Link from '@/components/Controls/Link.vue'
|
import Link from '@/components/Controls/Link.vue'
|
||||||
import Section from '@/components/Section.vue'
|
import Section from '@/components/Section.vue'
|
||||||
import SectionFields from '@/components/SectionFields.vue'
|
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
||||||
import SLASection from '@/components/SLASection.vue'
|
import SLASection from '@/components/SLASection.vue'
|
||||||
import CustomActions from '@/components/CustomActions.vue'
|
import CustomActions from '@/components/CustomActions.vue'
|
||||||
import {
|
import {
|
||||||
|
|||||||
@ -182,7 +182,7 @@
|
|||||||
:label="section.label"
|
:label="section.label"
|
||||||
:opened="section.opened"
|
:opened="section.opened"
|
||||||
>
|
>
|
||||||
<SectionFields
|
<SidePanelLayout
|
||||||
:fields="section.fields"
|
:fields="section.fields"
|
||||||
:isLastSection="i == fieldsLayout.data.length - 1"
|
:isLastSection="i == fieldsLayout.data.length - 1"
|
||||||
v-model="lead.data"
|
v-model="lead.data"
|
||||||
@ -317,11 +317,11 @@ import LayoutHeader from '@/components/LayoutHeader.vue'
|
|||||||
import Activities from '@/components/Activities/Activities.vue'
|
import Activities from '@/components/Activities/Activities.vue'
|
||||||
import AssignmentModal from '@/components/Modals/AssignmentModal.vue'
|
import AssignmentModal from '@/components/Modals/AssignmentModal.vue'
|
||||||
import FilesUploader from '@/components/FilesUploader/FilesUploader.vue'
|
import FilesUploader from '@/components/FilesUploader/FilesUploader.vue'
|
||||||
import SidePanelModal from '@/components/Settings/SidePanelModal.vue'
|
import SidePanelModal from '@/components/Modals/SidePanelModal.vue'
|
||||||
import MultipleAvatar from '@/components/MultipleAvatar.vue'
|
import MultipleAvatar from '@/components/MultipleAvatar.vue'
|
||||||
import Link from '@/components/Controls/Link.vue'
|
import Link from '@/components/Controls/Link.vue'
|
||||||
import Section from '@/components/Section.vue'
|
import Section from '@/components/Section.vue'
|
||||||
import SectionFields from '@/components/SectionFields.vue'
|
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
||||||
import SLASection from '@/components/SLASection.vue'
|
import SLASection from '@/components/SLASection.vue'
|
||||||
import CustomActions from '@/components/CustomActions.vue'
|
import CustomActions from '@/components/CustomActions.vue'
|
||||||
import {
|
import {
|
||||||
|
|||||||
@ -142,7 +142,7 @@
|
|||||||
:class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
|
:class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
|
||||||
>
|
>
|
||||||
<Section :label="section.label" :opened="section.opened">
|
<Section :label="section.label" :opened="section.opened">
|
||||||
<SectionFields
|
<SidePanelLayout
|
||||||
:fields="section.fields"
|
:fields="section.fields"
|
||||||
:isLastSection="i == fieldsLayout.data.length - 1"
|
:isLastSection="i == fieldsLayout.data.length - 1"
|
||||||
v-model="contact.data"
|
v-model="contact.data"
|
||||||
@ -178,7 +178,7 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import Icon from '@/components/Icon.vue'
|
import Icon from '@/components/Icon.vue'
|
||||||
import Section from '@/components/Section.vue'
|
import Section from '@/components/Section.vue'
|
||||||
import SectionFields from '@/components/SectionFields.vue'
|
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
||||||
import LayoutHeader from '@/components/LayoutHeader.vue'
|
import LayoutHeader from '@/components/LayoutHeader.vue'
|
||||||
import DetailsIcon from '@/components/Icons/DetailsIcon.vue'
|
import DetailsIcon from '@/components/Icons/DetailsIcon.vue'
|
||||||
import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
|
import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
|
||||||
|
|||||||
@ -98,7 +98,7 @@
|
|||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<SectionFields
|
<SidePanelLayout
|
||||||
v-if="section.fields"
|
v-if="section.fields"
|
||||||
:fields="section.fields"
|
:fields="section.fields"
|
||||||
:isLastSection="i == fieldsLayout.data.length - 1"
|
:isLastSection="i == fieldsLayout.data.length - 1"
|
||||||
@ -267,7 +267,7 @@ import MultipleAvatar from '@/components/MultipleAvatar.vue'
|
|||||||
import ContactModal from '@/components/Modals/ContactModal.vue'
|
import ContactModal from '@/components/Modals/ContactModal.vue'
|
||||||
import Link from '@/components/Controls/Link.vue'
|
import Link from '@/components/Controls/Link.vue'
|
||||||
import Section from '@/components/Section.vue'
|
import Section from '@/components/Section.vue'
|
||||||
import SectionFields from '@/components/SectionFields.vue'
|
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
||||||
import SLASection from '@/components/SLASection.vue'
|
import SLASection from '@/components/SLASection.vue'
|
||||||
import CustomActions from '@/components/CustomActions.vue'
|
import CustomActions from '@/components/CustomActions.vue'
|
||||||
import { createToast, setupAssignees, setupCustomizations } from '@/utils'
|
import { createToast, setupAssignees, setupCustomizations } from '@/utils'
|
||||||
|
|||||||
@ -75,7 +75,7 @@
|
|||||||
:class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
|
:class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
|
||||||
>
|
>
|
||||||
<Section :label="section.label" :opened="section.opened">
|
<Section :label="section.label" :opened="section.opened">
|
||||||
<SectionFields
|
<SidePanelLayout
|
||||||
:fields="section.fields"
|
:fields="section.fields"
|
||||||
:isLastSection="i == fieldsLayout.data.length - 1"
|
:isLastSection="i == fieldsLayout.data.length - 1"
|
||||||
v-model="lead.data"
|
v-model="lead.data"
|
||||||
@ -190,7 +190,7 @@ import AssignmentModal from '@/components/Modals/AssignmentModal.vue'
|
|||||||
import MultipleAvatar from '@/components/MultipleAvatar.vue'
|
import MultipleAvatar from '@/components/MultipleAvatar.vue'
|
||||||
import Link from '@/components/Controls/Link.vue'
|
import Link from '@/components/Controls/Link.vue'
|
||||||
import Section from '@/components/Section.vue'
|
import Section from '@/components/Section.vue'
|
||||||
import SectionFields from '@/components/SectionFields.vue'
|
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
||||||
import SLASection from '@/components/SLASection.vue'
|
import SLASection from '@/components/SLASection.vue'
|
||||||
import CustomActions from '@/components/CustomActions.vue'
|
import CustomActions from '@/components/CustomActions.vue'
|
||||||
import { createToast, setupAssignees, setupCustomizations } from '@/utils'
|
import { createToast, setupAssignees, setupCustomizations } from '@/utils'
|
||||||
|
|||||||
@ -124,7 +124,7 @@
|
|||||||
:class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
|
:class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
|
||||||
>
|
>
|
||||||
<Section :label="section.label" :opened="section.opened">
|
<Section :label="section.label" :opened="section.opened">
|
||||||
<SectionFields
|
<SidePanelLayout
|
||||||
:fields="section.fields"
|
:fields="section.fields"
|
||||||
:isLastSection="i == fieldsLayout.data.length - 1"
|
:isLastSection="i == fieldsLayout.data.length - 1"
|
||||||
v-model="organization.doc"
|
v-model="organization.doc"
|
||||||
@ -166,7 +166,7 @@
|
|||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import Section from '@/components/Section.vue'
|
import Section from '@/components/Section.vue'
|
||||||
import SectionFields from '@/components/SectionFields.vue'
|
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
||||||
import Icon from '@/components/Icon.vue'
|
import Icon from '@/components/Icon.vue'
|
||||||
import LayoutHeader from '@/components/LayoutHeader.vue'
|
import LayoutHeader from '@/components/LayoutHeader.vue'
|
||||||
import AddressModal from '@/components/Modals/AddressModal.vue'
|
import AddressModal from '@/components/Modals/AddressModal.vue'
|
||||||
|
|||||||
@ -123,7 +123,7 @@
|
|||||||
<EditIcon class="h-4 w-4" />
|
<EditIcon class="h-4 w-4" />
|
||||||
</Button>
|
</Button>
|
||||||
</template>
|
</template>
|
||||||
<SectionFields
|
<SidePanelLayout
|
||||||
v-if="section.fields"
|
v-if="section.fields"
|
||||||
:fields="section.fields"
|
:fields="section.fields"
|
||||||
:isLastSection="i == fieldsLayout.data.length - 1"
|
:isLastSection="i == fieldsLayout.data.length - 1"
|
||||||
@ -198,8 +198,8 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import Resizer from '@/components/Resizer.vue'
|
import Resizer from '@/components/Resizer.vue'
|
||||||
import Section from '@/components/Section.vue'
|
import Section from '@/components/Section.vue'
|
||||||
import SectionFields from '@/components/SectionFields.vue'
|
import SidePanelLayout from '@/components/SidePanelLayout.vue'
|
||||||
import SidePanelModal from '@/components/Settings/SidePanelModal.vue'
|
import SidePanelModal from '@/components/Modals/SidePanelModal.vue'
|
||||||
import Icon from '@/components/Icon.vue'
|
import Icon from '@/components/Icon.vue'
|
||||||
import LayoutHeader from '@/components/LayoutHeader.vue'
|
import LayoutHeader from '@/components/LayoutHeader.vue'
|
||||||
import QuickEntryModal from '@/components/Modals/QuickEntryModal.vue'
|
import QuickEntryModal from '@/components/Modals/QuickEntryModal.vue'
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user