editor.html 2.3 KB

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