grafana/src/app/partials/roweditor.html

57 lines
2.1 KiB
HTML
Raw Normal View History

2014-08-26 02:32:30 -05:00
<div class="dashboard-editor-header">
<div class="dashboard-editor-title">
2015-01-08 04:03:27 -06:00
<i class="fa fa-th-list"></i>
2014-08-26 02:32:30 -05:00
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>
2014-09-30 03:27:56 -05:00
<editor-opt-bool text="Editable" model="row.editable"></editor-opt-bool>
<editor-opt-bool text="Show title" model="row.showTitle"></editor-opt-bool>
</div>
<div class="row-fluid" ng-if="editor.index == 1">
2013-02-13 13:23:24 -06:00
<div class="span12">
2014-08-29 02:59:18 -05:00
<table class="grafana-options-table" style="max-width: 400px; width: auto">
2013-02-13 13:23:24 -06:00
<thead>
<th>Title</th>
<th>Type</th>
2014-08-29 02:59:18 -05:00
<th>Span</span></th>
<th></th>
2014-08-29 02:59:18 -05:00
<th></th>
<th></th>
2013-02-13 13:23:24 -06:00
</thead>
<tr ng-repeat="panel in row.panels">
2014-08-29 02:59:18 -05:00
<td style="width: 95%">{{panel.title}}</td>
2013-02-13 13:23:24 -06:00
<td>{{panel.type}}</td>
2014-08-29 02:59:18 -05:00
<td><select ng-hide="panel.sizeable == false" class="input-mini" style="margin-bottom: 0;" ng-model="panel.span" ng-options="size for size in [1,2,3,4,5,6,7,8,9,10,11,12]"></select></td>
2015-01-08 04:03:27 -06:00
<td><i ng-click="_.move(row.panels,$index,$index-1)" ng-hide="$first" class="pointer fa fa-arrow-up"></i></td>
<td><i ng-click="_.move(row.panels,$index,$index+1)" ng-hide="$last" class="pointer fa fa-arrow-down"></i></td>
2014-08-29 02:59:18 -05:00
<td>
2015-01-17 01:27:55 -06:00
<a ng-click="row.panels = _.without(row.panels,panel)" class="btn btn-danger btn-small">
2015-01-08 04:03:27 -06:00
<i class="fa fa-remove"></i>
2014-08-29 02:59:18 -05:00
</a>
</td>
</tr>
</table>
</div>
</div>
</div>
2014-08-26 02:32:30 -05:00
<div class="dashboard-editor-footer">
2014-08-29 02:59:18 -05:00
<button type="button" class="btn btn-success pull-right" ng-click="editor.index=0;dismiss();reset_panel();close_edit()">Close</button>
</div>