From 86bc22ea3e1e83b6bed589a6fe6d3d82a9ef311f Mon Sep 17 00:00:00 2001 From: Leticia de la Osa Date: Wed, 22 May 2024 16:50:50 +0200 Subject: [PATCH 1/5] Modified labels for checkbox --- src/pods/edit-table/components/field.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/pods/edit-table/components/field.tsx b/src/pods/edit-table/components/field.tsx index 7acd1be3..7a6aa1a3 100644 --- a/src/pods/edit-table/components/field.tsx +++ b/src/pods/edit-table/components/field.tsx @@ -37,9 +37,9 @@ interface Props { const INPUT_NAME = 'Field for field '; const CHECKBOX_PK = 'Checkbox pk for field '; -const CHECKBOX_FK = 'Checkbox fk for field '; -const CHECKBOX_ARRAY = 'Checkbox isArray for field '; -const CHECKBOX_ISNN = 'Checkbox isNN for field '; +const CHECKBOX_FK = 'Foreign key for field '; +const CHECKBOX_ARRAY = 'Array for field '; +const CHECKBOX_ISNN = 'Not null for field '; const SELECT = 'Select field type for'; const NESTED_FIELD_ADD_FIELD_LABEL = 'Add nested field for '; From 85e76734a7241212b0bb20b6f1939fa8de85cbf6 Mon Sep 17 00:00:00 2001 From: Leticia de la Osa Date: Thu, 23 May 2024 09:10:20 +0200 Subject: [PATCH 2/5] canvas accessibility removed header buttons --- .../components/collection-accessible.component.tsx | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/src/pods/canvas/components/canvas-accessible/components/collection-accessible.component.tsx b/src/pods/canvas/components/canvas-accessible/components/collection-accessible.component.tsx index 22aa3699..69ec8c4e 100644 --- a/src/pods/canvas/components/canvas-accessible/components/collection-accessible.component.tsx +++ b/src/pods/canvas/components/canvas-accessible/components/collection-accessible.component.tsx @@ -28,20 +28,24 @@ export const CollectionAccessible: React.FC = props => { <>

{table.tableName} collection - {!isTabletOrMobileDevice ? ( - <> +

+ {!isTabletOrMobileDevice ? ( +
    +
  • +
    • +
  • - - ) : null} - +
    • +
+ ) : null}

Fields for {table.tableName} collection

Date: Thu, 23 May 2024 12:55:53 +0200 Subject: [PATCH 3/5] Add spaces, and delete invalid aria-label --- .../components/field-accessible.component.tsx | 19 ++++++++++++++----- 1 file changed, 14 insertions(+), 5 deletions(-) diff --git a/src/pods/canvas/components/canvas-accessible/components/field-accessible.component.tsx b/src/pods/canvas/components/canvas-accessible/components/field-accessible.component.tsx index 878ebdee..c8390d21 100644 --- a/src/pods/canvas/components/canvas-accessible/components/field-accessible.component.tsx +++ b/src/pods/canvas/components/canvas-accessible/components/field-accessible.component.tsx @@ -8,10 +8,18 @@ interface Props { } export const Field: React.FC = props => { - const { field, listName } = props; + const { field } = props; const renderNNElement = (NN?: boolean) => { - if (NN) return NN; + if (NN) return Not Null; + }; + const renderArrayElement = (isArray?: boolean) => { + if (isArray) + return ( + <> + array  + + ); }; const renderChildrenElement = (name: string, children?: FieldVm[]) => { @@ -20,9 +28,10 @@ export const Field: React.FC = props => { }; return ( -
  • - {field.name} - {field.type} +
  • + {field.name}  + {field.type}  + {renderArrayElement(field.isArray)} {renderNNElement(field.isNN)} {renderChildrenElement(field.name, field.children)}
    • From 615ccb6d8f558eeb4a28b575cfccf46fef242c63 Mon Sep 17 00:00:00 2001 From: Leticia de la Osa Date: Thu, 23 May 2024 13:27:16 +0200 Subject: [PATCH 4/5] added html structure to edit page --- src/pods/canvas/canvas.pod.tsx | 4 ++-- src/pods/footer/footer.component.tsx | 4 ++-- src/pods/toolbar/toolbar.pod.tsx | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/pods/canvas/canvas.pod.tsx b/src/pods/canvas/canvas.pod.tsx index afcf0168..fec169a2 100644 --- a/src/pods/canvas/canvas.pod.tsx +++ b/src/pods/canvas/canvas.pod.tsx @@ -233,7 +233,7 @@ export const CanvasPod: React.FC = () => { }, [modalDialog.isOpen, canvasSchema.selectedElementId]); return ( -
    { /> )}
    - + ); }; diff --git a/src/pods/footer/footer.component.tsx b/src/pods/footer/footer.component.tsx index 75623528..a1ff96a6 100644 --- a/src/pods/footer/footer.component.tsx +++ b/src/pods/footer/footer.component.tsx @@ -29,11 +29,11 @@ export const FooterComponent: React.FC = () => { ? getFileNameCanvasIsPristine(filename, NEW_DOCUMENT_NAME) : getFileNameCanvasDirty(filename, NEW_DOCUMENT_NAME, ASTERISK); return ( -
    +
    {isDevice ? documentNameMobile() : documentName()} -
    + ); }; diff --git a/src/pods/toolbar/toolbar.pod.tsx b/src/pods/toolbar/toolbar.pod.tsx index 0a813c4d..bfa85508 100644 --- a/src/pods/toolbar/toolbar.pod.tsx +++ b/src/pods/toolbar/toolbar.pod.tsx @@ -20,7 +20,7 @@ import classes from './toolbar.pod.module.css'; export const ToolbarPod: React.FC = () => { return ( -
    +
    @@ -35,6 +35,6 @@ export const ToolbarPod: React.FC = () => { -
    + ); }; From e9d47e8221b6cea7bd5eb4384bc937a06b653a2b Mon Sep 17 00:00:00 2001 From: Leticia de la Osa Date: Thu, 23 May 2024 14:03:12 +0200 Subject: [PATCH 5/5] Select the text inside the collection name input. --- src/pods/edit-table/edit-table.component.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/pods/edit-table/edit-table.component.tsx b/src/pods/edit-table/edit-table.component.tsx index b6fcacb6..fcb9259e 100644 --- a/src/pods/edit-table/edit-table.component.tsx +++ b/src/pods/edit-table/edit-table.component.tsx @@ -71,6 +71,7 @@ export const EditTableComponent: React.FC = props => { type="text" value={table.tableName} onChange={handleChangeTableName} + onFocus={e => e.currentTarget.select()} />