| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- <div class="editor-row">
- <div class="section">
- <h5>Big values</h5>
- <div class="editor-option">
- <label class="small">Template</label>
- <input type="text" class="input-xlarge" ng-model="panel.template" ng-blur="render()"></input>
- </div>
- </div>
- <div class="section">
- <h5>Formats</h5>
- <div class="editor-option">
- <label class="small">Unit format</label>
- <select class="input-small" ng-model="panel.format" ng-options="f for f in ['none','short','bytes', 'bits', 'bps', 's', 'ms', 'µs', 'ns', 'percent']" ng-change="render()"></select>
- </div>
- </div>
- <div class="section">
- <h5>Coloring</h5>
- <editor-opt-bool text="Background" model="panel.colorBackground" change="setColoring({background: true})"></editor-opt-bool>
- <editor-opt-bool text="Value" model="panel.colorValue" change="setColoring({value: true})"></editor-opt-bool>
- <div class="editor-option">
- <label class="small">Thresholds</label>
- <input type="text" class="input-large" ng-model="panel.thresholds" ng-blur="render()"></input>
- </div>
- <div class="editor-option">
- <label class="small">Color</label>
- <spectrum-picker ng-model="panel.colors[0]" ng-change="render()" ></spectrum-picker>
- <spectrum-picker ng-model="panel.colors[1]" ng-change="render()" ></spectrum-picker>
- <spectrum-picker ng-model="panel.colors[2]" ng-change="render()" ></spectrum-picker>
- <a class="pointer" ng-click="invertColorOrder()">invert order</a>
- </div>
- </div>
- </div>
- <div class="editor-row">
- <div class="section">
- <h5>Spark lines</h5>
- <editor-opt-bool text="Spark line" model="panel.sparkline.show" change="render()"></editor-opt-bool>
- <editor-opt-bool text="Background mode" model="panel.sparkline.full" change="render()"></editor-opt-bool>
- <div class="editor-option">
- <label class="small">Line color</label>
- <spectrum-picker ng-model="panel.sparkline.lineColor" ng-change="render()" ></spectrum-picker>
- <spectrum-picker ng-model="panel.sparkline.fillColor" ng-change="render()" ></spectrum-picker>
- </div>
- </div>
- </div>
- </div>
|