Sigil changes

+ freeze frame if all sigils no longer showing
+ "All on/off" buttons on the control pannel to minimize clicks

diff --git a/auth/index.php b/auth/index.php
index d8361532f250642482267bd41a056cdafece46b5..259d5852f02ccd8b7145884699a17529a29748c9 100644 (file)
--- a/auth/index.php
+++ b/auth/index.php
@@ -53,6 +53,15 @@ if (!empty($_POST['update'])) {
        ];
        $data['round'] = var_export(!empty($_POST['round']), true);
 
+       if (!empty($_POST['allChange'])) {
+               if ($_POST['allChange'] == "on") {
+                       $data['showingSigil'] = ["true", "true", "true", "true"];
+               }
+               else if ($_POST['allChange'] == "off") {
+                       $data['showingSigil'] = ["false", "false", "false", "false"];
+               }
+       }
+
        $clock['movementSpeed'] = (int)$_POST['movementSpeed'];
        $clock['currentPosition'] = (int)$_POST["doomsday"];
        $data['timerOffset'] = (int)$_POST['timerOffset'];
@@ -330,6 +339,10 @@ if ($data['showingSigil'][2] == "true") {
 }
 echo "<input type='checkbox' id='sigilSW' name='sigilSW' value='true'$checked>";
 echo "<label for='sigilSW'>Bottom left (SW)</label><br>";
+
+echo "<input type='radio' id='allOn' value='on' name='allChange'>";
+echo "<label for='allOn'>All on</label><br>";
+
 echo "</div><div class='split'>";
 $checked = "";
 if ($data['showingSigil'][0] == "true") {
@@ -341,9 +354,12 @@ $checked = "";
 if ($data['showingSigil'][1] == "true") {
        $checked = " checked='checked' ";
 }
+echo "<input type='checkbox' id='sigilSE' name='sigilSE' value='true'<?php echo $checked; ?>>";
+echo "<label for='sigilSW'>Bottom right (SE)</label><br>";
+
+echo "<input type='radio' id='allOff' value='off' name='allChange'>";
+echo "<label for='allOff'>All off</label><br>";
 ?>
-                                       <input type='checkbox' id='sigilSE' name='sigilSE' value='true'<?php echo $checked; ?>>
-                                       <label for='sigilSW'>Bottom right (SE)</label><br>
                                </div>
                        </fieldset>
                        <fieldset>

diff --git a/index.html b/index.html
index eed82d8ce0ac152de30efe1e502d2dce3c0acc01..c72fbcdad9a95362b86c5c456dd59f1b48f83db4 100644 (file)
--- a/index.html
+++ b/index.html
@@ -289,6 +289,8 @@ var discount = 1;
 var newDiscount = 1;
 var priceChange = 0;
 
+var showingSigils = true;
+
 // helper function for creating price strings
 function makePrice(price) {
        if (round == "true") {price = Math.round(price * 100) / 100;}
@@ -445,6 +447,12 @@ function update() {
 
                        priceChange = data.priceChange / 100;
                        newDiscount = data.discount / 100;
+
+                       if (data.showingSigil.every(i => i == "false")) {
+                               showingSigils = false;
+                       } else {
+                               showingSigils = true;
+                       }
        });
 
        // get the requested item data
@@ -522,6 +530,7 @@ function frame() {
 }
 // function handles the periodic drawing of the sigils (2 per second)
 function draw() {
+       if (showingSigils == false) {return;} // break if the sigils are not being shown to save resources
        fetch("./sigil.json", {cache: "no-store"})
                 .then(data => data.json())
                 .then(data => {