| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- <div class="row pull-right">
- <form name="timeForm" class="gf-timepicker-absolute-section">
- <h3>Time range</h3>
- <label class="small">From:</label>
- <div class="gf-form-inline">
- <div class="gf-form max-width-28">
- <input type="text" class="gf-form-input input-large" ng-model="ctrl.timeRaw.from" input-datetime>
- </div>
- <div class="gf-form">
- <button class="btn gf-form-btn btn-primary" type="button" ng-click="openFromPicker=!openFromPicker">
- <i class="fa fa-calendar"></i>
- </button>
- </div>
- </div>
- <div ng-if="openFromPicker">
- <datepicker ng-model="ctrl.absolute.fromJs" class="gf-timepicker-component" show-weeks="false" ng-change="ctrl.absoluteFromChanged()"></datepicker>
- </div>
- <label class="small">To:</label>
- <div class="gf-form-inline">
- <div class="gf-form max-width-28">
- <input type="text" class="gf-form-input input-large" ng-model="ctrl.timeRaw.to" input-datetime>
- </div>
- <div class="gf-form">
- <button class="btn gf-form-btn btn-primary" type="button" ng-click="openToPicker=!openToPicker">
- <i class="fa fa-calendar"></i>
- </button>
- </div>
- </div>
- <div ng-if="openToPicker">
- <datepicker ng-model="ctrl.absolute.toJs" class="gf-timepicker-component" show-weeks="false" ng-change="ctrl.absoluteToChanged()"></datepicker>
- </div>
- <label class="small">Refreshing every:</label>
- <div class="gf-form-inline">
- <div class="gf-form max-width-28">
- <select ng-model="ctrl.refresh.value" class="gf-form-input input-medium" ng-options="f.value as f.text for f in ctrl.refresh.options"></select>
- </div>
- <div class="gf-form">
- <button type="submit" class="btn gf-form-btn btn-secondary" ng-click="ctrl.applyCustom();" ng-disabled="!timeForm.$valid">Apply</button>
- </div>
- </div>
- </form>
- <div class="gf-timepicker-relative-section">
- <h3>Quick ranges</h3>
- <ul ng-repeat="group in ctrl.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>
- <div class="clearfix"></div>
|