mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
93 lines
4.0 KiB
HTML
93 lines
4.0 KiB
HTML
<div class="modal-body">
|
|
<div class="pull-right editor-title">Dashboard settings</div>
|
|
|
|
<div ng-model="editor.index" bs-tabs>
|
|
<div ng-repeat="tab in ['General','Index','Rows']" data-title="{{tab}}">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row-fluid" ng-show="editor.index == 0">
|
|
<div class="span4">
|
|
<label class="small">Title</label><input type="text" class="input-large" ng-model='dashboard.current.title'></input>
|
|
</div>
|
|
<div class="span1">
|
|
<label class="small"> Editable </label><input type="checkbox" ng-model="dashboard.current.editable" ng-checked="dashboard.current.editable" />
|
|
</div>
|
|
</div>
|
|
<div class="row-fluid" ng-show="editor.index == 1">
|
|
<h4>Index Settings</h4>
|
|
<div ng-show="dashboard.current.index.interval != 'none'" class="row-fluid">
|
|
<div class="span12">
|
|
<p class="small">
|
|
Time stamped indices use your selected time range to create a list of
|
|
indices that match a specified timestamp pattern. This can be very
|
|
efficient for some data sets (eg, logs) For example, to match the
|
|
default logstash index pattern you might use
|
|
<code>[logstash-]YYYY.MM.DD</code>. The [] in "[logstash-]" are
|
|
important as they instruct Kibana not to treat those letters as a
|
|
pattern.
|
|
</p>
|
|
<p class="small">
|
|
See <a href="http://momentjs.com/docs/#/displaying/format/">http://momentjs.com/docs/#/displaying/format/</a>
|
|
for documentation on date formatting.
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="row-fluid">
|
|
<div class="span3">
|
|
<h6>Timestamping</h6><select class="input-small" ng-model="dashboard.current.index.interval" ng-options='f for f in ["none","hour","day","week","month","year"]'></select>
|
|
</div>
|
|
<div class="span5" ng-show="dashboard.current.index.interval != 'none'">
|
|
<h6>Index pattern <small>Absolutes in []</small></h6>
|
|
<input type="text" class="input-medium" ng-model="dashboard.current.index.pattern">
|
|
</div>
|
|
<div class="span4">
|
|
<h6>Default Index <small ng-show="dashboard.current.index.interval != 'none'">If index not found</small></h6>
|
|
<input type="text" class="input-medium" ng-model="dashboard.current.index.default">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row-fluid" ng-show="editor.index == 2">
|
|
<h4>Rows</h4>
|
|
<form>
|
|
<div class="span5">
|
|
<label class="small">Title</label>
|
|
<input type="text" class="input-large" ng-model='row.title'></input>
|
|
</div>
|
|
<div class="span2">
|
|
<label class="small">Height</label>
|
|
<input type="text" class="input-mini" ng-model='row.height'></input>
|
|
</div>
|
|
<div class="span1">
|
|
<label class="small"> Editable </label>
|
|
<input type="checkbox" ng-model="row.editable" ng-checked="row.editable" />
|
|
</div>
|
|
<div class="span4">
|
|
<label> </label>
|
|
<button ng-click="add_row(dashboard.current,row); reset_row();" class="btn btn-primary">Create Row</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="row-fluid" ng-show="editor.index == 2">
|
|
<div class="span12">
|
|
<table class="table table-condensed table-striped">
|
|
<thead>
|
|
<th>Title</th>
|
|
<th>Delete</th>
|
|
<th>Move</th>
|
|
</thead>
|
|
<tr ng-repeat="row in dashboard.current.rows">
|
|
<td>{{row.title}}</td>
|
|
<td><i ng-click="dashboard.current.rows = _.without(dashboard.current.rows,row)" class="pointer icon-remove"></i></td>
|
|
<td><i ng-click="_.move(dashboard.current.rows,$index,$index-1)" ng-hide="$first" class="pointer icon-arrow-up"></i></td>
|
|
<td><i ng-click="_.move(dashboard.current.rows,$index,$index+1)" ng-hide="$last" class="pointer icon-arrow-down"></i></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-danger" ng-click="editor.index=0;dismiss();reset_panel();dashboard.refresh()">Close</button>
|
|
</div> |