Skip to content

Commit

Permalink
Fixed ids
Browse files Browse the repository at this point in the history
  • Loading branch information
@rmathis
rmathis committed Sep 1, 2021
1 parent 271727f commit c8b3b00
Showing 1 changed file with 19 additions and 16 deletions.
35 changes: 19 additions & 16 deletions ui/src/app/core/components/Header.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,9 @@ import { Link } from 'react-router-dom';
import Nav from 'react-bootstrap/Nav';
import Navbar from 'react-bootstrap/Navbar';
import Dropdown from 'react-bootstrap/Dropdown';
import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
import Tooltip from 'react-bootstrap/Tooltip';

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faTh, faSignOutAlt, faPlusCircle, faCube, faCubes, faUsersCog, faUser, faSpinner, faUserCircle, faCog } from '@fortawesome/free-solid-svg-icons';
import { faTh, faSignOutAlt, faPlusCircle, faCube, faCubes, faUsersCog, faSpinner, faUserCircle, faCog, faFileArchive } from '@fortawesome/free-solid-svg-icons';

import Translate from '../../i18n/components/translate';
import { useTranslator } from '../../i18n/hooks';
Expand Down Expand Up @@ -42,56 +40,61 @@ export function Header () {
<Navbar.Collapse id="basic-navbar-nav">
<Nav className="ml-auto align-items-md-center" navbar>
<div className="border-md-right px-2">
<Link to="/dashboard" className="btn btn-link btn-sm" aria-label="Metadata Dashboard">
<Link id="dashboard-nav" to="/dashboard" className="btn btn-link btn-sm" aria-label="Metadata Dashboard">
<i className="fa fa-th fa-fw" aria-hidden="true"></i>
<FontAwesomeIcon icon={faTh} className="mr-2" />
<Translate value="action.dashboard">Dashboard</Translate>
</Link>
</div>
<Dropdown className="border-md-right px-2" id="basic-nav-dropdown">
<Dropdown.Toggle variant="link" id="dropdown-basic" size="sm">
<Dropdown className="border-md-right px-2" id="metadata-nav-dropdown">
<Dropdown.Toggle variant="link" id="metadata-nav-dropdown-toggle" size="sm">
<FontAwesomeIcon icon={faPlusCircle} className="mr-2" />
<Translate value={'action.add-new'} />
</Dropdown.Toggle>
<Dropdown.Menu>
<Dropdown.Item as={Link} to="/metadata/source/new" className="text-primary py-2">
<Dropdown.Item as={Link} to="/metadata/source/new" className="text-primary py-2" id="metadata-nav-dropdown-source">
<FontAwesomeIcon icon={faCube} className="mr-2" />
<Translate value="action.add-new-source" />
</Dropdown.Item>
{isAdmin && <Dropdown.Item as={Link} to="/metadata/provider/new" className="text-primary py-2">
{isAdmin && <Dropdown.Item as={Link} to="/metadata/provider/new" className="text-primary py-2" id="metadata-nav-dropdown-provider">
<FontAwesomeIcon icon={faCubes} className="mr-2" />
<Translate value="action.add-new-provider" />
</Dropdown.Item> }
</Dropdown.Menu>
</Dropdown>
{isAdmin &&
<Dropdown className="border-md-right px-2" id="basic-nav-dropdown">
<Dropdown.Toggle variant="link" id="dropdown-basic" size="sm">
<Dropdown className="border-md-right px-2" id="advanced-nav-dropdown">
<Dropdown.Toggle variant="link" id="advanced-nav-dropdown-toggle" size="sm">
<FontAwesomeIcon icon={faCog} className="mr-2" />
<Translate value={'action.advanced'} />
</Dropdown.Toggle>
<Dropdown.Menu>
<Dropdown.Item as={Link} to="/metadata/attributes" className="text-primary py-2">
<Dropdown.Item as={Link} to="/metadata/attributes" className="text-primary py-2" id="advanced-nav-dropdown-attr">
<FontAwesomeIcon icon={faCube} className="mr-2" />
<Translate value="action.custom-entity-attributes" />
</Dropdown.Item>
<Dropdown.Item as={Link} to="/groups" className="text-primary py-2">
<Dropdown.Item as={Link} to="/metadata/attributes/bundles" className="text-primary py-2" id="advanced-nav-dropdown-bundles">
<FontAwesomeIcon icon={faFileArchive} className="mr-2" />
<Translate value="action.attribute-bundles" />
</Dropdown.Item>
<Dropdown.Item as={Link} to="/groups" className="text-primary py-2" id="advanced-nav-dropdown-groups">
<FontAwesomeIcon icon={faUsersCog} className="mr-2" />
<Translate value="action.groups" />
</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
}
<Dropdown className="pl-2" id="basic-nav-dropdown">
<Dropdown.Toggle variant="link" id="dropdown-basic" size="sm" bsPrefix="dropdown-toggle-shibui">
<Dropdown className="pl-2" id="user-nav-dropdown">
<Dropdown.Toggle variant="link" id="user-nav-dropdown-toggle" size="sm" bsPrefix="dropdown-toggle-shibui">
<FontAwesomeIcon icon={faUserCircle} size="lg" className="mr-2" />
<Translate value={'action.logged-in'} params={{ username }} />
</Dropdown.Toggle>
<Dropdown.Menu alignRight={true}>
<Dropdown.Header>Groups</Dropdown.Header>
<Dropdown.ItemText>{groupId}</Dropdown.ItemText>
<Dropdown.ItemText id="advanced-nav-dropdown-groups">{groupId}</Dropdown.ItemText>
<div class="dropdown-divider"></div>
<Dropdown.Item href="/logout" target="_self" className="text-primary" aria-label={translator('action.logout')}>
<Dropdown.Item href="/logout" target="_self" className="text-primary" aria-label={translator('action.logout')}
id="user-nav-dropdown-logout">
<FontAwesomeIcon icon={faSignOutAlt} className="mr-2" />
<Translate value="action.logout">Logout</Translate>
</Dropdown.Item>
Expand Down

0 comments on commit c8b3b00

Please sign in to comment.