options.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <div class="editor-row">
  2. <div class="tight-form-section">
  3. <h5>Data Table</h5>
  4. <div class="tight-form">
  5. <ul class="tight-form-list">
  6. <li class="tight-form-item" style="width: 170px">
  7. Data to Table Transform
  8. </li>
  9. <li>
  10. <select class="input-xlarge tight-form-input"
  11. ng-model="panel.transform"
  12. ng-options="k as v.description for (k, v) in transformers"
  13. ng-change="render()"></select>
  14. </li>
  15. </ul>
  16. <div class="clearfix"></div>
  17. </div>
  18. </div>
  19. </div>
  20. <div class="editor-row">
  21. <div class="tight-form-section">
  22. <h5>Table Display</h5>
  23. </div>
  24. </div>
  25. <div class="editor-row">
  26. <div class="tight-form-section">
  27. <h5>Column Styles</h5>
  28. <div class="tight-form-container">
  29. <div class="tight-form" ng-repeat="column panel.columns">
  30. <ul class="tight-form-list">
  31. <li class="tight-form-item">
  32. <i class="fa fa-remove pointer" ng-click="removeSeriesOverride(override)"></i>
  33. </li>
  34. <li class="tight-form-item">
  35. alias or regex
  36. </li>
  37. <li>
  38. <input type="text" ng-model="override.alias" bs-typeahead="getColumnNames" ng-blur="render()" data-min-length=0 data-items=100 class="input-medium tight-form-input" >
  39. </li>
  40. <li class="dropdown" dropdown-typeahead="overrideMenu" dropdown-typeahead-on-select="setOverride($item, $subItem)">
  41. </li>
  42. </ul>
  43. <div class="clearfix"></div>
  44. </div>
  45. </div>
  46. <button class="btn btn-inverse" style="margin-top: 20px" ng-click="addSeriesOverride()">
  47. Add column display rule
  48. </button>
  49. </div>
  50. </div>