add feedback to zoned cleaning and goto buttons on the map tab

rand256 · Jul 1, 2019 · 0f36c93 · 0f36c93
1 parent 9bad260
commit 0f36c93
Showing 1 changed file with 24 additions and 18 deletions.
diff --git a/client/map.html b/client/map.html
@@ -68,30 +68,36 @@
  * Calls the goto api route with the currently set goto coordinates
  */
  function goto_point(point) {
- fetch("../api/go_to", {
- method: "put",
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify(point)
- })
- .then(res => res.text())
- .then(console.log);
+ let button = document.getElementById("goto");
+ loadingBar.setAttribute("indeterminate", "indeterminate");
+ button.setAttribute("disabled", "disabled");
+ fn.requestWithPayload("api/go_to", JSON.stringify(point), "PUT", function (err) {
+ loadingBar.removeAttribute("indeterminate");
+ button.removeAttribute("disabled");
+ if (err) {
+ ons.notification.toast(err, { buttonLabel: 'Dismiss', timeout: 1500 })
+ } else {
+ ons.notification.toast("Command successfully sent!", { buttonLabel: 'Dismiss', timeout: 1500 });
+ }
+ });
  }
 
  /**
  * Calls the zoned_cleanup api route with the currently set zone
  */
  function zoned_cleanup(zones) {
- fetch("../api/start_cleaning_zone", {
- method: "put",
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify(zones)
- })
- .then(res => res.text())
- .then(console.log);
+ let button = document.getElementById("start_zoned_cleanup");
+ loadingBar.setAttribute("indeterminate", "indeterminate");
+ button.setAttribute("disabled", "disabled");
+ fn.requestWithPayload("api/start_cleaning_zone", JSON.stringify(zones), "PUT", function (err) {
+ loadingBar.removeAttribute("indeterminate");
+ button.removeAttribute("disabled");
+ if (err) {
+ ons.notification.toast(err, { buttonLabel: 'Dismiss', timeout: 1500 })
+ } else {
+ ons.notification.toast("Command successfully sent!", { buttonLabel: 'Dismiss', timeout: 1500 });
+ }
+ });
  }
 
  document.getElementById("goto").onclick = () => {