Added basic crud for objects

This commit is contained in:
Francisco Gaona
2025-12-22 09:36:39 +01:00
parent 0fe56c0e03
commit f4067c56b4
7 changed files with 255 additions and 85 deletions

View File

@@ -10,6 +10,12 @@ export const useFields = () => {
* Convert backend field definition to frontend FieldConfig
*/
const mapFieldDefinitionToConfig = (fieldDef: any): FieldConfig => {
// Convert isSystem to boolean (handle 0/1 from database)
const isSystemField = Boolean(fieldDef.isSystem)
// Only truly system fields (id, createdAt, updatedAt, etc.) should be hidden on edit
const isAutoGeneratedField = ['id', 'createdAt', 'updatedAt', 'createdBy', 'updatedBy'].includes(fieldDef.apiName)
return {
id: fieldDef.id,
apiName: fieldDef.apiName,
@@ -23,13 +29,13 @@ export const useFields = () => {
// Validation
isRequired: fieldDef.isRequired,
isReadOnly: fieldDef.isSystem || fieldDef.uiMetadata?.isReadOnly,
isReadOnly: isAutoGeneratedField || fieldDef.uiMetadata?.isReadOnly,
validationRules: fieldDef.uiMetadata?.validationRules || [],
// View options
// View options - only hide auto-generated fields by default
showOnList: fieldDef.uiMetadata?.showOnList ?? true,
showOnDetail: fieldDef.uiMetadata?.showOnDetail ?? true,
showOnEdit: fieldDef.uiMetadata?.showOnEdit ?? !fieldDef.isSystem,
showOnEdit: fieldDef.uiMetadata?.showOnEdit ?? !isAutoGeneratedField,
sortable: fieldDef.uiMetadata?.sortable ?? true,
// Field type specific
@@ -176,14 +182,15 @@ export const useViewState = <T extends { id?: string }>(
const saving = ref(false)
const error = ref<string | null>(null)
const api = useApi()
const { api } = useApi()
const fetchRecords = async (params?: Record<string, any>) => {
loading.value = true
error.value = null
try {
const response = await api.get(apiEndpoint, { params })
records.value = response.data
// Handle response - data might be directly in response or in response.data
records.value = response.data || response || []
} catch (e: any) {
error.value = e.message
console.error('Failed to fetch records:', e)
@@ -197,7 +204,8 @@ export const useViewState = <T extends { id?: string }>(
error.value = null
try {
const response = await api.get(`${apiEndpoint}/${id}`)
currentRecord.value = response.data
// Handle response - data might be directly in response or in response.data
currentRecord.value = response.data || response
} catch (e: any) {
error.value = e.message
console.error('Failed to fetch record:', e)
@@ -211,9 +219,12 @@ export const useViewState = <T extends { id?: string }>(
error.value = null
try {
const response = await api.post(apiEndpoint, data)
records.value.push(response.data)
currentRecord.value = response.data
return response.data
// Handle response - it might be the data directly or wrapped in { data: ... }
const recordData = response.data || response
records.value.push(recordData)
currentRecord.value = recordData
return recordData
} catch (e: any) {
error.value = e.message
console.error('Failed to create record:', e)
@@ -227,13 +238,18 @@ export const useViewState = <T extends { id?: string }>(
saving.value = true
error.value = null
try {
const response = await api.put(`${apiEndpoint}/${id}`, data)
// Remove auto-generated fields that shouldn't be updated
const { id: _id, createdAt, created_at, updatedAt, updated_at, createdBy, updatedBy, ...updateData } = data as any
const response = await api.put(`${apiEndpoint}/${id}`, updateData)
// Handle response - data might be directly in response or in response.data
const recordData = response.data || response
const idx = records.value.findIndex(r => r.id === id)
if (idx !== -1) {
records.value[idx] = response.data
records.value[idx] = recordData
}
currentRecord.value = response.data
return response.data
currentRecord.value = recordData
return recordData
} catch (e: any) {
error.value = e.message
console.error('Failed to update record:', e)