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>
This commit is contained in:
parent
a0374e92a8
commit
bb9cf5f0f7
|
@ -39,6 +39,8 @@ function tableInit(ctx){
|
||||||
', .show-all-'+ctx.tableName);
|
', .show-all-'+ctx.tableName);
|
||||||
|
|
||||||
function loadData(tableParams){
|
function loadData(tableParams){
|
||||||
|
table.trigger("table-loading");
|
||||||
|
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: "GET",
|
type: "GET",
|
||||||
url: ctx.url,
|
url: ctx.url,
|
||||||
|
@ -835,4 +837,12 @@ function tableInit(ctx){
|
||||||
|
|
||||||
$('#filter-modal-'+ctx.tableName).modal('hide');
|
$('#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);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue