Files
grafana-zabbix/dist/panel-triggers/partials/module.html
2017-12-03 13:28:44 +03:00

127 lines
4.3 KiB
HTML

<div class="triggers-panel-container">
<div class="triggers-panel-header-bg"></div>
<div class="triggers-panel-scroll">
<table class="triggers-panel-table">
<thead>
<tr>
<th ng-if="ctrl.panel.hostField" class="zbx-field-host">
<div class="triggers-panel-table-header-inner pointer">
Host
</div>
</th>
<th ng-if="ctrl.panel.hostTechNameField" class="zbx-field-host">
<div class="triggers-panel-table-header-inner pointer">
Technical Name
</div>
</th>
<th ng-if="ctrl.panel.statusField" class="zbx-field-status">
<div class="triggers-panel-table-header-inner pointer">Status</div>
</th>
<th ng-if="ctrl.panel.severityField" class="zbx-field-severity">
<div class="triggers-panel-table-header-inner pointer">Severity</div>
</th>
<th>
<div class="triggers-panel-table-header-inner pointer">Issue</div>
</th>
<th ng-if="ctrl.panel.lastChangeField" class="zbx-field-lastchange">
<div class="triggers-panel-table-header-inner pointer">Last change</div>
</th>
<th ng-if="ctrl.panel.ageField" class="zbx-field-age">
<div class="triggers-panel-table-header-inner pointer">Age</div>
</th>
<th ng-if="ctrl.panel.infoField" class="zbx-field-info">
<div class="triggers-panel-table-header-inner pointer">Info</div>
</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="trigger in ctrl.currentTriggersPage">
<td ng-if="ctrl.panel.hostField">
<div>
<span><strong>{{trigger.host}}</strong></span>
</div>
</td>
<td ng-if="ctrl.panel.hostTechNameField">
<div>
<span><strong>{{trigger.hostTechName}}</strong></span>
</div>
</td>
<td ng-if="ctrl.panel.statusField" class="zbx-field-colored"
ng-style="{background: trigger.color, color: ctrl.panel.fontColor}">
<div>
{{ctrl.triggerStatusMap[trigger.value]}}
</div>
</td>
<td ng-if="ctrl.panel.severityField" class="zbx-field-colored"
ng-style="{background: trigger.color, color: ctrl.panel.fontColor}">
<div>
{{trigger.severity}}
</div>
</td>
<td class="zbx-field-colored"
ng-style="{background: trigger.color, color: ctrl.panel.fontColor}">
<div>
{{trigger.description}}
<a ng-if="trigger.comments"
role="button"
ng-click="ctrl.switchComment(trigger)"
class="pointer zbx-description-icon"
bs-tooltip="'Show additional trigger description'"
data-placement="top">
<i class="fa fa-file-text-o"></i>
</a>
</div>
<!-- Trigger comments -->
<div class="collapse"
id="comments-{{trigger.triggerid}}"
ng-if="trigger.showComment">
<div>
<small>{{trigger.comments}}</small>
</div>
</div>
</td>
<td ng-if="ctrl.panel.lastChangeField">
{{trigger.lastchange}}
</td>
<td ng-if="ctrl.panel.ageField">
{{trigger.age}}
</td>
<td ng-if="ctrl.panel.infoField">
<!-- Trigger Url -->
<a ng-if="trigger.url"
href="{{trigger.url}}"
target="_blank">
<i class="fa fa-external-link"></i>
</a>
<!-- Trigger state -->
<span ng-if="trigger.state === '1'"
bs-tooltip="'{{trigger.error}}'">
<i class="fa fa-question-circle"></i>
</span>
<!-- Trigger acknowledges -->
<ack-tooltip
ack="trigger.acknowledges"
trigger="trigger"
on-ack="ctrl.acknowledgeTrigger"
context="ctrl">
</ack-tooltip>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="triggers-panel-footer"></div>