2013-12-06 14:53:05 +01:00
|
|
|
<div class="editor-row">
|
2013-12-20 08:18:08 +01:00
|
|
|
<style>
|
2013-12-07 16:38:15 +01:00
|
|
|
|
2013-12-20 08:18:08 +01:00
|
|
|
.grafana-target {
|
|
|
|
|
border-top: 1px solid #444444;
|
|
|
|
|
border-bottom: 1px solid #444444;
|
|
|
|
|
}
|
|
|
|
|
.grafana-target-top td {
|
|
|
|
|
border-top: 1px solid black;
|
|
|
|
|
border-bottom: 1px solid black;
|
|
|
|
|
background: #202020;
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
.grafana-segment-list {
|
|
|
|
|
list-style: none;
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
2013-12-20 14:46:11 +01:00
|
|
|
.grafana-segment-list > li {
|
2013-12-20 08:18:08 +01:00
|
|
|
float: left;
|
|
|
|
|
}
|
|
|
|
|
.grafana-target-segment {
|
|
|
|
|
padding: 5px 7px;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
border-left: 1px solid #050505;
|
|
|
|
|
color: #c8c8c8;
|
|
|
|
|
}
|
|
|
|
|
.grafana-target .dropdown {
|
|
|
|
|
padding: 0; margin: 0;
|
|
|
|
|
}
|
|
|
|
|
.grafana-target-segment:hover {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
a.grafana-target-segment:focus {
|
|
|
|
|
outline: 0;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
<div class="grafana-target" ng-repeat="target in panel.targets" ng-controller="GraphiteTargetCtrl" ng-init="init()">
|
|
|
|
|
|
|
|
|
|
<table style="margin: 0; padding: 0;width:100%;">
|
|
|
|
|
<tr class="grafana-target-top">
|
2013-12-20 14:46:11 +01:00
|
|
|
<td style="padding-left: 10px;width: 25px;"><i class="icon-eye-open"></i></td>
|
2013-12-20 08:18:08 +01:00
|
|
|
<td>
|
2013-12-20 14:46:11 +01:00
|
|
|
<ul class="grafana-segment-list" role="menu">
|
|
|
|
|
<li class="dropdown" ng-repeat="segment in segments" role="menuitem">
|
|
|
|
|
<a tabindex="1" class="grafana-target-segment dropdown-toggle"
|
|
|
|
|
data-toggle="dropdown" ng-click="getAltSegments($index)" focus-me="segment.focus"
|
|
|
|
|
data-placement="bottom" ng-bind-html-unsafe="segment.html"></a>
|
|
|
|
|
<ul class="dropdown-menu" role="menu">
|
|
|
|
|
<li ng-repeat="altSegment in altSegments" role="menuitem">
|
|
|
|
|
<a href="javascript:void(0)" tabindex="1" ng-click="setSegment($index, $parent.$index)" ng-bind-html-unsafe="altSegment.html"></a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
2013-12-20 08:18:08 +01:00
|
|
|
<ul>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<i class="icon-remove"></i>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
<!-- <div class="row-fluid">
|
2013-12-17 22:53:31 +01:00
|
|
|
<div class="span12">
|
|
|
|
|
<span ng-if="!editMode">
|
|
|
|
|
{{target.target}}
|
|
|
|
|
</span>
|
2013-12-07 16:38:15 +01:00
|
|
|
|
2013-12-17 22:53:31 +01:00
|
|
|
<input ng-if="editMode" type="text" ng-model="target.target" class="input-large" style="width:100%" ng-model-onblur ng-change="targetChanged()" bs-typeahead="typeAheadSource" data-min-length=0 />
|
|
|
|
|
|
|
|
|
|
<span ng-if="!editMode">
|
|
|
|
|
<i ng-click="edit()" class="pointer icon-edit" style="padding: 0 7px;"></i>
|
|
|
|
|
<i ng-click="panel.targets = _.without(panel.targets, target)" class="pointer icon-remove" style="padding: 0 7px;"></i>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
</div>
|
2013-12-20 08:18:08 +01:00
|
|
|
</div> -->
|
2013-12-06 14:53:05 +01:00
|
|
|
</div>
|
2013-12-07 16:38:15 +01:00
|
|
|
|
2013-12-20 08:18:08 +01:00
|
|
|
<div class="row-fluid" style="margin-top: 20px">
|
|
|
|
|
<a class="pull-right" ng-click="add_target(panel.target)" ng-show="editor.index == 1">Add target</a>
|
|
|
|
|
</div>
|
2013-12-06 14:53:05 +01:00
|
|
|
</div>
|