dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Improvement Widget "Timeseries - Table" pagination + no-data search message

Browse Source
This commit is contained in:
oleg 2018-01-05 14:42:29 +02:00
parent 2dba7f52f5
commit 8572de24d7
2 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ui/src/app/locale/locale.constant.js
View File

@ -1214,6 +1214,7 @@ export default angular.module('thingsboard.locale', [])
"remove-widget-text": "After the confirmation the widget and all related data will become unrecoverable.",
"timeseries": "Time series",
"search-data": "Search data",
"no-data-found": "No data found",
"latest-values": "Latest values",
"rpc": "Control widget",
"alarm": "Alarm widget",

22
ui/src/app/widget/lib/timeseries-table-widget.tpl.html
View File

@ -41,7 +41,7 @@
<md-tabs flex md-selected="vm.sourceIndex" ng-class="{'tb-headless': vm.sources.length === 1}"
id="tabs" md-border-bottom flex>
<md-tab ng-repeat="source in vm.sources" label="{{ source.datasource.name }}">
<md-table-container>
<md-table-container class="tb-absolute-fill layout-column">
<table md-table>
<thead md-head md-order="source.query.order" md-on-reorder="vm.onReorder(source)">
<tr md-row>
@ -70,16 +70,20 @@
</tr>
</tbody>
</table>
<md-divider></md-divider>
<span ng-show="!vm.sources[vm.sourceIndex].data.length"
layout-align="center center"
class="no-data-found" translate>widget.no-data-found</span>
</md-table-container>
<md-table-pagination ng-if="vm.displayPagination"
md-limit="source.query.limit"
md-limit-options="vm.limitOptions"
md-page="source.query.page"
md-total="{{source.data.length}}"
md-on-paginate="vm.onPaginate(source)"
md-page-select>
</md-table-pagination>
</md-tab>
</md-tabs>
<md-table-pagination ng-if="vm.displayPagination"
md-limit="vm.sources[vm.sourceIndex].query.limit"
md-limit-options="vm.limitOptions"
md-page="vm.sources[vm.sourceIndex].query.page"
md-total="{{vm.sources[vm.sourceIndex].data.length}}"
md-on-paginate="vm.onPaginate(vm.sources[vm.sourceIndex])"
md-page-select>
</md-table-pagination>
</div>
</div>