make repository navigation fixed // add title for collapsed navigation items

This commit is contained in:
Eduard Heimbuch
2020-02-25 17:15:23 +01:00
parent 7fe8b58e7d
commit eee6cad1d3
6 changed files with 37 additions and 16 deletions

View File

@@ -10,6 +10,7 @@ type Props = {
activeWhenMatch?: (route: any) => boolean;
activeOnlyWhenExact: boolean;
icon?: string;
title?: string;
};
/**

View File

@@ -209,6 +209,7 @@ class RepositoryRoot extends React.Component<Props, State> {
to={`${url}/info`}
icon="fas fa-info-circle"
label={t("repositoryRoot.menu.informationNavLink")}
title={t("repositoryRoot.menu.informationNavLink")}
/>
<RepositoryNavLink
repository={repository}
@@ -218,6 +219,7 @@ class RepositoryRoot extends React.Component<Props, State> {
label={t("repositoryRoot.menu.branchesNavLink")}
activeWhenMatch={this.matchesBranches}
activeOnlyWhenExact={false}
title={t("repositoryRoot.menu.branchesNavLink")}
/>
<RepositoryNavLink
repository={repository}
@@ -227,12 +229,14 @@ class RepositoryRoot extends React.Component<Props, State> {
label={t("repositoryRoot.menu.sourcesNavLink")}
activeWhenMatch={this.matchesCode}
activeOnlyWhenExact={false}
title={t("repositoryRoot.menu.sourcesNavLink")}
/>
<ExtensionPoint name="repository.navigation" props={extensionProps} renderAll={true} />
<SubNavigation
to={`${url}/settings/general`}
label={t("repositoryRoot.menu.settingsNavLink")}
onCollapsed={() => this.onCollapse(false)}
title={t("repositoryRoot.menu.settingsNavLink")}
>
<EditRepoNavLink repository={repository} editUrl={`${url}/settings/general`} />
<PermissionsNavLink permissionUrl={`${url}/settings/permissions`} repository={repository} />

View File

@@ -442,11 +442,11 @@ export function getPermissionsLink(state: object, namespace: string, name: strin
return repo && repo._links ? repo._links.permissions.href : undefined;
}
const REPOSITORY_NAVIGATION_COLLAPSED = "repository-menu-collapsed";
const REPOSITORY_MENU_COLLAPSED = "repository-menu-collapsed";
export function isRepositoryMenuCollapsed() {
return localStorage.getItem(REPOSITORY_NAVIGATION_COLLAPSED) === "true";
return localStorage.getItem(REPOSITORY_MENU_COLLAPSED) === "true";
}
export function switchRepositoryMenuCollapsed(newStatus: boolean) {
localStorage.setItem(REPOSITORY_NAVIGATION_COLLAPSED, String(newStatus));
export function switchRepositoryMenuCollapsed(status: boolean) {
localStorage.setItem(REPOSITORY_MENU_COLLAPSED, String(status));
}