External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-23 16:47:45 -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`)}
eventKey={0}
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>
<GraphCardHeader>
<GraphCardActions>
@@ -245,11 +231,32 @@ function Dashboard({ i18n }) {
/>
</CardBody>
</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 && (
<TemplateList defaultParams={{ page_size: 5 }} />
)}
</div>
</Tab>
</Tabs>
</Card>
</div>
</MainPageSection>