Skip to content

Commit

Permalink
Finetuning edge cases
Browse files Browse the repository at this point in the history
  • Loading branch information
@buholzer
buholzer committed May 5, 2018
1 parent ad29358 commit a39bba1
Show file tree
Hide file tree
Showing 5 changed files with 173 additions and 73 deletions.
51 changes: 27 additions & 24 deletions dist/editor.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,33 +48,36 @@ <h5 class="section-heading">Value</h5>

<div class="section gf-form-group">
<h5 class="section-heading">Trend</h5>
<div class="gf-form">
<label class="gf-form-label width-6">Font size</label>
<div class="gf-form-select-wrapper">
<select class="input-small gf-form-input" ng-model="ctrl.panel.trend.valueFontSize" ng-options="f for f in ctrl.fontSizes" ng-change="ctrl.render()"></select>
<gf-form-switch class="gf-form" label-class="width-9" label="Show" checked="ctrl.panel.trend.show" on-change="ctrl.render()"></gf-form-switch>
<div ng-if="ctrl.panel.trend.show">
<div class="gf-form">
<label class="gf-form-label width-6">Font size</label>
<div class="gf-form-select-wrapper">
<select class="input-small gf-form-input" ng-model="ctrl.panel.trend.valueFontSize" ng-options="f for f in ctrl.fontSizes" ng-change="ctrl.render()"></select>
</div>
</div>
</div>
<div class="gf-form">
<label class="gf-form-label width-6">Unit size</label>
<div class="gf-form-select-wrapper">
<select class="input-small gf-form-input" ng-model="ctrl.panel.trend.unitFontSize" ng-options="f for f in ctrl.fontSizes" ng-change="ctrl.render()"></select>
<div class="gf-form">
<label class="gf-form-label width-6">Unit size</label>
<div class="gf-form-select-wrapper">
<select class="input-small gf-form-input" ng-model="ctrl.panel.trend.unitFontSize" ng-options="f for f in ctrl.fontSizes" ng-change="ctrl.render()"></select>
</div>
</div>
</div>
<div class="gf-form">
<label class="gf-form-label width-6">Sign size</label>
<div class="gf-form-select-wrapper">
<select class="input-small gf-form-input" ng-model="ctrl.panel.trend.signFontSize" ng-options="f for f in ctrl.fontSizes" ng-change="ctrl.render()"></select>
<div class="gf-form">
<label class="gf-form-label width-6">Sign size</label>
<div class="gf-form-select-wrapper">
<select class="input-small gf-form-input" ng-model="ctrl.panel.trend.signFontSize" ng-options="f for f in ctrl.fontSizes" ng-change="ctrl.render()"></select>
</div>
</div>
<div class="gf-form">
<label class="gf-form-label width-8">Show diff</label>
<gf-form-switch class="gf-form" label-class="width-8" checked="ctrl.panel.trend.showDiff" on-change="ctrl.render()"></gf-form-switch>
</div>
<div class="gf-form">
<label class="gf-form-label width-8">Trend Colors</label>
<span class="gf-form-label" ng-repeat="color in ctrl.panel.trend.colors track by $index">
<color-picker color="color" onChange="ctrl.onTrendColorChange($index)"></color-picker>
</span>
</div>
</div>
<div class="gf-form">
<label class="gf-form-label width-8">Show diff</label>
<gf-form-switch class="gf-form" label-class="width-8" checked="ctrl.panel.trend.showDiff" on-change="ctrl.render()"></gf-form-switch>
</div>
<div class="gf-form">
<label class="gf-form-label width-8">Trend Colors</label>
<span class="gf-form-label" ng-repeat="color in ctrl.panel.trend.colors track by $index">
<color-picker color="color" onChange="ctrl.onTrendColorChange($index)"></color-picker>
</span>
</div>
</div>

Expand Down
68 changes: 56 additions & 12 deletions dist/trend_ctrl.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit a39bba1

Please sign in to comment.