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

minor tweaks to text panel

Browse Source
This commit is contained in:
Torkel Ödegaard 2018-12-15 17:53:52 +01:00
parent f67e0827b2
commit 68b7b6cd97
2 changed files with 15 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
public/app/plugins/panel/text/editor.html
View File

@ -1,23 +1,15 @@
<div class="gf-form-group"> <div class="gf-form-inline">
<div class="gf-form-inline"> <div class="gf-form">
<div class="gf-form"> <span class="gf-form-label">Mode</span>
<span class="gf-form-label">Mode</span> <span class="gf-form-select-wrapper">
<span class="gf-form-select-wrapper"> <select class="gf-form-input" ng-model="ctrl.panel.mode" ng-options="f for f in ['html','markdown']"></select>
<select class="gf-form-input" ng-model="ctrl.panel.mode" ng-options="f for f in ['html','markdown']"></select> </span>
</span>
</div>
</div> </div>
</div> </div>
<h3 class="page-heading">Content</h3>
<span ng-show="ctrl.panel.mode == 'markdown'">
(This area uses <a target="_blank" href="http://en.wikipedia.org/wiki/Markdown">Markdown</a>. HTML is not supported)
</span>
<div class="gf-form-inline"> <div class="gf-form-inline">
<div class="gf-form gf-form--grow"> <div class="gf-form gf-form--grow">
<code-editor content="ctrl.panel.content" on-change="ctrl.render()" data-mode="markdown" data-max-lines=20 code-editor-focus="true"> <code-editor content="ctrl.panel.content" on-change="ctrl.render()" data-mode="markdown" data-max-lines=20>
</code-editor> </code-editor>
</div> </div>
</div> </div>

9
public/app/plugins/panel/text/module.ts
View File

@ -2,6 +2,13 @@ import _ from 'lodash';
import { PanelCtrl } from 'app/plugins/sdk'; import { PanelCtrl } from 'app/plugins/sdk';
import Remarkable from 'remarkable'; import Remarkable from 'remarkable';
const defaultContent = `
# Title
For markdown syntax help: [commonmark.org/help](https://commonmark.org/help/)
`;
export class TextPanelCtrl extends PanelCtrl { export class TextPanelCtrl extends PanelCtrl {
static templateUrl = `public/app/plugins/panel/text/module.html`; static templateUrl = `public/app/plugins/panel/text/module.html`;
static scrollable = true; static scrollable = true;
@ -11,7 +18,7 @@ export class TextPanelCtrl extends PanelCtrl {
// Set and populate defaults // Set and populate defaults
panelDefaults = { panelDefaults = {
mode: 'markdown', // 'html', 'markdown', 'text' mode: 'markdown', // 'html', 'markdown', 'text'
content: '# title', content: defaultContent,
}; };
/** @ngInject */ /** @ngInject */