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

fix: replaced preview switch with button

Browse Source
This commit is contained in:
Shariq Ansari 2024-12-23 22:24:21 +05:30
parent e354ed5e55
commit 545b601852
2 changed files with 24 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
frontend/src/components/Modals/DataFieldsModal.vue
View File

@ -16,18 +16,19 @@
<template #body-content> <template #body-content>
<div class="flex flex-col gap-3"> <div class="flex flex-col gap-3">
<div class="flex justify-between gap-2"> <div class="flex justify-between gap-2">
<FormControl <Button
type="select"
class="w-1/4"
v-model="_doctype"
:options="['CRM Lead', 'CRM Deal']"
@change="reload"
/>
<Switch
v-model="preview"
:label="preview ? __('Hide preview') : __('Show preview')" :label="preview ? __('Hide preview') : __('Show preview')"
size="sm" @click="preview = !preview"
/> />
<div class="flex flex-row-reverse gap-2">
<Button
:loading="loading"
:label="__('Save')"
variant="solid"
@click="saveChanges"
/>
<Button :label="__('Reset')" @click="reload" />
</div>
</div> </div>
<div v-if="tabs?.data"> <div v-if="tabs?.data">
<FieldLayoutEditor <FieldLayoutEditor
@ -39,17 +40,6 @@
</div> </div>
</div> </div>
</template> </template>
<template #actions>
<div class="flex flex-row-reverse gap-2">
<Button
:loading="loading"
:label="__('Save')"
variant="solid"
@click="saveChanges"
/>
<Button :label="__('Reset')" @click="reload" />
</div>
</template>
</Dialog> </Dialog>
</template> </template>
<script setup> <script setup>
@ -57,7 +47,7 @@ import FieldLayout from '@/components/FieldLayout.vue'
import FieldLayoutEditor from '@/components/FieldLayoutEditor.vue' import FieldLayoutEditor from '@/components/FieldLayoutEditor.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, call, createResource } from 'frappe-ui'
import { ref, watch, onMounted, nextTick } from 'vue' import { ref, watch, onMounted, nextTick } from 'vue'
const props = defineProps({ const props = defineProps({

34
frontend/src/components/Modals/SidePanelModal.vue
View File

@ -16,18 +16,19 @@
<template #body-content> <template #body-content>
<div class="flex flex-col gap-5.5"> <div class="flex flex-col gap-5.5">
<div class="flex justify-between gap-2"> <div class="flex justify-between gap-2">
<FormControl <Button
type="select"
class="w-1/4"
v-model="_doctype"
:options="['CRM Lead', 'CRM Deal', 'Contact', 'CRM Organization']"
@change="reload"
/>
<Switch
v-model="preview"
:label="preview ? __('Hide preview') : __('Show preview')" :label="preview ? __('Hide preview') : __('Show preview')"
size="sm" @click="preview = !preview"
/> />
<div class="flex flex-row-reverse gap-2">
<Button
:loading="loading"
:label="__('Save')"
variant="solid"
@click="saveChanges"
/>
<Button :label="__('Reset')" @click="reload" />
</div>
</div> </div>
<div v-if="tabs.data?.[0]?.sections" class="flex gap-4"> <div v-if="tabs.data?.[0]?.sections" class="flex gap-4">
<SidePanelLayoutEditor <SidePanelLayoutEditor
@ -66,17 +67,6 @@
</div> </div>
</div> </div>
</template> </template>
<template #actions>
<div class="flex flex-row-reverse gap-2">
<Button
:loading="loading"
:label="__('Save')"
variant="solid"
@click="saveChanges"
/>
<Button :label="__('Reset')" @click="reload" />
</div>
</template>
</Dialog> </Dialog>
</template> </template>
<script setup> <script setup>
@ -85,7 +75,7 @@ import SidePanelLayout from '@/components/SidePanelLayout.vue'
import SidePanelLayoutEditor from '@/components/SidePanelLayoutEditor.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, call, createResource } from 'frappe-ui'
import { ref, watch, onMounted, nextTick } from 'vue' import { ref, watch, onMounted, nextTick } from 'vue'
const props = defineProps({ const props = defineProps({