IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

use replaceVariables

Browse Source
This commit is contained in:
ryan 2019-03-05 11:14:22 -08:00
parent c9396b2889
commit 94b6fc54ff
2 changed files with 6 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
public/app/plugins/panel/text2/TextPanel.tsx
View File

@ -3,7 +3,6 @@ import React, { Component } from 'react';
import Remarkable from 'remarkable';
import { sanitize } from 'app/core/utils/text';
import config from 'app/core/config';
import templateSrv from 'app/features/templating/template_srv';
import { debounce } from 'lodash';
// Types
@ -21,15 +20,8 @@ export class TextPanel extends Component<Props, State> {
constructor(props) {
super(props);
// TODO thre must be some better way to start with defualt options!
let opts = props.options;
if (opts && opts['options']) {
opts = opts['options'];
console.log('WEIRD!', opts);
}
this.state = {
html: this.processContent(opts),
html: this.processContent(props.options),
};
}
@ -47,10 +39,11 @@ export class TextPanel extends Component<Props, State> {
}
prepareHTML(html: string): string {
const scopedVars = {}; // TODO?? = this.props.;
const { replaceVariables } = this.props;
html = config.disableSanitizeHtml ? html : sanitize(html);
try {
return templateSrv.replace(html, scopedVars);
return replaceVariables(html);
} catch (e) {
// TODO -- put the error in the header window
console.log('Text panel error: ', e);

4
public/app/plugins/panel/text2/TextPanelEditor.tsx
View File

@ -10,9 +10,9 @@ export class TextPanelEditor extends PureComponent<PanelEditorProps<TextOptions>
{ value: 'html', label: 'HTML' },
];
onModeChange = (item: SelectOptionItem) => this.props.onChange({ ...this.props.options, mode: item.value });
onModeChange = (item: SelectOptionItem) => this.props.onOptionsChange({ ...this.props.options, mode: item.value });
onContentChange = evt => this.props.onChange({ ...this.props.options, content: (event.target as any).value });
onContentChange = evt => this.props.onOptionsChange({ ...this.props.options, content: (event.target as any).value });
render() {
const { mode, content } = this.props.options;