2015-11-05 06:13:13 -06:00
< div class = "editor-row" >
2016-09-21 00:40:12 -05:00
< div class = "section gf-form-group" >
< h5 class = "section-heading" > Data< / h5 >
2016-09-21 04:23:39 -05:00
< 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 >
2016-09-21 00:40:12 -05:00
< 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 >
2017-08-02 05:34:36 -05:00
< div class = "gf-form" ng-show = "editor.canSetColumns" >
2016-09-21 00:40:12 -05:00
< metric-segment segment = "editor.addColumnSegment" get-options = "editor.getColumnOptions()" on-change = "editor.addColumn()" > < / metric-segment >
2015-11-05 06:13:13 -06:00
< / div >
2017-08-02 05:34:36 -05:00
< 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 >
2015-11-05 06:13:13 -06:00
< / div >
< / div >
2016-09-21 00:40:12 -05:00
< div class = "section gf-form-group" >
2017-05-09 05:35:44 -05:00
< h5 class = "section-heading" > Paging< / h5 >
2017-05-08 08:57:15 -05:00
< div class = "gf-form" >
< label class = "gf-form-label width-8" > Rows per page< / label >
2017-11-23 05:54:12 -06:00
< input type = "number" class = "gf-form-input width-7"
2017-05-08 08:57:15 -05:00
placeholder="100" data-placement="right"
ng-model="editor.panel.pageSize"
ng-change="editor.render()"
ng-model-onblur>
< / div >
2017-11-23 05:54:12 -06:00
< gf-form-switch class = "gf-form" label-class = "width-8" switch-class = "max-width-7" label = "Scroll" checked = "editor.panel.scroll" on-change = "editor.render()" > < / gf-form-switch >
2017-05-08 08:57:15 -05:00
< div class = "gf-form max-width-17" >
< label class = "gf-form-label width-8" > Font size< / label >
2017-11-23 05:54:12 -06:00
< div class = "gf-form-select-wrapper width-7" >
2017-05-08 08:57:15 -05:00
< 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 >
2015-11-05 06:13:13 -06:00
< / div >