External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-07-28 00:19:54 -02:30
Code Issues Packages Projects Releases Wiki Activity

fix a11y labels on dashboard tabs

Browse Source
This commit is contained in:
Keith J. Grant
2021-04-08 11:32:53 -07:00
parent 30f08582ed
commit 03fbeb2a27
1 changed files with 76 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
awx/ui_next/src/screens/Dashboard/Dashboard.jsx
View File

@@ -170,21 +170,7 @@ function Dashboard({ i18n }) {
aria-label={i18n._(t`Job status graph tab`)} aria-label={i18n._(t`Job status graph tab`)}
eventKey={0} eventKey={0}
title={<TabTitleText>{i18n._(t`Job status`)}</TabTitleText>} title={<TabTitleText>{i18n._(t`Job status`)}</TabTitleText>}
/> >
<Tab
aria-label={i18n._(t`Recent Jobs list tab`)}
eventKey={1}
title={<TabTitleText>{i18n._(t`Recent Jobs`)}</TabTitleText>}
/>
<Tab
aria-label={i18n._(t`Recent Templates list tab`)}
eventKey={2}
title={
<TabTitleText>{i18n._(t`Recent Templates`)}</TabTitleText>
}
/>
</Tabs>
{activeTabId === 0 && (
<Fragment> <Fragment>
<GraphCardHeader> <GraphCardHeader>
<GraphCardActions> <GraphCardActions>
@@ -245,11 +231,32 @@ function Dashboard({ i18n }) {
/> />
</CardBody> </CardBody>
</Fragment> </Fragment>
</Tab>
<Tab
aria-label={i18n._(t`Recent Jobs list tab`)}
eventKey={1}
title={<TabTitleText>{i18n._(t`Recent Jobs`)}</TabTitleText>}
>
<div>
{activeTabId === 1 && (
<JobList defaultParams={{ page_size: 5 }} />
)} )}
{activeTabId === 1 && <JobList defaultParams={{ page_size: 5 }} />} </div>
</Tab>
<Tab
aria-label={i18n._(t`Recent Templates list tab`)}
eventKey={2}
title={
<TabTitleText>{i18n._(t`Recent Templates`)}</TabTitleText>
}
>
<div>
{activeTabId === 2 && ( {activeTabId === 2 && (
<TemplateList defaultParams={{ page_size: 5 }} /> <TemplateList defaultParams={{ page_size: 5 }} />
)} )}
</div>
</Tab>
</Tabs>
</Card> </Card>
</div> </div>
</MainPageSection> </MainPageSection>