From c6f98d59285656f179eea80662e86f7cf5329e59 Mon Sep 17 00:00:00 2001 From: Aijana Schumann Date: Mon, 30 Nov 2020 18:51:52 +0100 Subject: Add aria-labels Add aria-labels to odlux framework and apps Issue-ID: CCSDK-2886 Signed-off-by: Aijana Schumann Change-Id: If1fdf9f8a805b567dd65bcf2cfb029b71f9235b7 --- .../src/components/ifWhenTextInput.tsx | 2 +- .../src/components/uiElementBoolean.tsx | 5 +- .../src/components/uiElementReference.tsx | 4 +- .../src/components/uiElementSelection.tsx | 6 +-- .../src/views/networkElementSelector.tsx | 4 +- .../src/components/connectionStatusLog.tsx | 4 +- .../src/components/editNetworkElementDialog.tsx | 6 +-- .../src/components/infoNetworkElementDialog.tsx | 14 +++--- .../apps/connectApp/src/views/connectView.tsx | 6 +-- .../odlux/apps/eventLogApp/src/views/eventLog.tsx | 2 +- .../apps/faultApp/src/views/faultApplication.tsx | 16 ++++--- .../apps/inventoryApp/src/views/dashboard.tsx | 14 +++--- .../odlux/apps/inventoryApp/src/views/treeview.tsx | 2 +- .../maintenanceApp/src/views/maintenenceView.tsx | 2 +- .../src/components/details/linkDetails.tsx | 8 ++-- .../src/components/details/siteDetails.tsx | 17 ++++--- .../src/components/adaptiveModulation.tsx | 2 +- .../src/components/chartFilter.tsx | 14 +++--- .../src/components/crossPolarDiscrimination.tsx | 2 +- .../src/components/ltpSelection.tsx | 12 ++--- .../src/components/performanceData.tsx | 2 +- .../src/components/receiveLevel.tsx | 2 +- .../src/components/signalToInterference.tsx | 2 +- .../src/components/temperature.tsx | 2 +- .../src/components/transmissionPower.tsx | 2 +- .../src/views/performanceHistoryApplication.tsx | 18 +++---- sdnr/wt/odlux/framework/src/app.tsx | 15 ------ .../src/components/material-table/index.tsx | 9 ++-- .../src/components/material-table/tableFilter.tsx | 4 +- .../src/components/material-table/tableToolbar.tsx | 3 +- .../src/components/material-ui/treeView.tsx | 9 ++-- .../framework/src/components/objectDump/index.tsx | 56 +++++++++++++++++----- 32 files changed, 145 insertions(+), 121 deletions(-) (limited to 'sdnr') diff --git a/sdnr/wt/odlux/apps/configurationApp/src/components/ifWhenTextInput.tsx b/sdnr/wt/odlux/apps/configurationApp/src/components/ifWhenTextInput.tsx index 62ddeb22d..56ec8dfd0 100644 --- a/sdnr/wt/odlux/apps/configurationApp/src/components/ifWhenTextInput.tsx +++ b/sdnr/wt/odlux/apps/configurationApp/src/components/ifWhenTextInput.tsx @@ -75,7 +75,7 @@ export const IfWhenTextInput = (props: IfwhenProps) => { return ( {label} - {ifFeature}{whenFeature}} {...otherProps} /> + {ifFeature}{whenFeature}} {...otherProps} /> {errorText} ); diff --git a/sdnr/wt/odlux/apps/configurationApp/src/components/uiElementBoolean.tsx b/sdnr/wt/odlux/apps/configurationApp/src/components/uiElementBoolean.tsx index 2fbbf956f..081ec46e8 100644 --- a/sdnr/wt/odlux/apps/configurationApp/src/components/uiElementBoolean.tsx +++ b/sdnr/wt/odlux/apps/configurationApp/src/components/uiElementBoolean.tsx @@ -35,6 +35,7 @@ export const UiElementBoolean = (props: BooleanInputProps) => { ? ( {element.label} {mandetoryError ? "Value is mandetory" : ""} diff --git a/sdnr/wt/odlux/apps/configurationApp/src/components/uiElementReference.tsx b/sdnr/wt/odlux/apps/configurationApp/src/components/uiElementReference.tsx index 2760eee50..b95df1f51 100644 --- a/sdnr/wt/odlux/apps/configurationApp/src/components/uiElementReference.tsx +++ b/sdnr/wt/odlux/apps/configurationApp/src/components/uiElementReference.tsx @@ -39,9 +39,9 @@ export const UIElementReference: React.FC = (props) => return ( - + }}>{`${element.label}`} ); diff --git a/sdnr/wt/odlux/apps/configurationApp/src/components/uiElementSelection.tsx b/sdnr/wt/odlux/apps/configurationApp/src/components/uiElementSelection.tsx index 278605144..530b0be9b 100644 --- a/sdnr/wt/odlux/apps/configurationApp/src/components/uiElementSelection.tsx +++ b/sdnr/wt/odlux/apps/configurationApp/src/components/uiElementSelection.tsx @@ -19,7 +19,7 @@ import * as React from 'react'; import { BaseProps } from './baseProps'; import { ViewElementSelection } from '../models/uiModels' -import { FormControl, InputLabel, Select, FormHelperText, MenuItem } from '@material-ui/core'; +import { FormControl, InputLabel, Select, FormHelperText, MenuItem, Tooltip } from '@material-ui/core'; type selectionProps = BaseProps; @@ -37,20 +37,20 @@ export const UiElementSelection = (props: selectionProps) => { ? ( {element.label} {error} diff --git a/sdnr/wt/odlux/apps/configurationApp/src/views/networkElementSelector.tsx b/sdnr/wt/odlux/apps/configurationApp/src/views/networkElementSelector.tsx index 503133b0f..5d849986d 100644 --- a/sdnr/wt/odlux/apps/configurationApp/src/views/networkElementSelector.tsx +++ b/sdnr/wt/odlux/apps/configurationApp/src/views/networkElementSelector.tsx @@ -55,8 +55,8 @@ class NetworkElementSelectorComponent extends React.Component { this.props.history.push(`${this.props.match.path}/${row.nodeId}`) }} columns={[ - { property: "nodeId", title: "Name", type: ColumnType.text }, - { property: "isRequired", title: "Required ?", type: ColumnType.boolean }, + { property: "nodeId", title: "Node Name", type: ColumnType.text }, + { property: "isRequired", title: "Required", type: ColumnType.boolean }, { property: "host", title: "Host", type: ColumnType.text }, { property: "port", title: "Port", type: ColumnType.numeric }, { property: "coreModelCapability", title: "Core Model", type: ColumnType.text }, diff --git a/sdnr/wt/odlux/apps/connectApp/src/components/connectionStatusLog.tsx b/sdnr/wt/odlux/apps/connectApp/src/components/connectionStatusLog.tsx index 96f6c8a6b..f2fd2937d 100644 --- a/sdnr/wt/odlux/apps/connectApp/src/components/connectionStatusLog.tsx +++ b/sdnr/wt/odlux/apps/connectApp/src/components/connectionStatusLog.tsx @@ -42,9 +42,9 @@ class ConnectionStatusLogComponent extends React.Component ); diff --git a/sdnr/wt/odlux/apps/connectApp/src/components/editNetworkElementDialog.tsx b/sdnr/wt/odlux/apps/connectApp/src/components/editNetworkElementDialog.tsx index 3b4cf3bb5..97e6647cf 100644 --- a/sdnr/wt/odlux/apps/connectApp/src/components/editNetworkElementDialog.tsx +++ b/sdnr/wt/odlux/apps/connectApp/src/components/editNetworkElementDialog.tsx @@ -192,11 +192,11 @@ class EditNetworkElementDialogComponent extends React.Component { this.setState({ password: event.target.value }); }} /> || null} Required - { this.setState({ isRequired: event.target.value as any as boolean }); }} inputProps={{ name: 'required', id: 'required' }} fullWidth > - True - False + True + False diff --git a/sdnr/wt/odlux/apps/connectApp/src/components/infoNetworkElementDialog.tsx b/sdnr/wt/odlux/apps/connectApp/src/components/infoNetworkElementDialog.tsx index ea9d419ec..df8515e58 100644 --- a/sdnr/wt/odlux/apps/connectApp/src/components/infoNetworkElementDialog.tsx +++ b/sdnr/wt/odlux/apps/connectApp/src/components/infoNetworkElementDialog.tsx @@ -56,7 +56,7 @@ const settings: { [key: string]: DialogSettings } = { [InfoNetworkElementDialogMode.InfoNetworkElement]: { dialogTitle: "Yang capabilities of the network element", dialogDescription: "Available capabilities of the network element", - cancelButtonText: "Cancel", + cancelButtonText: "OK", } } @@ -97,6 +97,8 @@ class InfoNetworkElementDialogComponent extends React.Component a.module === b.module ? 0 : a.module > b.module ? 1 : -1); + return ( {setting.dialogTitle} @@ -104,7 +106,7 @@ class InfoNetworkElementDialogComponent extends React.Component {setting.dialogDescription + " " + this.state.nodeId} - +
S.No @@ -114,17 +116,17 @@ class InfoNetworkElementDialogComponent extends React.Component {yangCapabilities.map((yang, index) => ( - + {index + 1} - {yang.module} - {yang.revision} + {yang.module} + {yang.revision} ))}
-