| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- <div class="editor-row">
- <div class="section gf-form-group">
- <h5 class="section-heading">Data</h5>
- <div class="gf-form">
- <label class="gf-form-label width-10">Table Transform</label>
- <div class="gf-form-select-wrapper max-width-15">
- <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>
- </div>
- </div>
- <div class="gf-form-inline">
- <div class="gf-form">
- <label class="gf-form-label width-10">Columns</label>
- </div>
- <div class="gf-form" ng-repeat="column in editor.panel.columns">
- <label class="gf-form-label">
- <i class="pointer fa fa-remove" ng-click="editor.removeColumn(column)"></i>
- <span>{{ column.text }}</span>
- </label>
- </div>
- <div class="gf-form" ng-show="editor.canSetColumns">
- <metric-segment
- segment="editor.addColumnSegment"
- get-options="editor.getColumnOptions()"
- on-change="editor.addColumn()"
- ></metric-segment>
- </div>
- <div class="gf-form" ng-hide="editor.canSetColumns">
- <label class="gf-form-label">
- Auto
- <info-popover mode="right-normal" ng-if="editor.columnsHelpMessage">
- {{ editor.columnsHelpMessage }}
- </info-popover>
- </label>
- </div>
- </div>
- </div>
- <div class="section gf-form-group">
- <h5 class="section-heading">Paging</h5>
- <div class="gf-form">
- <label class="gf-form-label width-8">Rows per page</label>
- <input
- type="number"
- class="gf-form-input width-7"
- placeholder="100"
- data-placement="right"
- ng-model="editor.panel.pageSize"
- ng-change="editor.render()"
- ng-model-onblur
- />
- </div>
- <div class="gf-form max-width-17">
- <label class="gf-form-label width-8">Font size</label>
- <div class="gf-form-select-wrapper width-7">
- <select
- class="gf-form-input"
- ng-model="editor.panel.fontSize"
- ng-options="f for f in editor.fontSizes"
- ng-change="editor.render()"
- ></select>
- </div>
- </div>
- </div>
- </div>
|