Display spinner animation during loading
This commit is contained in:
1 parent
4871613c67
commit
688811317c
23 files changed
+447
-307
No files matched your search
+10
-10
@@ -154,14 +154,14 @@ function renderActions(selected: Set<string>): Children {
|
||||
.deleteResource("devices", id)
|
||||
.then(() => {
|
||||
notifications.push("success", `${id}: Deleted`);
|
||||
if (--counter === 0) store.fulfill(0, Date.now());
|
||||
if (--counter === 0) store.setTimestamp(Date.now());
|
||||
})
|
||||
.catch((err) => {
|
||||
notifications.push("error", `${id}: ${err.message}`);
|
||||
if (--counter === 0) store.fulfill(0, Date.now());
|
||||
if (--counter === 0) store.setTimestamp(Date.now());
|
||||
});
|
||||
}
|
||||
if (--counter === 0) store.fulfill(0, Date.now());
|
||||
if (--counter === 0) store.setTimestamp(Date.now());
|
||||
},
|
||||
},
|
||||
"Delete"
|
||||
@@ -186,14 +186,14 @@ function renderActions(selected: Set<string>): Children {
|
||||
.updateTags(id, { [tag]: true })
|
||||
.then(() => {
|
||||
notifications.push("success", `${id}: Tags updated`);
|
||||
if (--counter === 0) store.fulfill(0, Date.now());
|
||||
if (--counter === 0) store.setTimestamp(Date.now());
|
||||
})
|
||||
.catch((err) => {
|
||||
notifications.push("error", `${id}: ${err.message}`);
|
||||
if (--counter === 0) store.fulfill(0, Date.now());
|
||||
if (--counter === 0) store.setTimestamp(Date.now());
|
||||
});
|
||||
}
|
||||
if (--counter === 0) store.fulfill(0, Date.now());
|
||||
if (--counter === 0) store.setTimestamp(Date.now());
|
||||
},
|
||||
},
|
||||
"Tag"
|
||||
@@ -220,14 +220,14 @@ function renderActions(selected: Set<string>): Children {
|
||||
.updateTags(id, { [tag]: false })
|
||||
.then(() => {
|
||||
notifications.push("success", `${id}: Tags updated`);
|
||||
if (--counter === 0) store.fulfill(0, Date.now());
|
||||
if (--counter === 0) store.setTimestamp(Date.now());
|
||||
})
|
||||
.catch((err) => {
|
||||
notifications.push("error", `${id}: ${err.message}`);
|
||||
if (--counter === 0) store.fulfill(0, Date.now());
|
||||
if (--counter === 0) store.setTimestamp(Date.now());
|
||||
});
|
||||
}
|
||||
if (--counter === 0) store.fulfill(0, Date.now());
|
||||
if (--counter === 0) store.setTimestamp(Date.now());
|
||||
},
|
||||
},
|
||||
"Untag"
|
||||
@@ -336,7 +336,7 @@ export const component: ClosureComponent = (): Component => {
|
||||
return [
|
||||
m("h1", "Listing devices"),
|
||||
m(filterComponent, filterAttrs),
|
||||
m(indexTableComponent, attrs),
|
||||
m("loading", { queries: [devs, count] }, m(indexTableComponent, attrs)),
|
||||
];
|
||||
},
|
||||
};
|
||||
|
||||
Reference in new issue
Block a user