grafana/src/app/partials/roweditor.html

58 lines
2.3 KiB
HTML
Raw Normal View History

2014-08-26 02:32:30 -05:00
<div class="dashboard-editor-header">
<div class="dashboard-editor-title">
<i class="icon icon-th-list"></i>
Row settings
</div>
2013-07-23 12:10:00 -05:00
2014-08-26 02:32:30 -05:00
<div ng-model="editor.index" bs-tabs style="text-transform:capitalize;">
<div ng-repeat="tab in ['General','Panels']" data-title="{{tab}}">
2014-08-26 02:32:30 -05:00
</div>
</div>
2013-07-23 12:10:00 -05:00
2014-08-26 02:32:30 -05:00
</div>
<div class="dashboard-editor-body">
<div class="editor-row" ng-if="editor.index == 0">
<div class="editor-option">
<label class="small">Title</label><input type="text" class="input-medium" ng-model='row.title'></input>
</div>
<div class="editor-option">
<label class="small">Height</label><input type="text" class="input-mini" ng-model='row.height'></input>
</div>
<div class="editor-option">
<label class="small"> Editable </label><input type="checkbox" ng-model="row.editable" ng-checked="row.editable" />
</div>
<div class="editor-option">
<label class="small"> Show title </label><input type="checkbox" ng-model="row.showTitle" ng-checked="row.showTitle" />
</div>
</div>
<div class="row-fluid" ng-if="editor.index == 1">
2013-02-13 13:23:24 -06:00
<div class="span12">
2013-12-24 10:17:20 -06:00
<h4>Panels</h4>
2013-02-13 13:23:24 -06:00
<table class="table table-condensed table-striped">
<thead>
<th>Title</th>
<th>Type</th>
<th>Span <span class="small">({{dashboard.rowSpan(row)}}/12)</span></th>
2013-02-13 13:23:24 -06:00
<th>Delete</th>
<th>Move</th>
<th></th>
2013-02-13 13:23:24 -06:00
</thead>
<tr ng-repeat="panel in row.panels">
<td>{{panel.title}}</td>
<td>{{panel.type}}</td>
<td><select ng-hide="panel.sizeable == false" class="input-mini" ng-model="panel.span" ng-options="size for size in [1,2,3,4,5,6,7,8,9,10,11,12]"></select></td>
<td><i ng-click="row.panels = _.without(row.panels,panel)" class="pointer icon-remove"></i></td>
<td><i ng-click="_.move(row.panels,$index,$index-1)" ng-hide="$first" class="pointer icon-arrow-up"></i></td>
<td><i ng-click="_.move(row.panels,$index,$index+1)" ng-hide="$last" class="pointer icon-arrow-down"></i></td>
2013-02-13 13:23:24 -06:00
</tr>
</table>
</div>
</div>
</div>
2014-08-26 02:32:30 -05:00
<div class="dashboard-editor-footer">
<button type="button" class="btn btn-success pull-right" ng-click="editor.index=0;dismiss();reset_panel();close_edit()">Close</button>
</div>