IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-01-18 20:43:26 -06:00
Code Issues Packages Projects Releases Wiki Activity

AppPlugin: give full control to page layout when navigation is missing (#26247)

Browse Source
This commit is contained in:
Ryan McKinley 2020-07-10 11:57:09 -07:00 committed by GitHub
parent 33acf4c056
commit 5f8eb93db1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/grafana-data/src/types/app.ts
View File

@ -42,6 +42,10 @@ export class AppPlugin<T = KeyValue> extends GrafanaPlugin<AppPluginMeta<T>> {
/**
* Set the component displayed under:
* /a/${plugin-id}/*
*
* If the NavModel is configured, the page will have a managed frame, otheriwse it has full control.
*
* NOTE: this structure will change in 7.2+ so that it is managed with a normal react router
*/
setRootPage(root: ComponentClass<AppRootProps<T>>, rootNav?: NavModel) {
this.root = root;

13
public/app/features/plugins/AppRootPage.tsx
View File

@ -9,9 +9,9 @@ import { AppEvents, AppPlugin, AppPluginMeta, NavModel, PluginType, UrlQueryMap
import Page from 'app/core/components/Page/Page';
import { getPluginSettings } from './PluginSettingsCache';
import { importAppPlugin } from './plugin_loader';
import { getLoadingNav } from './PluginPage';
import { getNotFoundNav, getWarningNav } from 'app/core/nav_model_srv';
import { appEvents } from 'app/core/core';
import PageLoader from 'app/core/components/PageLoader/PageLoader';
interface Props {
pluginId: string; // From the angular router
@ -23,7 +23,7 @@ interface Props {
interface State {
loading: boolean;
plugin?: AppPlugin | null;
nav: NavModel;
nav?: NavModel;
}
export function getAppPluginPageError(meta: AppPluginMeta) {
@ -44,7 +44,6 @@ class AppRootPage extends Component<Props, State> {
super(props);
this.state = {
loading: true,
nav: getLoadingNav(),
};
}
@ -80,6 +79,14 @@ class AppRootPage extends Component<Props, State> {
return <div>No Root App</div>;
}
// When no naviagion is set, give full control to the app plugin
if (!nav) {
if (plugin && plugin.root) {
return <plugin.root meta={plugin.meta} query={query} path={path} onNavChanged={this.onNavChanged} />;
}
return <PageLoader />;
}
return (
<Page navModel={nav}>
<Page.Contents isLoading={loading}>