webui: style save button

xoseperez · Apr 14, 2024 · dd6bede · dd6bede
1 parent c3ab86b
commit dd6bede
Show file tree

Hide file tree

Showing 23 changed files with 15,040 additions and 14,973 deletions.
diff --git a/code/espurna/data/index.all.html.gz b/code/espurna/data/index.all.html.gz
diff --git a/code/espurna/data/index.curtain.html.gz b/code/espurna/data/index.curtain.html.gz
diff --git a/code/espurna/data/index.garland.html.gz b/code/espurna/data/index.garland.html.gz
diff --git a/code/espurna/data/index.light.html.gz b/code/espurna/data/index.light.html.gz
diff --git a/code/espurna/data/index.lightfox.html.gz b/code/espurna/data/index.lightfox.html.gz
diff --git a/code/espurna/data/index.rfbridge.html.gz b/code/espurna/data/index.rfbridge.html.gz
diff --git a/code/espurna/data/index.rfm69.html.gz b/code/espurna/data/index.rfm69.html.gz
diff --git a/code/espurna/data/index.sensor.html.gz b/code/espurna/data/index.sensor.html.gz
diff --git a/code/espurna/data/index.small.html.gz b/code/espurna/data/index.small.html.gz
diff --git a/code/espurna/data/index.thermostat.html.gz b/code/espurna/data/index.thermostat.html.gz
diff --git a/code/espurna/static/index.all.html.gz.h b/code/espurna/static/index.all.html.gz.h
diff --git a/code/espurna/static/index.curtain.html.gz.h b/code/espurna/static/index.curtain.html.gz.h
diff --git a/code/espurna/static/index.garland.html.gz.h b/code/espurna/static/index.garland.html.gz.h
diff --git a/code/espurna/static/index.light.html.gz.h b/code/espurna/static/index.light.html.gz.h
diff --git a/code/espurna/static/index.lightfox.html.gz.h b/code/espurna/static/index.lightfox.html.gz.h
diff --git a/code/espurna/static/index.rfbridge.html.gz.h b/code/espurna/static/index.rfbridge.html.gz.h
diff --git a/code/espurna/static/index.rfm69.html.gz.h b/code/espurna/static/index.rfm69.html.gz.h
diff --git a/code/espurna/static/index.sensor.html.gz.h b/code/espurna/static/index.sensor.html.gz.h
diff --git a/code/espurna/static/index.small.html.gz.h b/code/espurna/static/index.small.html.gz.h
diff --git a/code/espurna/static/index.thermostat.html.gz.h b/code/espurna/static/index.thermostat.html.gz.h
diff --git a/code/html/custom.css b/code/html/custom.css
@@ -232,7 +232,6 @@ label {
  background: rgb(192, 0, 0); /* redish */
 }
 
-.button-update,
 .button-setup-password,
 .button-add-settings-group,
 .button-upgrade-browse,
@@ -248,6 +247,11 @@ label {
  background: rgb(0, 192, 0); /* green */
 }
 
+.button-save {
+ --save-background: grey;
+ background: var(--save-background);
+}
+
 .button-wifi-scan,
 .button-more-parent,
 .button-simple-action,

diff --git a/code/html/custom.js b/code/html/custom.js
@@ -1197,6 +1197,7 @@ function applySettings(settings) {
 function resetOriginals() {
  setOriginalsFromValues();
  resetSettingsGroup();
+
  Settings.resetCounters();
  Settings.saved = false;
 }
@@ -1302,6 +1303,20 @@ function handleFirmwareUpgrade(event) {
  });
 }
 
+function greyoutSave() {
+ const elems = document.querySelectorAll(".button-save");
+ for (let elem of elems) {
+ elem.style.removeProperty("--save-background");
+ }
+}
+
+function greenifySave() {
+ const elems = document.querySelectorAll(".button-save");
+ for (let elem of elems) {
+ elem.style.setProperty("--save-background", "rgb(0, 192, 0)");
+ }
+}
+
 function afterSaved() {
  var response;
 
@@ -1323,6 +1338,7 @@ function afterSaved() {
  }
 
  resetOriginals();
+ greyoutSave();
 }
 
 function waitForSaved(){
@@ -2959,6 +2975,7 @@ function onElementChange(event) {
  }
  }
  setChangedElement(event.target);
+ greenifySave();
  } else {
  if (changed) {
  --Settings.counters.changed;
@@ -2967,6 +2984,7 @@ function onElementChange(event) {
  }
  }
  resetChangedElement(event.target);
+ greyoutSave();
  }
 }
 
@@ -3066,7 +3084,7 @@ function main() {
  // Sidebar menu & buttons
  elementSelectorOnClick(".menu-link", toggleMenu);
  elementSelectorOnClick(".pure-menu-link", showPanel);
- elementSelectorOnClick(".button-update", (event) => {
+ elementSelectorOnClick(".button-save", (event) => {
  event.preventDefault();
  applySettingsFromAllForms();
  });

diff --git a/code/html/index.html b/code/html/index.html
@@ -195,7 +195,7 @@ <h2>Before using this device you have to change the default password for the use
  </ul>
 
  <div class="main-buttons">
- <button type="button" class="pure-button button-update">Save</button>
+ <button type="button" class="pure-button button-save">Save</button>
  <button type="button" class="pure-button button-reconnect">Reconnect</button>
  <button type="button" class="pure-button button-reboot">Reboot</button>
  </div>