public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added panel configuration framework

Browse Source
This commit is contained in:
Rashid Khan
2013-02-08 08:42:37 -07:00
parent ee65f81a2b
commit 19798b0891
23 changed files with 211 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files
panels/table/editor.html
+24 -21
View File
@@ -1,30 +1,33 @@
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>{{panel.title}}</h3>
</div>
<div class="modal-body">
<h4>Panel Settings</h4>
<form class="form-inline">
<label>Span</label> <input type="number" class="input-mini" ng-model="panel.span"><br>
<label class="checkbox"> Editable <input type="checkbox" ng-model="panel.editable" ng-checked="panel.editable"></label>
</form>
<label>Group(s)</label><input array-join type="text" class="input-large" ng-model='panel.group'></input> <small>Comma seperated</small>
<div class="row-fluid">
<div class="row-fluid">
<div class="span12">
<form class="input-append">
<h5>Query</h5>
<input type="text" style="width:90%" ng-model="panel.query">
<button class="btn" ng-click="get_data();"><i class="icon-search"></i></button>
</form>
</div>
</div>
<div class="row-fluid">
<div class="span4">
<form class="input-append">
<h4>Add field</h4>
<h5>Add field</h5>
<input bs-typeahead="all_fields" type="text" class="input-small" ng-model='newfield'>
<button class="btn" ng-click="toggle_field(newfield);newfield=''"><i class="icon-plus"></i></button>
</form>
</div>
<div class="span8">
<h4>Selected fields <small>Click to a field to remove it</small></h4>
<span ng-click="toggle_field(field)" ng-repeat="field in panel.fields" class="remove pointer">{{field}} </span>
<h5>Selected fields <small>Click to remove</small></h5>
<span style="margin-left:3px" ng-click="toggle_field(field)" ng-repeat="field in $parent.panel.fields" class="label remove pointer">{{field}} </span>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn" ng-click="dismiss()">Close</button>
<button class="btn btn-primary" ng-click="dismiss()">Save changes</button>
</div>
<div class="row-fluid">
<div class="span4">
<h5>Sort</h5>
<select style="width:85%" ng-model="panel.sort[0]" ng-options="f for f in all_fields"></select>
<i ng-click="set_sort(panel.sort[0])" ng-class="{'icon-chevron-up': panel.sort[1] == 'asc','icon-chevron-down': panel.sort[1] == 'desc'}"></i>
</div>
<div class="span1">
<h5>Length</h5>
<input type="number" class="input-mini" ng-model="panel.size" ng-change="get_data()">
</div>
</div>