Files
grafana/src/app/panels/graphite/editor.html

84 lines
2.7 KiB
HTML
Raw Normal View History

<div class="editor-row">
2013-12-20 08:18:08 +01:00
<style>
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;
}
.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">
<td style="padding-left: 10px;width: 25px;"><i class="icon-eye-open"></i></td>
2013-12-20 08:18:08 +01:00
<td>
<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-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> -->
</div>
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>
</div>