diff options
author | Michael Wood <michael.g.wood@intel.com> | 2016-12-09 16:52:42 +0000 |
---|---|---|
committer | Richard Purdie <richard.purdie@linuxfoundation.org> | 2016-12-12 20:44:47 +0000 |
commit | 554c4992b33b77526b4b37c7484f1dd00032ddef (patch) | |
tree | e797eeab501430591f93a03ed8e362c71c280a2f /lib/toaster/toastergui/static | |
parent | a2768ecae7846d72a1bdb7cbbc5e8d242af854f6 (diff) | |
download | bitbake-contrib-554c4992b33b77526b4b37c7484f1dd00032ddef.tar.gz |
toaster: tablejs Add visual indicator for table data loading
Add a visual indicator when the data is changing in the table, for instance if
it's being re-ordered, searched or paginated.
[YOCTO #10104]
Signed-off-by: Michael Wood <michael.g.wood@intel.com>
Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
Diffstat (limited to 'lib/toaster/toastergui/static')
-rw-r--r-- | lib/toaster/toastergui/static/js/table.js | 10 |
1 files changed, 10 insertions, 0 deletions
diff --git a/lib/toaster/toastergui/static/js/table.js b/lib/toaster/toastergui/static/js/table.js index aaa3e1f5c..9db3902b5 100644 --- a/lib/toaster/toastergui/static/js/table.js +++ b/lib/toaster/toastergui/static/js/table.js @@ -39,6 +39,8 @@ function tableInit(ctx){ ', .show-all-'+ctx.tableName); function loadData(tableParams){ + table.trigger("table-loading"); + $.ajax({ type: "GET", url: ctx.url, @@ -835,4 +837,12 @@ function tableInit(ctx){ $('#filter-modal-'+ctx.tableName).modal('hide'); }); + + table.on("table-loading", function(){ + table.css("opacity", 0.5); + }); + + table.on("table-done", function(){ + table.css("opacity", 1); + }) } |