[gnome-continuous-yocto/gnomeostree-3.28-rocko: 3642/8267] bitbake: toaster: tablejs Add visual indicator for table data loading

[Emmanuele Bassi <ebassi src gnome org>]

commit bb9cf5f0f725cf3b73e06f6dd99734e9f23f0e5e
Author: Michael Wood <michael g wood intel com>
Date:   Fri Dec 9 16:52:42 2016 +0000

    bitbake: 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]
    
    (Bitbake rev: 554c4992b33b77526b4b37c7484f1dd00032ddef)
    
    Signed-off-by: Michael Wood <michael g wood intel com>
    Signed-off-by: Richard Purdie <richard purdie linuxfoundation org>

 bitbake/lib/toaster/toastergui/static/js/table.js |   10 ++++++++++
 1 files changed, 10 insertions(+), 0 deletions(-)
---
diff --git a/bitbake/lib/toaster/toastergui/static/js/table.js 
b/bitbake/lib/toaster/toastergui/static/js/table.js
index aaa3e1f..9db3902 100644
--- a/bitbake/lib/toaster/toastergui/static/js/table.js
+++ b/bitbake/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);
+  })
 }