mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
cc813d71c6
* Refactor: Adds variables in state to TemplateSrv * Refactor: Introduces some typings and structures * Refactor: Introduces picker to adapter * Refactor: Removes useState and introduces contains instead * Refactor: Introduces Variable Editor * Refactor: Adds uuid and simplifies state * Refactor: Consolidates to VariableRenderer * Refactor: Adds name change capability * Refactor: Adds variableMiddleware * Refactor: Adds ability to change Angular type to type in State * Fix: Fixes so we check for duplicate names * Refactor: Adds ability to change State type to type in Angular * Refactor: Updates name in dashboard templating list * Refactor: Adds label change to VariableEditor * Refactor: Adds hide change to VariableEditor * Refactor: Adds update ability * Refactor: Adds tooltip * Refactor: Adds SelectionOptionsEditor * Refactor: Adds query editor and validation * Refactor: Adds regex and sort to editor * Refactor: Adds Selection options * Refactor: Adds Varible Values Previewer * Refactor: Changes from array in state to Record * Refactor: Removes getVariableAtIndex from templateSrv * Tests: Fixs broken tests * Chore: Fixes duplicate merge import * Refactor: Removes strict null errors * Refactor: Adds duplicate variable * Refactor: Adds remove variable * Refactor: Adds change order of variables * Refactor: Adds add new variable * Chore: Fixes Prettier formatting * Refactor: Adds VariablePicker * Fixed so sub menu is displayed when we only have redux template variables. * removed unused variable. * tags will be visibile in the new react picker. * added some nice colors to the tags. * Added thunk for selecting a tag. * Refactor: Cleans up templating state when dashboard unloads * Refactor: Adds save capabilities for variables in state * added possibility to select tag. * Added so you can deselect a tag. * Fixed issue with coloring on top. * minor refactoring to make the code more slim. * Refactor: Fixes dispatch return and copy of variable * selecting options when tag i selected * small refactoring. * fixed so we use options. * Refactor: Adds getValueForUrl capabilities * first implementation of keyboard navigation on picker. * removed comment. * fixed so you can toggle all options. * Refactor: Simplified state handling using Redux Toolkit and flat reducer structure * Refactor: Adds sharedTemplatingReducer and queryVariableReducer * Tests: Fixs broken tests * Chore: Removes some strict null errors * Tests: Fix broken tests * Refactor: Splitted QueryVariablePicker into smaller components * Refactor: Moves linktext and selected tags to component instead * Fix: Fixes the ability to have multiple dropdowns opened at same time * Fix: Fixes onKeyDown from prev refactor * Refactor: Adds searchfilter searching * Tests: Fixes after running e2e tests * Refactor: Adds an attempt to solve dependencies at startup * Refactor: Adds feature toggle * Refactor: Resets all angular files to master * Refactor: Move stuff to query folder * Refactor: Initial commit for SubMenu component * Refactor: Updated DashboardModel with new list * Refactor: Adds feature toggle to dashboard model and friends * Refactor: Adds picker to SubMenu * Refactor: Fixes styling on SubMenu * Refactor: Fixes processvariables * Refactor: Initial EditorList skeleton * Refactor: Refactors out VariableEditorList and VariableEditorContainer * Refactor: Adds New variable functionality * Refactor: Adds registred types * Refactor: Adds edit existing variable functionality * Refactor: Changes params to thunks * Refactor: Small fix for cleaning up state when clicking update/add * Refactor: Better typings for outer containers * Refactor: Adds change order functionality * Refactor: Removed notify angular args * Change so the url is in sync with the redux template variables. * Adding support for saving proper values and checking changes. * Refactor: Adds duplicate variable functionality * Feature: Adds remove variable functionality * Refactor: Small refactor so e2e tests work as before * Refactor: Returns null if no visible variables * Refactor: Adds annotations to SubMenu * Refactor: Fixes toggling of annotations in SubMenu * added dashboard links to new submehu. * Refactor: Small refactor breaking up into smaller components * Fix: Fixes infinite recursive loop when changing varible name * Templating: Do not mutate location query state * Refactor: Fixes minor timing issue when adding new variable * Refactor: removes initialization in variable_srv constructor * Refactor: Suggestion on how to handle templating.list in DashboardExporter * Refactor: Adds getVariables typings and changes ChangeTracker and ShareSnapshotCtrl * Refactor: Adds getVariable on DashboardModel and changes DashboardMigrator * Fix: Fixes repeated panels * wip: starting to add custom variable type. * Refactor: Merging two different toVariablePayload functions * Tests: Fixes broken tests * Fix: Reduces strict null errors * Tests: Initial commit and fixes strange dependency order * Tests: Covers sharedTemplatingReducer with tests * Refactor: Rename state/index.ts => state/reducers.ts as every where else * Refactor: Renames and moves adapters.ts * Tests: Adds tests for templatingReducer * Tests: Adds intitial tests for queryVariableReducer * starting to ad custom variable. * Tests: Adds more queryVariableReducer tests * Added support for custom variable. Next up applying some DRY principles and refactoring. * fixed compile issue. * added todo. * Tests: Fixes broken test * Tests: Covers queryVariableReducer with tests and fixed a couple of bugs * Fix: Fixes broken test * Fix: Reduces strict null errors * change so custom won't be depending on anything elese. * fixed descriptions. * removed unused dependency. * Fixed issue when adding a new variable and editor is being unmount twice. * fixed issue with select option loop. * changed so we update query on typing in editor and removed it from component state. * Moved runQuery up one level in the component tree. * renamed action and moved it to custom actions. * moved applyStateChanges to shared code. * removed todo comment. * first stab on moving picker to more general. * Refactor: Changes so we always show variables type * removed duplicate code regarding picker. * Did some renamings. * Feature: Adds text box variable type * moved tests from query reducer to picker reducer. * Removed picker from VariableState. * removed reference to picker. * Some more refactorings of the picker reducer + actions. * Chore: Refactors away editor state to its own state slice (#22515) * Refactor: Inital move, tests not working * Tests: Adds editorReducer tests * Refactor: Cleaning up * Refactor: Moves logic to thunk instead * Refactor: Initial commit * Refactor: Combines reducers to one state * Refactor: Adds combine reducers * moved navigation logic flow to a thunk instead of in the component. * fixed issue with rendering picker link. * Refactor: Removes variable prop from templating.variables * refactored and removed some more code. * Feature: adds Constant variable type * fixed so tags can be selected. * Fix: fixes default hide for constant and enum order * fixed so tags works again. * Fix: fixes so we use Angular editor when newVariables is not defined * Fix: fixes wrong hide default for Constant variable * Fix: fixes bug when using duplicate button * Fix: changes action id * Tests: prepares for newVariables * Chore: reduces strict null errors * Refactor: removes uuidInEditorReducer for simplification * Chore: changes after PR comments * Chore: uses getConfig instead of config * Tests: fixes so e2e tests check for feature toggle and fixed initLock bug * Refactor: changes so sharedReducer uses createSlice instead * Refactor: changes textBoxVariableReducer to use creactSlice instead * Refactor: changes queryBoxVariableReducer to use creactSlice instead * Refactor: changes customVariableReducer to use creactSlice instead * Refactor: changes constantVariableReducer to use creactSlice instead * Refactor: moves types to specific types.ts files instead * changed so we use queryValue stored on the variable to populate options input when opening picker. * Feature: adds the ability to test templating thunks using real store and middleware * Chore: cleans up unused import * excluded queryValue from the getSaveModel * Refactor: adds whenAsyncActionIsDispatched to reduxTester * Tests: adds initial tests for processVariables * Added reducer tests for constant variable. * added tests for custom reducer. * added tets for texbox reducer. * Tests: adds more tests for ProcessVariable * Refactor: fixes processVariable flow so we do notrun updateOptions twice * Tests: finishes tests for processVariables and removed skip test * added actions tests for custom and constant. * Tests: adds tests for setOptionFromUrl * Tests: adds a naive variable mock builder * Tests: adds tests for validateVariableSelectionState * added tests for query variable actions. * added last test for query actions. * added more tests. * some more tests. * fixed typing errors. * Fixed issues with variable tags. Co-authored-by: Hugo Häggmark <hugo.haggmark@grafana.com> Co-authored-by: Torkel Ödegaard <torkel@grafana.com>
768 lines
22 KiB
Plaintext
768 lines
22 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`DashboardPage Dashboard init completed Should render dashboard grid 1`] = `
|
|
<div
|
|
className=""
|
|
>
|
|
<Connect(DashNav)
|
|
$injector={Object {}}
|
|
dashboard={
|
|
DashboardModel {
|
|
"annotations": Object {
|
|
"list": Array [
|
|
Object {
|
|
"builtIn": 1,
|
|
"datasource": "-- Grafana --",
|
|
"enable": true,
|
|
"hide": true,
|
|
"iconColor": "rgba(0, 211, 255, 1)",
|
|
"name": "Annotations & Alerts",
|
|
"type": "dashboard",
|
|
},
|
|
],
|
|
},
|
|
"autoUpdate": undefined,
|
|
"description": undefined,
|
|
"editable": true,
|
|
"events": Emitter {
|
|
"emitter": EventEmitter {
|
|
"_events": Object {},
|
|
"_eventsCount": 0,
|
|
},
|
|
},
|
|
"getVariables": [Function],
|
|
"gnetId": null,
|
|
"graphTooltip": 0,
|
|
"id": null,
|
|
"links": Array [],
|
|
"meta": Object {
|
|
"canEdit": true,
|
|
"canMakeEditable": false,
|
|
"canSave": true,
|
|
"canShare": true,
|
|
"canStar": true,
|
|
"fullscreen": false,
|
|
"isEditing": false,
|
|
"showSettings": true,
|
|
},
|
|
"originalTemplating": Array [],
|
|
"originalTime": Object {
|
|
"from": "now-6h",
|
|
"to": "now",
|
|
},
|
|
"panels": Array [
|
|
PanelModel {
|
|
"cachedPluginOptions": Object {},
|
|
"datasource": null,
|
|
"events": Emitter {
|
|
"emitter": EventEmitter {
|
|
"_events": Object {},
|
|
"_eventsCount": 0,
|
|
},
|
|
},
|
|
"gridPos": Object {
|
|
"h": 1,
|
|
"w": 1,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
"id": 1,
|
|
"options": Object {},
|
|
"targets": Array [
|
|
Object {
|
|
"refId": "A",
|
|
},
|
|
],
|
|
"title": "My graph",
|
|
"transparent": false,
|
|
"type": "graph",
|
|
},
|
|
],
|
|
"refresh": undefined,
|
|
"revision": undefined,
|
|
"schemaVersion": 22,
|
|
"snapshot": undefined,
|
|
"style": "dark",
|
|
"tags": Array [],
|
|
"templating": Object {
|
|
"list": Array [],
|
|
},
|
|
"time": Object {
|
|
"from": "now-6h",
|
|
"to": "now",
|
|
},
|
|
"timepicker": Object {},
|
|
"timezone": "",
|
|
"title": "My dashboard",
|
|
"uid": null,
|
|
"variables": Object {
|
|
"list": Array [],
|
|
},
|
|
"version": 0,
|
|
}
|
|
}
|
|
isEditing={false}
|
|
isFullscreen={false}
|
|
onAddPanel={[Function]}
|
|
/>
|
|
<div
|
|
className="scroll-canvas scroll-canvas--dashboard"
|
|
>
|
|
<CustomScrollbar
|
|
autoHeightMax="100%"
|
|
autoHeightMin="100%"
|
|
autoHide={false}
|
|
autoHideDuration={200}
|
|
autoHideTimeout={200}
|
|
className="custom-scrollbar--page"
|
|
hideTracksWhenNotNeeded={false}
|
|
setScrollTop={[Function]}
|
|
updateAfterMountMs={500}
|
|
>
|
|
<div
|
|
className="dashboard-container"
|
|
>
|
|
<AngularSubMenu
|
|
dashboard={
|
|
DashboardModel {
|
|
"annotations": Object {
|
|
"list": Array [
|
|
Object {
|
|
"builtIn": 1,
|
|
"datasource": "-- Grafana --",
|
|
"enable": true,
|
|
"hide": true,
|
|
"iconColor": "rgba(0, 211, 255, 1)",
|
|
"name": "Annotations & Alerts",
|
|
"type": "dashboard",
|
|
},
|
|
],
|
|
},
|
|
"autoUpdate": undefined,
|
|
"description": undefined,
|
|
"editable": true,
|
|
"events": Emitter {
|
|
"emitter": EventEmitter {
|
|
"_events": Object {},
|
|
"_eventsCount": 0,
|
|
},
|
|
},
|
|
"getVariables": [Function],
|
|
"gnetId": null,
|
|
"graphTooltip": 0,
|
|
"id": null,
|
|
"links": Array [],
|
|
"meta": Object {
|
|
"canEdit": true,
|
|
"canMakeEditable": false,
|
|
"canSave": true,
|
|
"canShare": true,
|
|
"canStar": true,
|
|
"fullscreen": false,
|
|
"isEditing": false,
|
|
"showSettings": true,
|
|
},
|
|
"originalTemplating": Array [],
|
|
"originalTime": Object {
|
|
"from": "now-6h",
|
|
"to": "now",
|
|
},
|
|
"panels": Array [
|
|
PanelModel {
|
|
"cachedPluginOptions": Object {},
|
|
"datasource": null,
|
|
"events": Emitter {
|
|
"emitter": EventEmitter {
|
|
"_events": Object {},
|
|
"_eventsCount": 0,
|
|
},
|
|
},
|
|
"gridPos": Object {
|
|
"h": 1,
|
|
"w": 1,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
"id": 1,
|
|
"options": Object {},
|
|
"targets": Array [
|
|
Object {
|
|
"refId": "A",
|
|
},
|
|
],
|
|
"title": "My graph",
|
|
"transparent": false,
|
|
"type": "graph",
|
|
},
|
|
],
|
|
"refresh": undefined,
|
|
"revision": undefined,
|
|
"schemaVersion": 22,
|
|
"snapshot": undefined,
|
|
"style": "dark",
|
|
"tags": Array [],
|
|
"templating": Object {
|
|
"list": Array [],
|
|
},
|
|
"time": Object {
|
|
"from": "now-6h",
|
|
"to": "now",
|
|
},
|
|
"timepicker": Object {},
|
|
"timezone": "",
|
|
"title": "My dashboard",
|
|
"uid": null,
|
|
"variables": Object {
|
|
"list": Array [],
|
|
},
|
|
"version": 0,
|
|
}
|
|
}
|
|
/>
|
|
<DashboardGrid
|
|
dashboard={
|
|
DashboardModel {
|
|
"annotations": Object {
|
|
"list": Array [
|
|
Object {
|
|
"builtIn": 1,
|
|
"datasource": "-- Grafana --",
|
|
"enable": true,
|
|
"hide": true,
|
|
"iconColor": "rgba(0, 211, 255, 1)",
|
|
"name": "Annotations & Alerts",
|
|
"type": "dashboard",
|
|
},
|
|
],
|
|
},
|
|
"autoUpdate": undefined,
|
|
"description": undefined,
|
|
"editable": true,
|
|
"events": Emitter {
|
|
"emitter": EventEmitter {
|
|
"_events": Object {},
|
|
"_eventsCount": 0,
|
|
},
|
|
},
|
|
"getVariables": [Function],
|
|
"gnetId": null,
|
|
"graphTooltip": 0,
|
|
"id": null,
|
|
"links": Array [],
|
|
"meta": Object {
|
|
"canEdit": true,
|
|
"canMakeEditable": false,
|
|
"canSave": true,
|
|
"canShare": true,
|
|
"canStar": true,
|
|
"fullscreen": false,
|
|
"isEditing": false,
|
|
"showSettings": true,
|
|
},
|
|
"originalTemplating": Array [],
|
|
"originalTime": Object {
|
|
"from": "now-6h",
|
|
"to": "now",
|
|
},
|
|
"panels": Array [
|
|
PanelModel {
|
|
"cachedPluginOptions": Object {},
|
|
"datasource": null,
|
|
"events": Emitter {
|
|
"emitter": EventEmitter {
|
|
"_events": Object {},
|
|
"_eventsCount": 0,
|
|
},
|
|
},
|
|
"gridPos": Object {
|
|
"h": 1,
|
|
"w": 1,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
"id": 1,
|
|
"options": Object {},
|
|
"targets": Array [
|
|
Object {
|
|
"refId": "A",
|
|
},
|
|
],
|
|
"title": "My graph",
|
|
"transparent": false,
|
|
"type": "graph",
|
|
},
|
|
],
|
|
"refresh": undefined,
|
|
"revision": undefined,
|
|
"schemaVersion": 22,
|
|
"snapshot": undefined,
|
|
"style": "dark",
|
|
"tags": Array [],
|
|
"templating": Object {
|
|
"list": Array [],
|
|
},
|
|
"time": Object {
|
|
"from": "now-6h",
|
|
"to": "now",
|
|
},
|
|
"timepicker": Object {},
|
|
"timezone": "",
|
|
"title": "My dashboard",
|
|
"uid": null,
|
|
"variables": Object {
|
|
"list": Array [],
|
|
},
|
|
"version": 0,
|
|
}
|
|
}
|
|
isEditing={false}
|
|
isFullscreen={false}
|
|
scrollTop={0}
|
|
/>
|
|
</div>
|
|
</CustomScrollbar>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`DashboardPage Dashboard is fetching slowly Should render slow init state 1`] = `
|
|
<div
|
|
className="dashboard-loading"
|
|
>
|
|
<div
|
|
className="dashboard-loading__text"
|
|
>
|
|
<i
|
|
className="fa fa-spinner fa-spin"
|
|
/>
|
|
|
|
Fetching
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`DashboardPage Given initial state Should render nothing 1`] = `""`;
|
|
|
|
exports[`DashboardPage When dashboard has editview url state should render settings view 1`] = `
|
|
<div
|
|
className="dashboard-page--settings-opening"
|
|
>
|
|
<Connect(DashNav)
|
|
$injector={Object {}}
|
|
dashboard={
|
|
DashboardModel {
|
|
"annotations": Object {
|
|
"list": Array [
|
|
Object {
|
|
"builtIn": 1,
|
|
"datasource": "-- Grafana --",
|
|
"enable": true,
|
|
"hide": true,
|
|
"iconColor": "rgba(0, 211, 255, 1)",
|
|
"name": "Annotations & Alerts",
|
|
"type": "dashboard",
|
|
},
|
|
],
|
|
},
|
|
"autoUpdate": undefined,
|
|
"description": undefined,
|
|
"editable": true,
|
|
"events": Emitter {
|
|
"emitter": EventEmitter {
|
|
"_events": Object {},
|
|
"_eventsCount": 0,
|
|
},
|
|
},
|
|
"getVariables": [Function],
|
|
"gnetId": null,
|
|
"graphTooltip": 0,
|
|
"id": null,
|
|
"links": Array [],
|
|
"meta": Object {
|
|
"canEdit": true,
|
|
"canMakeEditable": false,
|
|
"canSave": true,
|
|
"canShare": true,
|
|
"canStar": true,
|
|
"fullscreen": false,
|
|
"isEditing": false,
|
|
"showSettings": true,
|
|
},
|
|
"originalTemplating": Array [],
|
|
"originalTime": Object {
|
|
"from": "now-6h",
|
|
"to": "now",
|
|
},
|
|
"panels": Array [
|
|
PanelModel {
|
|
"cachedPluginOptions": Object {},
|
|
"datasource": null,
|
|
"events": Emitter {
|
|
"emitter": EventEmitter {
|
|
"_events": Object {},
|
|
"_eventsCount": 0,
|
|
},
|
|
},
|
|
"gridPos": Object {
|
|
"h": 1,
|
|
"w": 1,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
"id": 1,
|
|
"options": Object {},
|
|
"targets": Array [
|
|
Object {
|
|
"refId": "A",
|
|
},
|
|
],
|
|
"title": "My graph",
|
|
"transparent": false,
|
|
"type": "graph",
|
|
},
|
|
],
|
|
"refresh": undefined,
|
|
"revision": undefined,
|
|
"schemaVersion": 22,
|
|
"snapshot": undefined,
|
|
"style": "dark",
|
|
"tags": Array [],
|
|
"templating": Object {
|
|
"list": Array [],
|
|
},
|
|
"time": Object {
|
|
"from": "now-6h",
|
|
"to": "now",
|
|
},
|
|
"timepicker": Object {},
|
|
"timezone": "",
|
|
"title": "My dashboard",
|
|
"uid": null,
|
|
"variables": Object {
|
|
"list": Array [],
|
|
},
|
|
"version": 0,
|
|
}
|
|
}
|
|
editview="settings"
|
|
isEditing={false}
|
|
isFullscreen={false}
|
|
onAddPanel={[Function]}
|
|
/>
|
|
<div
|
|
className="scroll-canvas scroll-canvas--dashboard"
|
|
>
|
|
<CustomScrollbar
|
|
autoHeightMax="100%"
|
|
autoHeightMin="100%"
|
|
autoHide={false}
|
|
autoHideDuration={200}
|
|
autoHideTimeout={200}
|
|
className="custom-scrollbar--page"
|
|
hideTracksWhenNotNeeded={false}
|
|
setScrollTop={[Function]}
|
|
updateAfterMountMs={500}
|
|
>
|
|
<DashboardSettings
|
|
dashboard={
|
|
DashboardModel {
|
|
"annotations": Object {
|
|
"list": Array [
|
|
Object {
|
|
"builtIn": 1,
|
|
"datasource": "-- Grafana --",
|
|
"enable": true,
|
|
"hide": true,
|
|
"iconColor": "rgba(0, 211, 255, 1)",
|
|
"name": "Annotations & Alerts",
|
|
"type": "dashboard",
|
|
},
|
|
],
|
|
},
|
|
"autoUpdate": undefined,
|
|
"description": undefined,
|
|
"editable": true,
|
|
"events": Emitter {
|
|
"emitter": EventEmitter {
|
|
"_events": Object {},
|
|
"_eventsCount": 0,
|
|
},
|
|
},
|
|
"getVariables": [Function],
|
|
"gnetId": null,
|
|
"graphTooltip": 0,
|
|
"id": null,
|
|
"links": Array [],
|
|
"meta": Object {
|
|
"canEdit": true,
|
|
"canMakeEditable": false,
|
|
"canSave": true,
|
|
"canShare": true,
|
|
"canStar": true,
|
|
"fullscreen": false,
|
|
"isEditing": false,
|
|
"showSettings": true,
|
|
},
|
|
"originalTemplating": Array [],
|
|
"originalTime": Object {
|
|
"from": "now-6h",
|
|
"to": "now",
|
|
},
|
|
"panels": Array [
|
|
PanelModel {
|
|
"cachedPluginOptions": Object {},
|
|
"datasource": null,
|
|
"events": Emitter {
|
|
"emitter": EventEmitter {
|
|
"_events": Object {},
|
|
"_eventsCount": 0,
|
|
},
|
|
},
|
|
"gridPos": Object {
|
|
"h": 1,
|
|
"w": 1,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
"id": 1,
|
|
"options": Object {},
|
|
"targets": Array [
|
|
Object {
|
|
"refId": "A",
|
|
},
|
|
],
|
|
"title": "My graph",
|
|
"transparent": false,
|
|
"type": "graph",
|
|
},
|
|
],
|
|
"refresh": undefined,
|
|
"revision": undefined,
|
|
"schemaVersion": 22,
|
|
"snapshot": undefined,
|
|
"style": "dark",
|
|
"tags": Array [],
|
|
"templating": Object {
|
|
"list": Array [],
|
|
},
|
|
"time": Object {
|
|
"from": "now-6h",
|
|
"to": "now",
|
|
},
|
|
"timepicker": Object {},
|
|
"timezone": "",
|
|
"title": "My dashboard",
|
|
"uid": null,
|
|
"variables": Object {
|
|
"list": Array [],
|
|
},
|
|
"version": 0,
|
|
}
|
|
}
|
|
/>
|
|
<div
|
|
className="dashboard-container"
|
|
>
|
|
<AngularSubMenu
|
|
dashboard={
|
|
DashboardModel {
|
|
"annotations": Object {
|
|
"list": Array [
|
|
Object {
|
|
"builtIn": 1,
|
|
"datasource": "-- Grafana --",
|
|
"enable": true,
|
|
"hide": true,
|
|
"iconColor": "rgba(0, 211, 255, 1)",
|
|
"name": "Annotations & Alerts",
|
|
"type": "dashboard",
|
|
},
|
|
],
|
|
},
|
|
"autoUpdate": undefined,
|
|
"description": undefined,
|
|
"editable": true,
|
|
"events": Emitter {
|
|
"emitter": EventEmitter {
|
|
"_events": Object {},
|
|
"_eventsCount": 0,
|
|
},
|
|
},
|
|
"getVariables": [Function],
|
|
"gnetId": null,
|
|
"graphTooltip": 0,
|
|
"id": null,
|
|
"links": Array [],
|
|
"meta": Object {
|
|
"canEdit": true,
|
|
"canMakeEditable": false,
|
|
"canSave": true,
|
|
"canShare": true,
|
|
"canStar": true,
|
|
"fullscreen": false,
|
|
"isEditing": false,
|
|
"showSettings": true,
|
|
},
|
|
"originalTemplating": Array [],
|
|
"originalTime": Object {
|
|
"from": "now-6h",
|
|
"to": "now",
|
|
},
|
|
"panels": Array [
|
|
PanelModel {
|
|
"cachedPluginOptions": Object {},
|
|
"datasource": null,
|
|
"events": Emitter {
|
|
"emitter": EventEmitter {
|
|
"_events": Object {},
|
|
"_eventsCount": 0,
|
|
},
|
|
},
|
|
"gridPos": Object {
|
|
"h": 1,
|
|
"w": 1,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
"id": 1,
|
|
"options": Object {},
|
|
"targets": Array [
|
|
Object {
|
|
"refId": "A",
|
|
},
|
|
],
|
|
"title": "My graph",
|
|
"transparent": false,
|
|
"type": "graph",
|
|
},
|
|
],
|
|
"refresh": undefined,
|
|
"revision": undefined,
|
|
"schemaVersion": 22,
|
|
"snapshot": undefined,
|
|
"style": "dark",
|
|
"tags": Array [],
|
|
"templating": Object {
|
|
"list": Array [],
|
|
},
|
|
"time": Object {
|
|
"from": "now-6h",
|
|
"to": "now",
|
|
},
|
|
"timepicker": Object {},
|
|
"timezone": "",
|
|
"title": "My dashboard",
|
|
"uid": null,
|
|
"variables": Object {
|
|
"list": Array [],
|
|
},
|
|
"version": 0,
|
|
}
|
|
}
|
|
/>
|
|
<DashboardGrid
|
|
dashboard={
|
|
DashboardModel {
|
|
"annotations": Object {
|
|
"list": Array [
|
|
Object {
|
|
"builtIn": 1,
|
|
"datasource": "-- Grafana --",
|
|
"enable": true,
|
|
"hide": true,
|
|
"iconColor": "rgba(0, 211, 255, 1)",
|
|
"name": "Annotations & Alerts",
|
|
"type": "dashboard",
|
|
},
|
|
],
|
|
},
|
|
"autoUpdate": undefined,
|
|
"description": undefined,
|
|
"editable": true,
|
|
"events": Emitter {
|
|
"emitter": EventEmitter {
|
|
"_events": Object {},
|
|
"_eventsCount": 0,
|
|
},
|
|
},
|
|
"getVariables": [Function],
|
|
"gnetId": null,
|
|
"graphTooltip": 0,
|
|
"id": null,
|
|
"links": Array [],
|
|
"meta": Object {
|
|
"canEdit": true,
|
|
"canMakeEditable": false,
|
|
"canSave": true,
|
|
"canShare": true,
|
|
"canStar": true,
|
|
"fullscreen": false,
|
|
"isEditing": false,
|
|
"showSettings": true,
|
|
},
|
|
"originalTemplating": Array [],
|
|
"originalTime": Object {
|
|
"from": "now-6h",
|
|
"to": "now",
|
|
},
|
|
"panels": Array [
|
|
PanelModel {
|
|
"cachedPluginOptions": Object {},
|
|
"datasource": null,
|
|
"events": Emitter {
|
|
"emitter": EventEmitter {
|
|
"_events": Object {},
|
|
"_eventsCount": 0,
|
|
},
|
|
},
|
|
"gridPos": Object {
|
|
"h": 1,
|
|
"w": 1,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
"id": 1,
|
|
"options": Object {},
|
|
"targets": Array [
|
|
Object {
|
|
"refId": "A",
|
|
},
|
|
],
|
|
"title": "My graph",
|
|
"transparent": false,
|
|
"type": "graph",
|
|
},
|
|
],
|
|
"refresh": undefined,
|
|
"revision": undefined,
|
|
"schemaVersion": 22,
|
|
"snapshot": undefined,
|
|
"style": "dark",
|
|
"tags": Array [],
|
|
"templating": Object {
|
|
"list": Array [],
|
|
},
|
|
"time": Object {
|
|
"from": "now-6h",
|
|
"to": "now",
|
|
},
|
|
"timepicker": Object {},
|
|
"timezone": "",
|
|
"title": "My dashboard",
|
|
"uid": null,
|
|
"variables": Object {
|
|
"list": Array [],
|
|
},
|
|
"version": 0,
|
|
}
|
|
}
|
|
isEditing={false}
|
|
isFullscreen={false}
|
|
scrollTop={0}
|
|
/>
|
|
</div>
|
|
</CustomScrollbar>
|
|
</div>
|
|
</div>
|
|
`;
|