mirror of
https://github.com/grafana/grafana.git
synced 2025-02-20 11:48:34 -06:00
91 lines
3.6 KiB
HTML
91 lines
3.6 KiB
HTML
|
<div class="row pull-right">
|
||
|
|
<div class="gf-timepicker-relative-section">
|
||
|
|
<h3>Quick ranges</h3>
|
||
|
|
<ul ng-repeat="group in timeOptions">
|
||
|
|
<li bindonce ng-repeat='option in group' ng-class="{active: option.active}">
|
||
|
|
<a ng-click="ctrl.setRelativeFilter(option)" bo-text="option.display"></a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="gf-timepicker-absolute-section">
|
||
|
|
<h3>Time range</h3>
|
||
|
|
<label class="small">From:</label>
|
||
|
|
<div class="input-prepend">
|
||
|
|
<input type="text" class="input-large" ng-model="timeRaw.from" input-datetime>
|
||
|
|
<button class="btn btn-primary" type="button" ng-click="openFromPicker=!openFromPicker">
|
||
|
|
<i class="fa fa-calendar"></i>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div ng-if="openFromPicker">
|
||
|
|
<datepicker ng-model="absolute.to" class="gf-timepicker-component" show-weeks="false"></datepicker>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<label class="small">To:</label>
|
||
|
|
<div class="input-prepend">
|
||
|
|
<input type="text" class="input-large" ng-model="timeRaw.to" input-datetime>
|
||
|
|
<button class="btn btn-primary" type="button" ng-click="openToPicker=!openToPicker">
|
||
|
|
<i class="fa fa-calendar"></i>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<label class="small">Refreshing every:</label>
|
||
|
|
<select ng-model="dashboard.refresh" class='input-large' ng-options="f for f in ['5m','10m']"></select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="clearfix"></div>
|
||
|
|
|
||
|
|
<!-- <tabset> -->
|
||
|
|
<!-- <tab heading="Relative"> -->
|
||
|
|
<!-- -->
|
||
|
|
<!-- <div style="float:right; width: 200px" ng-repeat="group in timeOptions"> -->
|
||
|
|
<!-- <ul> -->
|
||
|
|
<!-- <li bindonce ng-repeat='option in group'> -->
|
||
|
|
<!-- <a ng-click="ctrl.setRelativeFilter(option)" bo-text="option.display"></a> -->
|
||
|
|
<!-- </li> -->
|
||
|
|
<!-- </ul> -->
|
||
|
|
<!-- </div> -->
|
||
|
|
<!-- -->
|
||
|
|
<!-- </tab> -->
|
||
|
|
<!-- <tab heading="Absolute"> -->
|
||
|
|
<!-- -->
|
||
|
|
<!-- <form name="timeForm" style="margin: 0 20px 20px 20px"> -->
|
||
|
|
<!-- <div class="gf-timepicker-section"> -->
|
||
|
|
<!-- <div> -->
|
||
|
|
<!-- <div class="tight-form last"> -->
|
||
|
|
<!-- </div> -->
|
||
|
|
<!-- <label class="small">From:</label> -->
|
||
|
|
<!-- <input type="text" required class="input-large" ng-model="absolute.from" input-datetime="MMMM Do YYYY, HH:mm:ss.SSS"> -->
|
||
|
|
<!-- <br> -->
|
||
|
|
<!-- </div> -->
|
||
|
|
<!-- <datepicker ng-model="absolute.from" class="gf-timepicker-component" show-weeks="false"></datepicker> -->
|
||
|
|
<!-- </div> -->
|
||
|
|
<!-- <div class="gf-timepicker-section"> -->
|
||
|
|
<!-- <div> -->
|
||
|
|
<!-- <label class="small">To:</label> -->
|
||
|
|
<!-- <input type="text" required class="input-large" ng-model="absolute.to" input-datetime="MMMM Do YYYY, HH:mm:ss.SSS"> -->
|
||
|
|
<!-- <br> -->
|
||
|
|
<!-- </div> -->
|
||
|
|
<!-- <datepicker ng-model="absolute.to" class="gf-timepicker-component" show-weeks="false"></datepicker> -->
|
||
|
|
<!-- </div> -->
|
||
|
|
<!-- <div class="clearfix"></div> -->
|
||
|
|
<!-- </form> -->
|
||
|
|
<!-- </tab> -->
|
||
|
|
<!-- </tabset> -->
|
||
|
|
<!-- -->
|
||
|
|
<!-- <!-- <!&#45;&#45; Auto refresh submenu &#45;&#45;> --> -->
|
||
|
|
<!-- <li class="dropdown-submenu"> -->
|
||
|
|
<!-- <a href="#">Auto-Refresh</a> -->
|
||
|
|
<!-- <ul class="dropdown-menu" ng-class="{'dropdown-submenu-left': refreshMenuLeftSide}"> -->
|
||
|
|
<!-- <li> -->
|
||
|
|
<!-- <a ng-click="timeSrv.set_interval(false)">Off</a> -->
|
||
|
|
<!-- </li> -->
|
||
|
|
<!-- <li bindonce ng-repeat="interval in panel.refresh_intervals track by $index"> -->
|
||
|
|
<!-- <a ng-click="timeSrv.set_interval(interval)" bo-text="'Every ' + interval"></a> -->
|
||
|
|
<!-- </li> -->
|
||
|
|
<!-- </ul> -->
|
||
|
|
<!-- </li> -->
|
||
|
|
<!-- <li><a ng-click="ctrl.customTime()">Custom</a></li> -->
|
||
|
|
<!-- </div> -->
|