editor.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <div class="editor-row">
  2. <div class="section gf-form-group">
  3. <h5 class="section-heading">Data</h5>
  4. <div class="gf-form">
  5. <label class="gf-form-label width-10">Table Transform</label>
  6. <div class="gf-form-select-wrapper max-width-15">
  7. <select
  8. class="gf-form-input"
  9. ng-model="editor.panel.transform"
  10. ng-options="k as v.description for (k, v) in editor.transformers"
  11. ng-change="editor.transformChanged()"
  12. ></select>
  13. </div>
  14. </div>
  15. <div class="gf-form-inline">
  16. <div class="gf-form">
  17. <label class="gf-form-label width-10">Columns</label>
  18. </div>
  19. <div class="gf-form" ng-repeat="column in editor.panel.columns">
  20. <label class="gf-form-label">
  21. <i class="pointer fa fa-remove" ng-click="editor.removeColumn(column)"></i>
  22. <span>{{ column.text }}</span>
  23. </label>
  24. </div>
  25. <div class="gf-form" ng-show="editor.canSetColumns">
  26. <metric-segment
  27. segment="editor.addColumnSegment"
  28. get-options="editor.getColumnOptions()"
  29. on-change="editor.addColumn()"
  30. ></metric-segment>
  31. </div>
  32. <div class="gf-form" ng-hide="editor.canSetColumns">
  33. <label class="gf-form-label">
  34. Auto
  35. <info-popover mode="right-normal" ng-if="editor.columnsHelpMessage">
  36. {{ editor.columnsHelpMessage }}
  37. </info-popover>
  38. </label>
  39. </div>
  40. </div>
  41. </div>
  42. <div class="section gf-form-group">
  43. <h5 class="section-heading">Paging</h5>
  44. <div class="gf-form">
  45. <label class="gf-form-label width-8">Rows per page</label>
  46. <input
  47. type="number"
  48. class="gf-form-input width-7"
  49. placeholder="100"
  50. data-placement="right"
  51. ng-model="editor.panel.pageSize"
  52. ng-change="editor.render()"
  53. ng-model-onblur
  54. />
  55. </div>
  56. <div class="gf-form max-width-17">
  57. <label class="gf-form-label width-8">Font size</label>
  58. <div class="gf-form-select-wrapper width-7">
  59. <select
  60. class="gf-form-input"
  61. ng-model="editor.panel.fontSize"
  62. ng-options="f for f in editor.fontSizes"
  63. ng-change="editor.render()"
  64. ></select>
  65. </div>
  66. </div>
  67. </div>
  68. </div>