query.editor.html 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <query-editor-row query-ctrl="ctrl" has-text-edit-mode="true">
  2. <div class="gf-form-inline">
  3. <div class="gf-form">
  4. <span class="gf-form-label width-9">Project</span>
  5. <input class="gf-form-input" disabled type="text" ng-model='ctrl.target.project.name' get-options="ctrl.getProjects()"
  6. css-class="min-width-12" />
  7. </div>
  8. </div>
  9. <div class="gf-form-inline">
  10. <div class="gf-form">
  11. <span class="gf-form-label width-9">Metric Type</span>
  12. <gf-form-dropdown model="ctrl.target.metricType" get-options="ctrl.getMetricTypes($query)" class="min-width-20"
  13. disabled type="text" allow-custom="true" lookup-text="true" css-class="min-width-12" on-change="ctrl.refresh()"></gf-form-dropdown>
  14. </div>
  15. <div class="gf-form gf-form--grow">
  16. <div class="gf-form-label gf-form-label--grow"></div>
  17. </div>
  18. </div>
  19. <div class="gf-form-inline">
  20. <div class="gf-form">
  21. <label class="gf-form-label query-keyword" ng-click="ctrl.showHelp = !ctrl.showHelp">
  22. Show Help
  23. <i class="fa fa-caret-down" ng-show="ctrl.showHelp"></i>
  24. <i class="fa fa-caret-right" ng-hide="ctrl.showHelp"></i>
  25. </label>
  26. </div>
  27. <div class="gf-form" ng-show="ctrl.lastQueryMeta">
  28. <label class="gf-form-label query-keyword" ng-click="ctrl.showLastQuery = !ctrl.showLastQuery">
  29. Raw Query
  30. <i class="fa fa-caret-down" ng-show="ctrl.showLastQuery"></i>
  31. <i class="fa fa-caret-right" ng-hide="ctrl.showLastQuery"></i>
  32. </label>
  33. </div>
  34. <div class="gf-form gf-form--grow">
  35. <div class="gf-form-label gf-form-label--grow"></div>
  36. </div>
  37. </div>
  38. <div class="gf-form" ng-show="ctrl.showLastQuery">
  39. <pre class="gf-form-pre">{{ctrl.lastQueryMeta.rawQueryString}}</pre>
  40. </div>
  41. <div class="gf-form" ng-show="ctrl.showHelp">
  42. <pre class="gf-form-pre alert alert-info">
  43. Help text for aliasing
  44. </pre>
  45. </div>
  46. <div class="gf-form" ng-show="ctrl.lastQueryError">
  47. <pre class="gf-form-pre alert alert-error">{{ctrl.lastQueryError}}</pre>
  48. </div>
  49. </query-editor-row>