Scheduler lookup çağrısını teke düşürdük
This commit is contained in:
Sedat Öztürk
parent
149f28bda6
commit
cbfb5ccef6
1 changed files with 109 additions and 195 deletions
|
|
@ -25,7 +25,7 @@ import { usePermission } from '@/utils/hooks/usePermission'
|
||||||
import { useListFormColumns } from './useListFormColumns'
|
import { useListFormColumns } from './useListFormColumns'
|
||||||
import { EditingFormItemDto } from '@/proxy/form/models'
|
import { EditingFormItemDto } from '@/proxy/form/models'
|
||||||
import useResponsive from '@/utils/hooks/useResponsive'
|
import useResponsive from '@/utils/hooks/useResponsive'
|
||||||
import { SimpleItemWithColData } from '../form/types'
|
import { colSpan } from '@/components/ui/Widget/iconList'
|
||||||
|
|
||||||
interface SchedulerViewProps {
|
interface SchedulerViewProps {
|
||||||
listFormCode: string
|
listFormCode: string
|
||||||
|
|
@ -45,7 +45,6 @@ const SchedulerView = (props: SchedulerViewProps) => {
|
||||||
const refListFormCode = useRef('')
|
const refListFormCode = useRef('')
|
||||||
const widgetGroupRef = useRef<HTMLDivElement>(null)
|
const widgetGroupRef = useRef<HTMLDivElement>(null)
|
||||||
const { checkPermission } = usePermission()
|
const { checkPermission } = usePermission()
|
||||||
const { smaller } = useResponsive()
|
|
||||||
|
|
||||||
const [schedulerDataSource, setSchedulerDataSource] = useState<CustomStore<any, any>>()
|
const [schedulerDataSource, setSchedulerDataSource] = useState<CustomStore<any, any>>()
|
||||||
const [gridDto, setGridDto] = useState<GridDto>()
|
const [gridDto, setGridDto] = useState<GridDto>()
|
||||||
|
|
@ -294,214 +293,127 @@ const SchedulerView = (props: SchedulerViewProps) => {
|
||||||
.slice()
|
.slice()
|
||||||
.sort((a: any, b: any) => (a.order >= b.order ? 1 : -1))
|
.sort((a: any, b: any) => (a.order >= b.order ? 1 : -1))
|
||||||
|
|
||||||
|
// Tüm tabbed items'ları topla (Grid'deki gibi)
|
||||||
|
const tabbedItems = sortedFormDto.filter((e: any) => e.itemType === 'tabbed')
|
||||||
|
|
||||||
|
// Ortak item mapper fonksiyonu - hem group hem tab için kullanılır
|
||||||
|
const mapFormItem = (i: EditingFormItemDto) => {
|
||||||
|
let editorOptions: any = {}
|
||||||
|
try {
|
||||||
|
if (i.editorOptions) {
|
||||||
|
editorOptions = JSON.parse(i.editorOptions)
|
||||||
|
}
|
||||||
|
} catch {}
|
||||||
|
|
||||||
|
const fieldName = i.dataField.split(':')[0]
|
||||||
|
const listFormField = gridDto.columnFormats.find((x: any) => x.fieldName === fieldName)
|
||||||
|
|
||||||
|
// EditorType belirleme
|
||||||
|
let editorType: any = i.editorType2 || i.editorType
|
||||||
|
if (i.editorType2 === PlatformEditorTypes.dxGridBox) {
|
||||||
|
editorType = 'dxDropDownBox'
|
||||||
|
} else if (i.editorType2) {
|
||||||
|
editorType = i.editorType2
|
||||||
|
}
|
||||||
|
|
||||||
|
// Lookup DataSource oluştur
|
||||||
|
if (listFormField?.lookupDto) {
|
||||||
|
const lookup = listFormField.lookupDto
|
||||||
|
|
||||||
|
// EditorType'ı dxSelectBox olarak ayarla
|
||||||
|
if (!editorType || editorType === 'dxTextBox') {
|
||||||
|
editorType = 'dxSelectBox'
|
||||||
|
}
|
||||||
|
|
||||||
|
if (lookup.dataSourceType === UiLookupDataSourceTypeEnum.Query) {
|
||||||
|
editorOptions.dataSource = new CustomStore({
|
||||||
|
key: 'key',
|
||||||
|
loadMode: 'raw',
|
||||||
|
load: async () => {
|
||||||
|
try {
|
||||||
|
const { dynamicFetch } = await import('@/services/form.service')
|
||||||
|
const response = await dynamicFetch('list-form-select/lookup', 'POST', null, {
|
||||||
|
listFormCode,
|
||||||
|
listFormFieldName: fieldName,
|
||||||
|
filters: [],
|
||||||
|
})
|
||||||
|
return (response.data ?? []).map((a: any) => ({
|
||||||
|
key: a.Key,
|
||||||
|
name: a.Name,
|
||||||
|
group: a.Group,
|
||||||
|
}))
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Lookup load error:', error)
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
|
||||||
|
editorOptions.valueExpr = 'key'
|
||||||
|
editorOptions.displayExpr = 'name'
|
||||||
|
} else if (lookup.dataSourceType === UiLookupDataSourceTypeEnum.StaticData) {
|
||||||
|
if (lookup.lookupQuery) {
|
||||||
|
try {
|
||||||
|
const staticData = JSON.parse(lookup.lookupQuery)
|
||||||
|
editorOptions.dataSource = staticData
|
||||||
|
editorOptions.valueExpr = lookup.valueExpr || 'key'
|
||||||
|
editorOptions.displayExpr = lookup.displayExpr || 'name'
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Static data parse error:', error)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Validation rules
|
||||||
|
const validationRules: any[] = []
|
||||||
|
if (i.isRequired) {
|
||||||
|
validationRules.push({ type: 'required' })
|
||||||
|
}
|
||||||
|
|
||||||
|
const item: any = {
|
||||||
|
dataField: i.dataField,
|
||||||
|
name: i.dataField,
|
||||||
|
editorType,
|
||||||
|
colSpan: i.colSpan,
|
||||||
|
editorOptions,
|
||||||
|
validationRules: validationRules.length > 0 ? validationRules : undefined,
|
||||||
|
}
|
||||||
|
|
||||||
|
// Label sadece caption varsa ekle
|
||||||
|
if (listFormField?.captionName) {
|
||||||
|
item.label = { text: translate('::' + listFormField.captionName) }
|
||||||
|
}
|
||||||
|
|
||||||
|
return item
|
||||||
|
}
|
||||||
|
|
||||||
sortedFormDto.forEach((group: any) => {
|
sortedFormDto.forEach((group: any) => {
|
||||||
// Items'ları da order'a göre sırala
|
// Items'ları da order'a göre sırala
|
||||||
const sortedItems = (group.items || [])
|
const sortedItems = (group.items || [])
|
||||||
.slice()
|
.slice()
|
||||||
.sort((a: any, b: any) => (a.order >= b.order ? 1 : -1))
|
.sort((a: any, b: any) => (a.order >= b.order ? 1 : -1))
|
||||||
|
|
||||||
const groupItems = sortedItems.map((i: EditingFormItemDto) => {
|
const groupItems = sortedItems.map(mapFormItem)
|
||||||
let editorOptions: any = {}
|
|
||||||
try {
|
|
||||||
if (i.editorOptions) {
|
|
||||||
editorOptions = JSON.parse(i.editorOptions)
|
|
||||||
}
|
|
||||||
} catch {}
|
|
||||||
|
|
||||||
const fieldName = i.dataField.split(':')[0]
|
|
||||||
const listFormField = gridDto.columnFormats.find((x: any) => x.fieldName === fieldName)
|
|
||||||
|
|
||||||
// EditorType belirleme - Grid'deki gibi
|
|
||||||
let editorType: any = i.editorType2 || i.editorType
|
|
||||||
if (i.editorType2 === PlatformEditorTypes.dxGridBox) {
|
|
||||||
editorType = 'dxDropDownBox'
|
|
||||||
} else if (i.editorType2) {
|
|
||||||
editorType = i.editorType2
|
|
||||||
}
|
|
||||||
|
|
||||||
// Lookup DataSource oluştur
|
|
||||||
if (listFormField?.lookupDto) {
|
|
||||||
const lookup = listFormField.lookupDto
|
|
||||||
|
|
||||||
// EditorType'ı dxSelectBox olarak ayarla
|
|
||||||
if (!editorType || editorType === 'dxTextBox') {
|
|
||||||
editorType = 'dxSelectBox'
|
|
||||||
}
|
|
||||||
|
|
||||||
if (lookup.dataSourceType === UiLookupDataSourceTypeEnum.Query) {
|
|
||||||
editorOptions.dataSource = new CustomStore({
|
|
||||||
key: 'key',
|
|
||||||
loadMode: 'raw',
|
|
||||||
load: async () => {
|
|
||||||
try {
|
|
||||||
const { dynamicFetch } = await import('@/services/form.service')
|
|
||||||
const response = await dynamicFetch('list-form-select/lookup', 'POST', null, {
|
|
||||||
listFormCode,
|
|
||||||
listFormFieldName: fieldName,
|
|
||||||
filters: [],
|
|
||||||
})
|
|
||||||
return (response.data ?? []).map((a: any) => ({
|
|
||||||
key: a.Key,
|
|
||||||
name: a.Name,
|
|
||||||
group: a.Group,
|
|
||||||
}))
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Lookup load error:', error)
|
|
||||||
return []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
})
|
|
||||||
|
|
||||||
editorOptions.valueExpr = 'key'
|
|
||||||
editorOptions.displayExpr = 'name'
|
|
||||||
} else if (lookup.dataSourceType === UiLookupDataSourceTypeEnum.StaticData) {
|
|
||||||
if (lookup.lookupQuery) {
|
|
||||||
try {
|
|
||||||
const staticData = JSON.parse(lookup.lookupQuery)
|
|
||||||
editorOptions.dataSource = staticData
|
|
||||||
editorOptions.valueExpr = lookup.valueExpr || 'key'
|
|
||||||
editorOptions.displayExpr = lookup.displayExpr || 'name'
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Static data parse error:', error)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Validation rules
|
|
||||||
const validationRules: any[] = []
|
|
||||||
if (i.isRequired) {
|
|
||||||
validationRules.push({ type: 'required' })
|
|
||||||
}
|
|
||||||
|
|
||||||
const item: any = {
|
|
||||||
dataField: i.dataField,
|
|
||||||
name: i.dataField,
|
|
||||||
editorType,
|
|
||||||
colSpan: i.colSpan,
|
|
||||||
editorOptions,
|
|
||||||
validationRules: validationRules.length > 0 ? validationRules : undefined,
|
|
||||||
}
|
|
||||||
|
|
||||||
// Label sadece caption varsa ekle
|
|
||||||
if (listFormField?.captionName) {
|
|
||||||
item.label = { text: translate('::' + listFormField.captionName) }
|
|
||||||
}
|
|
||||||
|
|
||||||
return item
|
|
||||||
})
|
|
||||||
|
|
||||||
if (group.itemType === 'group') {
|
if (group.itemType === 'group') {
|
||||||
// Grup kullanmadan direkt items'ları ekle - form'un colCount'u geçerli olsun
|
// Grup kullanmadan direkt items'ları ekle - form'un colCount'u geçerli olsun
|
||||||
formItems.push(...groupItems)
|
formItems.push(...groupItems)
|
||||||
} else if (group.itemType === 'tabbed') {
|
} else if (group.itemType === 'tabbed' && tabbedItems.length > 0 && group === tabbedItems[0]) {
|
||||||
|
// Tüm tabbed items'ları tek bir tabbed item olarak ekle (Grid'deki gibi)
|
||||||
formItems.push({
|
formItems.push({
|
||||||
itemType: 'tabbed',
|
itemType: 'tabbed',
|
||||||
tabs: (group.tabs || []).map((tab: any) => {
|
// colCount ve colSpan kaldırıldı - tab'ın tüm genişliği kullanması için
|
||||||
// Tab items'larını da order'a göre sırala
|
tabs: tabbedItems.map((tabbedItem: any) => {
|
||||||
const sortedTabItems = (tab.items || [])
|
// Tab items'larını order'a göre sırala
|
||||||
|
const sortedTabItems = (tabbedItem.items || [])
|
||||||
.slice()
|
.slice()
|
||||||
.sort((a: any, b: any) => (a.order >= b.order ? 1 : -1))
|
.sort((a: any, b: any) => (a.order >= b.order ? 1 : -1))
|
||||||
|
|
||||||
return {
|
return {
|
||||||
title: translate('::' + tab.title),
|
title: translate('::' + tabbedItem.caption), // Backend'den caption geliyor
|
||||||
colCount: tab.colCount || 2,
|
colCount: tabbedItem.colCount || 2, // Tab içindeki sütun sayısı
|
||||||
items: sortedTabItems.map((i: EditingFormItemDto) => {
|
items: sortedTabItems.map(mapFormItem),
|
||||||
// Tab içindeki itemlar için de aynı mapping
|
|
||||||
let editorOptions: any = {}
|
|
||||||
try {
|
|
||||||
if (i.editorOptions) {
|
|
||||||
editorOptions = JSON.parse(i.editorOptions)
|
|
||||||
}
|
|
||||||
} catch {}
|
|
||||||
|
|
||||||
const fieldName = i.dataField.split(':')[0]
|
|
||||||
const listFormField = gridDto.columnFormats.find(
|
|
||||||
(x: any) => x.fieldName === fieldName,
|
|
||||||
)
|
|
||||||
|
|
||||||
// EditorType belirleme - Grid'deki gibi
|
|
||||||
let editorType: any = i.editorType2 || i.editorType
|
|
||||||
if (i.editorType2 === PlatformEditorTypes.dxGridBox) {
|
|
||||||
editorType = 'dxDropDownBox'
|
|
||||||
} else if (i.editorType2) {
|
|
||||||
editorType = i.editorType2
|
|
||||||
}
|
|
||||||
|
|
||||||
if (listFormField?.lookupDto) {
|
|
||||||
const lookup = listFormField.lookupDto
|
|
||||||
|
|
||||||
// EditorType'ı dxSelectBox olarak ayarla
|
|
||||||
if (!editorType || editorType === 'dxTextBox') {
|
|
||||||
editorType = 'dxSelectBox'
|
|
||||||
}
|
|
||||||
|
|
||||||
if (lookup.dataSourceType === UiLookupDataSourceTypeEnum.Query) {
|
|
||||||
editorOptions.dataSource = new CustomStore({
|
|
||||||
key: 'key',
|
|
||||||
loadMode: 'raw',
|
|
||||||
load: async () => {
|
|
||||||
try {
|
|
||||||
const { dynamicFetch } = await import('@/services/form.service')
|
|
||||||
const response = await dynamicFetch(
|
|
||||||
'list-form-select/lookup',
|
|
||||||
'POST',
|
|
||||||
null,
|
|
||||||
{
|
|
||||||
listFormCode,
|
|
||||||
listFormFieldName: fieldName,
|
|
||||||
filters: [],
|
|
||||||
},
|
|
||||||
)
|
|
||||||
return (response.data ?? []).map((a: any) => ({
|
|
||||||
key: a.Key,
|
|
||||||
name: a.Name,
|
|
||||||
group: a.Group,
|
|
||||||
}))
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Lookup load error:', error)
|
|
||||||
return []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
})
|
|
||||||
|
|
||||||
editorOptions.valueExpr = 'key'
|
|
||||||
editorOptions.displayExpr = 'name'
|
|
||||||
} else if (lookup.dataSourceType === UiLookupDataSourceTypeEnum.StaticData) {
|
|
||||||
if (lookup.lookupQuery) {
|
|
||||||
try {
|
|
||||||
const staticData = JSON.parse(lookup.lookupQuery)
|
|
||||||
editorOptions.dataSource = staticData
|
|
||||||
editorOptions.valueExpr = lookup.valueExpr || 'key'
|
|
||||||
editorOptions.displayExpr = lookup.displayExpr || 'name'
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Static data parse error:', error)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const validationRules: any[] = []
|
|
||||||
if (i.isRequired) {
|
|
||||||
validationRules.push({ type: 'required' })
|
|
||||||
}
|
|
||||||
|
|
||||||
const item: any = {
|
|
||||||
dataField: i.dataField,
|
|
||||||
name: i.dataField,
|
|
||||||
editorType,
|
|
||||||
colSpan: i.colSpan,
|
|
||||||
editorOptions,
|
|
||||||
validationRules: validationRules.length > 0 ? validationRules : undefined,
|
|
||||||
}
|
|
||||||
|
|
||||||
// Label sadece caption varsa ekle
|
|
||||||
if (listFormField?.captionName) {
|
|
||||||
item.label = { text: translate('::' + listFormField.captionName) }
|
|
||||||
}
|
|
||||||
|
|
||||||
return item
|
|
||||||
}),
|
|
||||||
}
|
}
|
||||||
}),
|
}),
|
||||||
})
|
})
|
||||||
|
|
@ -513,8 +425,10 @@ const SchedulerView = (props: SchedulerViewProps) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
// Form'u tamamen yeniden yapılandır
|
// Form'u tamamen yeniden yapılandır
|
||||||
|
// Tabbed varsa form colCount 1, yoksa backend'den gelen değer
|
||||||
|
const hasTabbedItems = formItems.some((item: any) => item.itemType === 'tabbed')
|
||||||
const formConfig = {
|
const formConfig = {
|
||||||
colCount: gridDto.gridOptions.editingFormDto?.[0]?.colCount || 2,
|
colCount: hasTabbedItems ? 1 : (gridDto.gridOptions.editingFormDto?.[0]?.colCount || 2),
|
||||||
showValidationSummary: false,
|
showValidationSummary: false,
|
||||||
items: formItems,
|
items: formItems,
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue