dropdown.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <div class="row pull-right">
  2. <form name="timeForm" class="gf-timepicker-absolute-section">
  3. <h3>Time range</h3>
  4. <label class="small">From:</label>
  5. <div class="gf-form-inline">
  6. <div class="gf-form max-width-28">
  7. <input type="text" class="gf-form-input input-large" ng-model="ctrl.timeRaw.from" input-datetime>
  8. </div>
  9. <div class="gf-form">
  10. <button class="btn gf-form-btn btn-primary" type="button" ng-click="openFromPicker=!openFromPicker">
  11. <i class="fa fa-calendar"></i>
  12. </button>
  13. </div>
  14. </div>
  15. <div ng-if="openFromPicker">
  16. <datepicker ng-model="ctrl.absolute.fromJs" class="gf-timepicker-component" show-weeks="false" ng-change="ctrl.absoluteFromChanged()"></datepicker>
  17. </div>
  18. <label class="small">To:</label>
  19. <div class="gf-form-inline">
  20. <div class="gf-form max-width-28">
  21. <input type="text" class="gf-form-input input-large" ng-model="ctrl.timeRaw.to" input-datetime>
  22. </div>
  23. <div class="gf-form">
  24. <button class="btn gf-form-btn btn-primary" type="button" ng-click="openToPicker=!openToPicker">
  25. <i class="fa fa-calendar"></i>
  26. </button>
  27. </div>
  28. </div>
  29. <div ng-if="openToPicker">
  30. <datepicker ng-model="ctrl.absolute.toJs" class="gf-timepicker-component" show-weeks="false" ng-change="ctrl.absoluteToChanged()"></datepicker>
  31. </div>
  32. <label class="small">Refreshing every:</label>
  33. <div class="gf-form-inline">
  34. <div class="gf-form max-width-28">
  35. <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>
  36. </div>
  37. <div class="gf-form">
  38. <button type="submit" class="btn gf-form-btn btn-secondary" ng-click="ctrl.applyCustom();" ng-disabled="!timeForm.$valid">Apply</button>
  39. </div>
  40. </div>
  41. </form>
  42. <div class="gf-timepicker-relative-section">
  43. <h3>Quick ranges</h3>
  44. <ul ng-repeat="group in ctrl.timeOptions">
  45. <li bindonce ng-repeat='option in group' ng-class="{active: option.active}">
  46. <a ng-click="ctrl.setRelativeFilter(option)" bo-text="option.display"></a>
  47. </li>
  48. </ul>
  49. </div>
  50. </div>
  51. <div class="clearfix"></div>