diff options
Diffstat (limited to 'sdnr/wt/odlux/apps/faultApp/src')
| -rw-r--r-- | sdnr/wt/odlux/apps/faultApp/src/components/faultStatus.tsx | 10 | ||||
| -rw-r--r-- | sdnr/wt/odlux/apps/faultApp/src/views/faultApplication.tsx | 6 |
2 files changed, 12 insertions, 4 deletions
diff --git a/sdnr/wt/odlux/apps/faultApp/src/components/faultStatus.tsx b/sdnr/wt/odlux/apps/faultApp/src/components/faultStatus.tsx index 1ec463f47..b711b0375 100644 --- a/sdnr/wt/odlux/apps/faultApp/src/components/faultStatus.tsx +++ b/sdnr/wt/odlux/apps/faultApp/src/components/faultStatus.tsx @@ -57,12 +57,20 @@ class FaultStatusComponent extends React.Component<FaultStatusComponentProps> { const { classes, faultStatus } = this.props; return ( - <Typography variant="body1" color="inherit" > + <> + <Typography variant="body1" color="inherit" aria-label="critical-alarms"> Alarm Status: <FontAwesomeIcon className={`${classes.icon} ${classes.critical}`} icon={faExclamationTriangle} /> { faultStatus.critical } | + </Typography> + <Typography variant="body1" color="inherit" aria-label="major-alarms"> <FontAwesomeIcon className={`${classes.icon} ${classes.major}`} icon={faExclamationTriangle} /> { faultStatus.major } | + </Typography> + <Typography variant="body1" color="inherit" aria-label="minor-alarms"> <FontAwesomeIcon className={`${classes.icon} ${classes.minor}`} icon={faExclamationTriangle} /> { faultStatus.minor } | + </Typography> + <Typography variant="body1" color="inherit" aria-label="warning-alarms"> <FontAwesomeIcon className={`${classes.icon} ${classes.warning}`} icon={faExclamationTriangle} /> { faultStatus.warning } | </Typography> + </> ); }; } diff --git a/sdnr/wt/odlux/apps/faultApp/src/views/faultApplication.tsx b/sdnr/wt/odlux/apps/faultApp/src/views/faultApplication.tsx index 10721549c..7c29fec56 100644 --- a/sdnr/wt/odlux/apps/faultApp/src/views/faultApplication.tsx +++ b/sdnr/wt/odlux/apps/faultApp/src/views/faultApplication.tsx @@ -138,9 +138,9 @@ class FaultApplicationComponent extends React.Component<FaultApplicationComponen <> <AppBar position="static" > <Tabs value={activePanelId} onChange={this.onHandleTabChange} aria-label="fault tabs"> - <Tab label="Current Problem List" value="CurrentProblem" /> - <Tab label={`Alarm Notifications (${this.props.faultNotifications.faults.length})`} value="AlarmNotifications" /> - <Tab label="Alarm Log" value="AlarmLog" /> + <Tab aria-label="current-problem-list-tab" label="Current Problem List" value="CurrentProblem" /> + <Tab aria-label="alarm-notifications-list-tab" label={`Alarm Notifications (${this.props.faultNotifications.faults.length})`} value="AlarmNotifications" /> + <Tab aria-label="alarm-log-tab" label="Alarm Log" value="AlarmLog" /> </Tabs> </AppBar> { |