From 8572de24d76c9d20f62d7da896c4b5ab1a77f225 Mon Sep 17 00:00:00 2001
From: oleg <oleg@thingsboard.io>
Date: Fri, 5 Jan 2018 14:42:29 +0200
Subject: [PATCH] UI: Improvement Widget "Timeseries - Table" pagination +
 no-data search message

---
 ui/src/app/locale/locale.constant.js          |  1 +
 .../lib/timeseries-table-widget.tpl.html      | 22 +++++++++++--------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/ui/src/app/locale/locale.constant.js b/ui/src/app/locale/locale.constant.js
index 7769b3dbda..b9977f6f9e 100644
--- a/ui/src/app/locale/locale.constant.js
+++ b/ui/src/app/locale/locale.constant.js
@@ -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",
diff --git a/ui/src/app/widget/lib/timeseries-table-widget.tpl.html b/ui/src/app/widget/lib/timeseries-table-widget.tpl.html
index 2e7286c163..0913483476 100644
--- a/ui/src/app/widget/lib/timeseries-table-widget.tpl.html
+++ b/ui/src/app/widget/lib/timeseries-table-widget.tpl.html
@@ -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>
\ No newline at end of file