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

82 lines
3.0 KiB
HTML
Raw Normal View History

<div class="editor-row">
2013-12-20 08:18:08 +01:00
<div class="grafana-target" ng-repeat="target in panel.targets" ng-controller="GraphiteTargetCtrl" ng-init="init()">
2013-12-20 15:23:20 +01:00
<div class="grafana-target-inner-wrapper">
<div class="grafana-target-inner">
<span class="grafana-target-onoff">
<i class="icon-eye-open"></i>
</span>
<ul class="grafana-segment-list" role="menu">
<li class="dropdown" ng-repeat="segment in segments" role="menuitem">
2013-12-22 15:39:25 +01:00
<a tabindex="1"
class="grafana-target-segment dropdown-toggle"
data-toggle="dropdown"
ng-click="getAltSegments($index)"
focus-me="segment.focus"
ng-bind-html-unsafe="segment.html">
</a>
2013-12-20 15:23:20 +01:00
<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>
</ul>
<span class="grafana-target-controls">
<i class="icon-remove"></i>
</span>
<div class="clearfix"></div>
</div>
2013-12-20 19:24:32 +01:00
</div>
<div class="grafana-target-func-panel">
<span class="grafana-target-func-panel-icon">
2013-12-22 21:24:09 +01:00
<!-- <i class="icon-long-arrow-right"></i> -->
2013-12-20 19:24:32 +01:00
</span>
<ul>
<li ng-repeat="func in functions">
2013-12-22 14:58:15 +01:00
<a bs-popover="'app/panels/graphite/funcEditor.html'" data-placement="top">{{func.text}}</a>
2013-12-20 19:24:32 +01:00
<i class="icon-long-arrow-right"></i>
</li>
2013-12-22 15:39:25 +01:00
<li class="dropdown">
<a class="dropdown-toggle"
data-toggle="dropdown"
tabindex="1"
ng-click="addFunction">
add function
</a>
<ul class="dropdown-menu" role="menu">
<li ng-repeat="funcDef in funcDefs" role="menuitem">
<a href="javascript:void(0)"
tabindex="1"
ng-click="addFunction(funcDef)">
{{funcDef.name}}
</a>
</li>
</ul>
2013-12-20 19:24:32 +01:00
</li>
</ul>
<div class="clearfix"></div>
2013-12-20 15:23:20 +01:00
</div>
2013-12-20 08:18:08 +01:00
<!-- <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>