mirror of
https://github.com/grafana/grafana.git
synced 2025-02-10 07:35:45 -06:00
feat: Generate page titles from navModel
This commit is contained in:
parent
25304629bd
commit
feeb3ea56d
@ -41,3 +41,7 @@ export function getNavModel(navIndex: NavIndex, id: string, fallback?: NavModel)
|
||||
|
||||
return getNotFoundModel();
|
||||
}
|
||||
|
||||
export const getTitleFromNavModel = (navModel: NavModel) => {
|
||||
return `${navModel.main.text}${navModel.node.text ? ': ' + navModel.node.text : '' }`;
|
||||
};
|
||||
|
@ -8,7 +8,8 @@ import DataSourcesList from './DataSourcesList';
|
||||
import { DataSource, NavModel, StoreState } from 'app/types';
|
||||
import { LayoutMode } from 'app/core/components/LayoutSelector/LayoutSelector';
|
||||
import { loadDataSources, setDataSourcesLayoutMode, setDataSourcesSearchQuery } from './state/actions';
|
||||
import { getNavModel } from 'app/core/selectors/navModel';
|
||||
import { getNavModel, getTitleFromNavModel } from 'app/core/selectors/navModel';
|
||||
|
||||
import {
|
||||
getDataSources,
|
||||
getDataSourcesCount,
|
||||
@ -66,7 +67,7 @@ export class DataSourcesListPage extends PureComponent<Props> {
|
||||
};
|
||||
|
||||
return (
|
||||
<Page title="Configuration: Data Sources">
|
||||
<Page title={getTitleFromNavModel(navModel)}>
|
||||
<Page.Header model={navModel} />
|
||||
<Page.Contents isLoading={!hasFetched}>
|
||||
<>
|
||||
|
@ -6,9 +6,9 @@ import OrgActionBar from 'app/core/components/OrgActionBar/OrgActionBar';
|
||||
import PluginList from './PluginList';
|
||||
import { NavModel, Plugin } from 'app/types';
|
||||
import { loadPlugins, setPluginsLayoutMode, setPluginsSearchQuery } from './state/actions';
|
||||
import { getNavModel } from '../../core/selectors/navModel';
|
||||
import { getNavModel, getTitleFromNavModel } from 'app/core/selectors/navModel';
|
||||
import { getLayoutMode, getPlugins, getPluginsSearchQuery } from './state/selectors';
|
||||
import { LayoutMode } from '../../core/components/LayoutSelector/LayoutSelector';
|
||||
import { LayoutMode } from 'app/core/components/LayoutSelector/LayoutSelector';
|
||||
|
||||
export interface Props {
|
||||
navModel: NavModel;
|
||||
@ -47,7 +47,7 @@ export class PluginListPage extends PureComponent<Props> {
|
||||
};
|
||||
|
||||
return (
|
||||
<Page title="Configuration: Plugins">
|
||||
<Page title={getTitleFromNavModel(navModel)}>
|
||||
<Page.Header model={navModel} />
|
||||
<Page.Contents isLoading={!hasFetched}>
|
||||
<>
|
||||
|
@ -4,10 +4,10 @@ import { hot } from 'react-hot-loader';
|
||||
import Page from 'app/core/components/Page/Page';
|
||||
import { DeleteButton } from '@grafana/ui';
|
||||
import EmptyListCTA from 'app/core/components/EmptyListCTA/EmptyListCTA';
|
||||
import { NavModel, Team } from '../../types';
|
||||
import { NavModel, Team } from 'app/types';
|
||||
import { loadTeams, deleteTeam, setSearchQuery } from './state/actions';
|
||||
import { getSearchQuery, getTeams, getTeamsCount } from './state/selectors';
|
||||
import { getNavModel } from 'app/core/selectors/navModel';
|
||||
import { getNavModel, getTitleFromNavModel } from 'app/core/selectors/navModel';
|
||||
|
||||
export interface Props {
|
||||
navModel: NavModel;
|
||||
@ -140,7 +140,7 @@ export class TeamList extends PureComponent<Props, any> {
|
||||
const { hasFetched, navModel } = this.props;
|
||||
|
||||
return (
|
||||
<Page title="Configuration: Teams">
|
||||
<Page title={getTitleFromNavModel(navModel)}>
|
||||
<Page.Header model={navModel} />
|
||||
<Page.Contents isLoading={!hasFetched}>
|
||||
{hasFetched && this.renderList()}
|
||||
|
@ -9,7 +9,7 @@ import InviteesTable from './InviteesTable';
|
||||
import { Invitee, NavModel, OrgUser } from 'app/types';
|
||||
import appEvents from 'app/core/app_events';
|
||||
import { loadUsers, loadInvitees, setUsersSearchQuery, updateUser, removeUser } from './state/actions';
|
||||
import { getNavModel } from '../../core/selectors/navModel';
|
||||
import { getNavModel, getTitleFromNavModel } from 'app/core/selectors/navModel';
|
||||
import { getInvitees, getUsers, getUsersSearchQuery } from './state/selectors';
|
||||
|
||||
export interface Props {
|
||||
@ -104,7 +104,7 @@ export class UsersListPage extends PureComponent<Props, State> {
|
||||
const externalUserMngInfoHtml = this.externalUserMngInfoHtml;
|
||||
|
||||
return (
|
||||
<Page title="Configuration: Users">
|
||||
<Page title={getTitleFromNavModel(navModel)}>
|
||||
<Page.Header model={navModel} />
|
||||
<Page.Contents isLoading={!hasFetched}>
|
||||
<>
|
||||
|
Loading…
Reference in New Issue
Block a user