tab_series_overrides.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <div
  2. class="graph-series-override"
  3. ng-repeat="override in ctrl.panel.seriesOverrides"
  4. ng-controller="SeriesOverridesCtrl"
  5. >
  6. <div class="gf-form">
  7. <label class="gf-form-label">Alias or regex</label>
  8. <input
  9. type="text"
  10. ng-model="override.alias"
  11. bs-typeahead="getSeriesNames"
  12. ng-blur="ctrl.render()"
  13. data-min-length="0"
  14. data-items="100"
  15. class="gf-form-input width-15"
  16. placeholder="For regex use /pattern/"
  17. />
  18. <label class="gf-form-label pointer" ng-click="ctrl.removeSeriesOverride(override)">
  19. <icon name="'trash-alt'"></icon>
  20. </label>
  21. </div>
  22. <div class="graph-series-override__properties">
  23. <div class="gf-form" ng-repeat="option in currentOverrides">
  24. <label class="gf-form-label gf-form-label--grow">
  25. <span ng-show="option.propertyName === 'color'">
  26. Color: <icon name="'circle'" type="'mono'" ng-style="{color:option.value}"></icon>
  27. </span>
  28. <span ng-show="option.propertyName !== 'color'"> {{ option.name }}: {{ option.value }} </span>
  29. <icon
  30. name="'times'"
  31. size="'sm'"
  32. ng-click="removeOverride(option)"
  33. style="margin-right: 4px;cursor: pointer;"
  34. ></icon>
  35. </label>
  36. </div>
  37. <div class="gf-form">
  38. <span
  39. class="dropdown"
  40. dropdown-typeahead2="overrideMenu"
  41. dropdown-typeahead-on-select="setOverride($item, $subItem)"
  42. button-template-class="gf-form-label"
  43. ></span>
  44. </div>
  45. </div>
  46. </div>
  47. <div class="gf-form-button-row">
  48. <button class="btn btn-inverse" ng-click="ctrl.addSeriesOverride()">
  49. <icon name="'plus'"></icon>&nbsp;Add series override
  50. </button>
  51. </div>