query.editor.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <div class="tight-form">
  2. <ul class="tight-form-list pull-right">
  3. <li ng-show="parserError" class="tight-form-item">
  4. <a bs-tooltip="parserError" style="color: rgb(229, 189, 28)" role="menuitem">
  5. <i class="fa fa-warning"></i>
  6. </a>
  7. </li>
  8. <li class="tight-form-item small" ng-show="target.datasource">
  9. <em>{{target.datasource}}</em>
  10. </li>
  11. <li class="tight-form-item">
  12. <div class="dropdown">
  13. <a class="pointer dropdown-toggle" data-toggle="dropdown" tabindex="1">
  14. <i class="fa fa-bars"></i>
  15. </a>
  16. <ul class="dropdown-menu pull-right" role="menu">
  17. <li role="menuitem">
  18. <a tabindex="1" ng-click="toggleEditorMode()">
  19. Switch editor mode
  20. </a>
  21. </li>
  22. <li role="menuitem">
  23. <a tabindex="1" ng-click="duplicate()">Duplicate</a>
  24. </li>
  25. <li role="menuitem">
  26. <a tabindex="1" ng-click="moveMetricQuery($index, $index-1)">Move up</a>
  27. </li>
  28. <li role="menuitem">
  29. <a tabindex="1" ng-click="moveMetricQuery($index, $index+1)">Move down</a>
  30. </li>
  31. </ul>
  32. </div>
  33. </li>
  34. <li class="tight-form-item last">
  35. <a class="pointer" tabindex="1" ng-click="removeDataQuery(target)">
  36. <i class="fa fa-remove"></i>
  37. </a>
  38. </li>
  39. </ul>
  40. <ul class="tight-form-list">
  41. <li class="tight-form-item" style="min-width: 15px; text-align: center">
  42. {{target.refId}}
  43. </li>
  44. <li>
  45. <a class="tight-form-item" ng-click="target.hide = !target.hide; get_data();" role="menuitem">
  46. <i class="fa fa-eye"></i>
  47. </a>
  48. </li>
  49. </ul>
  50. <input type="text" class="tight-form-clear-input span10"
  51. ng-model="target.target"
  52. give-focus="target.textEditor"
  53. spellcheck='false'
  54. ng-model-onblur ng-change="get_data()"
  55. ng-show="target.textEditor" />
  56. <ul class="tight-form-list" role="menu" ng-hide="target.textEditor">
  57. <li ng-repeat="segment in segments" role="menuitem">
  58. <metric-segment segment="segment" get-alt-segments="getAltSegments($index)" on-value-changed="segmentValueChanged(segment, $index)"></metric-segment>
  59. </li>
  60. <li ng-repeat="func in functions">
  61. <span graphite-func-editor class="tight-form-item tight-form-func">
  62. </span>
  63. </li>
  64. <li class="dropdown" graphite-add-func>
  65. </li>
  66. </ul>
  67. <div class="clearfix"></div>
  68. </div>
  69. </div>