editor.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. <div class="editor-row">
  2. <div class="grafana-target" ng-repeat="target in panel.targets" ng-controller="GraphiteTargetCtrl" ng-init="init()">
  3. <div class="grafana-target-inner-wrapper">
  4. <div class="grafana-target-inner">
  5. <ul class="grafana-target-controls">
  6. <li ng-if="target.yaxis">
  7. <a class="pointer" ng-click="setYAxis()">
  8. y&sup2;
  9. </a>
  10. </li>
  11. <li>
  12. <a class="pointer" tabindex="1" ng-click="showTextEditor = !showTextEditor">
  13. <i class="icon-pencil"></i>
  14. </a>
  15. </li>
  16. <li class="dropdown">
  17. <a class="pointer dropdown-toggle"
  18. data-toggle="dropdown"
  19. tabindex="1"
  20. ng-click="doSomethign()">
  21. <i class="icon-cog"></i>
  22. </a>
  23. <ul class="dropdown-menu pull-right" role="menu">
  24. <li role="menuitem">
  25. <a tabindex="1"
  26. ng-click="duplicate()">
  27. Duplicate
  28. </a>
  29. </li>
  30. <li role="menuitem">
  31. <a tabindex="1"
  32. ng-click="setYAxis()">
  33. Right Y-axis
  34. </a>
  35. </li>
  36. </ul>
  37. </li>
  38. <li>
  39. <a class="pointer" tabindex="1" ng-click="removeTarget(target)">
  40. <i class="icon-remove"></i>
  41. </a>
  42. </li>
  43. </ul>
  44. <ul class="grafana-target-controls-left">
  45. <li ng-hide="parserError">
  46. <a class="grafana-target-segment" ng-click="hideit()" role="menuitem">
  47. <i class="icon-eye-open"></i>
  48. </a>
  49. </li>
  50. <li ng-show="parserError">
  51. <a class="grafana-target-segment" bs-tooltip="parserError" style="color: rgb(229, 189, 28)" ng-click="hideit()" role="menuitem">
  52. <i class="icon-warning-sign"></i>
  53. </a>
  54. </li>
  55. </ul>
  56. <input type="text"
  57. class="grafana-target-text-input"
  58. ng-model="target.target"
  59. focus-me="showTextEditor"
  60. ng-model-onblur ng-change="targetTextChanged()"
  61. ng-show="showTextEditor" />
  62. <ul class="grafana-segment-list" role="menu" ng-hide="showTextEditor">
  63. <li class="dropdown" ng-repeat="segment in segments" role="menuitem">
  64. <a tabindex="1"
  65. class="grafana-target-segment dropdown-toggle"
  66. data-toggle="dropdown"
  67. ng-click="getAltSegments($index)"
  68. focus-me="segment.focus"
  69. ng-bind-html-unsafe="segment.html">
  70. </a>
  71. <ul class="dropdown-menu" role="menu">
  72. <li ng-repeat="altSegment in altSegments" role="menuitem">
  73. <a href="javascript:void(0)" tabindex="1" ng-click="setSegment($index, $parent.$index)" ng-bind-html-unsafe="altSegment.html"></a>
  74. </li>
  75. </ul>
  76. </li>
  77. <li ng-repeat="func in functions">
  78. <a class="grafana-target-segment grafana-target-function dropdown-toggle" bs-popover="'app/panels/graphite/funcEditor.html'" data-placement="bottom">
  79. {{func.text}}
  80. </a>
  81. </li>
  82. <li class="dropdown">
  83. <a class="grafana-target-segment grafana-target-function dropdown-toggle"
  84. data-toggle="dropdown"
  85. tabindex="1"
  86. ng-click="addFunction">
  87. <i class="icon-plus"></i>
  88. </a>
  89. <ul class="dropdown-menu" role="menu">
  90. <li ng-repeat="funcDef in funcDefs" role="menuitem">
  91. <a href="javascript:void(0)"
  92. tabindex="1"
  93. ng-click="addFunction(funcDef)">
  94. {{funcDef.name}}
  95. </a>
  96. </li>
  97. </ul>
  98. </li>
  99. </ul>
  100. <div class="clearfix"></div>
  101. </div>
  102. </div>
  103. </div>
  104. <div class="row-fluid" style="margin-top: 20px">
  105. <a class="pull-right" ng-click="add_target(panel.target)" ng-show="editor.index == 1">Add target</a>
  106. </div>
  107. </div>