Misthios/grafana-zabbix
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Trigger panel: color picker changed to spectrum picker.

Browse Source
This commit is contained in:
Alexander Zobnin
2016-02-03 20:47:24 +03:00
parent 19d1cc315e
commit a23dbe6aa7
1 changed files with 12 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
plugins/panel-triggers/editor.html
View File

@@ -229,35 +229,23 @@
<div class="section"> <div class="section">
<h5>Customize triggers severity and colors</h5> <h5>Customize triggers severity and colors</h5>
<div class="tight-form" <div class="tight-form"
ng-repeat="trigger in panel.triggerSeverity" ng-repeat="trigger in panel.triggerSeverity">
ng-style="{background:trigger.color}">
<ul class="tight-form-list"> <ul class="tight-form-list">
<li class="tight-form-item" style="width: 10px; color: #101010"> <li class="tight-form-item" style="width: 10px">
{{ trigger.priority }} {{ trigger.priority }}
</li> </li>
<li> <li>
<input class="tight-form-input input-medium" <input class="tight-form-input input-medium"
type="text" type="text"
style="color: #101010"
empty-to-null empty-to-null
ng-model="trigger.severity" ng-model="trigger.severity"
ng-style="{background:trigger.color}" style="color: white"
ng-style="{background: trigger.color}"
ng-model-onblur ng-model-onblur
ng-change="get_data()"> ng-change="get_data()">
</li> </li>
<li data-trigger-index="{{trigger.priority}}"> <li class="tight-form-item">
&nbsp; <spectrum-picker ng-model="trigger.color" ng-change="get_data()"></spectrum-picker>
<i class="pointer fa fa-eyedropper trigger-color"
style="color: #101010"
ng-click="openTriggerColorSelector($event)">&nbsp;</i>
<input type="text"
class="tight-form-input input-small"
style="color: #101010"
empty-to-null
ng-model="trigger.color"
ng-style="{background:trigger.color}"
ng-model-onblur
ng-change="get_data()">
</li> </li>
<li class="tight-form-item last" style="width: 28px"> <li class="tight-form-item last" style="width: 28px">
<label class="checkbox-label" for="{{ 'trigger-show-' + $index }}"></label> <label class="checkbox-label" for="{{ 'trigger-show-' + $index }}"></label>
@@ -272,25 +260,15 @@
</ul> </ul>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
<div class="tight-form last" <div class="tight-form last">
ng-style="{background:panel.okEventColor}">
<ul class="tight-form-list"> <ul class="tight-form-list">
<li class="tight-form-item" style="width: 160px; color: #101010"> <li class="tight-form-item"
ng-style="{background:panel.okEventColor}"
style="width: 160px; color: white">
<span style="padding-left: 25px"> OK event color </span> <span style="padding-left: 25px"> OK event color </span>
</li> </li>
<li data-trigger-index="6"> <li class="tight-form-item">
&nbsp; <spectrum-picker ng-model="panel.okEventColor" ng-change="get_data()"></spectrum-picker>
<i class="pointer fa fa-eyedropper trigger-color"
style="color: #101010"
ng-click="openOkEventColorSelector($event)">&nbsp;</i>
<input type="text"
class="tight-form-input input-small"
style="color: #101010"
empty-to-null
ng-model="panel.okEventColor"
ng-style="{background:panel.okEventColor}"
ng-model-onblur
ng-change="get_data()">
</li> </li>
</ul> </ul>
<div class="clearfix"></div> <div class="clearfix"></div>