External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-13 02:50:02 -03:30
Code Issues Packages Projects Releases Wiki Activity

Start with nav expanded

Browse Source
This commit is contained in:
Jake McDermott 2020-11-17 18:52:55 -05:00
parent b338da40c5
commit 471e22a4e2
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
awx/ui_next/src/components/AppContainer/NavExpandableGroup.jsx
View File

@ -7,10 +7,12 @@ class NavExpandableGroup extends Component {
constructor(props) {
super(props);
const { routes } = this.props;
this.state = { isExpanded: true };
// Extract a list of paths from the route params and store them for later. This creates
// an array of url paths associated with any NavItem component rendered by this component.
this.navItemPaths = routes.map(({ path }) => path);
this.handleExpand = this.handleExpand.bind(this);
this.isActiveGroup = this.isActiveGroup.bind(this);
this.isActivePath = this.isActivePath.bind(this);
}
@ -24,8 +26,13 @@ class NavExpandableGroup extends Component {
return Boolean(matchPath(history.location.pathname, { path }));
}
handleExpand(e, isExpanded) {
this.setState({ isExpanded });
}
render() {
const { groupId, groupTitle, routes } = this.props;
const { isExpanded } = this.state;
if (routes.length === 1) {
const [{ path }] = routes;
@ -39,8 +46,10 @@ class NavExpandableGroup extends Component {
return (
<NavExpandable
isActive={this.isActiveGroup()}
isExpanded={isExpanded}
groupId={groupId}
title={groupTitle}
onExpand={this.handleExpand}
>
{routes.map(({ path, title }) => (
<NavItem