Refactor DocumentSizeInfo and DocumentTemplateInfo components for improved UI and functionality

- Adjusted the disabled state logic in DocumentSizeInfo and DocumentTemplateInfo components for better clarity during editing.
- Added labelWidth properties to DocumentTemplateInfo for enhanced layout control.
- Updated the labelWidth in DocumentTemplateInfo to improve consistency in UI presentation.

src/components/Dashboard/Management/DocumentSizes/DocumentSizeInfo.jsx

@@ -121,7 +121,9 @@ const DocumentSizeInfo = () => {
               }}
               editLoading={objectFormState.editLoading}
               formValid={objectFormState.formValid}
-              disabled={objectFormState.beingEditedByOther || objectFormState.loading}
+              disabled={
+                objectFormState.beingEditedByOther || objectFormState.loading
+              }
               loading={objectFormState.editLoading}
             />
           </Space>
@@ -154,6 +156,7 @@ const DocumentSizeInfo = () => {
                       loading={loading}
                       indicator={<LoadingOutlined />}
                       isEditing={isEditing}
+                      labelWidth={160}
                       type='documentSize'
                       objectData={objectData}
                     />

src/components/Dashboard/Management/DocumentTemplates/DocumentTemplateInfo.jsx

@@ -126,7 +126,9 @@ const DocumentTemplateInfo = () => {
               }}
               editLoading={objectFormState.editLoading}
               formValid={objectFormState.formValid}
-              disabled={objectFormState.beingEditedByOther || objectFormState.loading}
+              disabled={
+                objectFormState.beingEditedByOther || objectFormState.loading
+              }
               loading={objectFormState.editLoading}
             />
           </Space>
@@ -167,7 +169,7 @@ const DocumentTemplateInfo = () => {
                           content: false,
                           testObject: false
                         }}
-                        labelWidth='175px'
+                        labelWidth='190px'
                       />
                     )
                   }}

src/database/models/DocumentJob.js

@@ -84,6 +84,13 @@ export const DocumentJob = {
       readOnly: true,
       columnWidth: 180
     },
+    {
+      name: 'updatedAt',
+      label: 'Updated At',
+      type: 'dateTime',
+      readOnly: true,
+      columnWidth: 175
+    },
     {
       name: 'name',
       label: 'Name',
@@ -97,13 +104,7 @@ export const DocumentJob = {
         }
       }
     },
-    {
+
-      name: 'updatedAt',
-      label: 'Updated At',
-      type: 'dateTime',
-      readOnly: true,
-      columnWidth: 175
-    },
     {
       name: 'state',
       label: 'Status',

src/database/models/DocumentSize.js

@@ -98,6 +98,13 @@ export const DocumentSize = {
       readOnly: true,
       columnWidth: 180
     },
+    {
+      name: 'updatedAt',
+      label: 'Updated At',
+      type: 'dateTime',
+      readOnly: true,
+      columnWidth: 175
+    },
     {
       name: 'name',
       label: 'Name',
@@ -107,11 +114,11 @@ export const DocumentSize = {
       columnFixed: 'left'
     },
     {
-      name: 'updatedAt',
+      name: 'infiniteHeight',
-      label: 'Updated At',
+      label: 'Infinite Height',
-      type: 'dateTime',
+      required: true,
-      readOnly: true,
+      columnWidth: 150,
-      columnWidth: 175
+      type: 'bool'
     },
     {
       name: 'width',
@@ -128,16 +135,9 @@ export const DocumentSize = {
       columnWidth: 150,
       type: 'number',
       suffix: 'mm',
-      disabled: (objectData) => {
+      visible: (objectData) => {
-        return objectData.infiniteHeight
+        return !objectData.infiniteHeight
       }
-    },
-    {
-      name: 'infiniteHeight',
-      label: 'Infinite Height',
-      required: true,
-      columnWidth: 150,
-      type: 'bool'
     }
   ]
 }