From 2e08c824de08b5764cfd7f488153b42e7c2d590e Mon Sep 17 00:00:00 2001
From: David Carley <dacarley@gmail.com>
Date: Fri, 22 Jul 2022 22:50:19 -0700
Subject: [PATCH] Moved the button to adjust time to the settings page.

---
 src/js/control-view.js                        |  4 ---
 src/pug/templates/control-view.pug            |  2 --
 .../src/components/SettingsView.svelte        | 25 ++++++++++++++++---
 3 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/src/js/control-view.js b/src/js/control-view.js
index 06285a5..00a1af9 100644
--- a/src/js/control-view.js
+++ b/src/js/control-view.js
@@ -532,10 +532,6 @@ module.exports = {
 
     showProbeDialog: function (probeType) {
       SvelteComponents.showDialog("Probe", { probeType });
-    },
-
-    showSetTimeDialog: function () {
-      SvelteComponents.showDialog("SetTime");
     }
   },
 
diff --git a/src/pug/templates/control-view.pug b/src/pug/templates/control-view.pug
index 6e0ea73..21b2228 100644
--- a/src/pug/templates/control-view.pug
+++ b/src/pug/templates/control-view.pug
@@ -269,8 +269,6 @@ script#control-view-template(type="text/x-template")
                     th Current Time
                     td
                       span {{current_time}}
-                      button.pure-button(@click="showSetTimeDialog", style="height: 28px; padding: 0px 10px")
-                        .fa.fa-cog
 
                   tr
                     th Remaining
diff --git a/src/svelte-components/src/components/SettingsView.svelte b/src/svelte-components/src/components/SettingsView.svelte
index 926a6bb..31f87fc 100644
--- a/src/svelte-components/src/components/SettingsView.svelte
+++ b/src/svelte-components/src/components/SettingsView.svelte
@@ -2,13 +2,17 @@
   import configTemplate from "../../../resources/config-template.json";
   import ScreenRotationDialog from "$dialogs/ScreenRotationDialog.svelte";
   import ConfigTemplatedInput from "./ConfigTemplatedInput.svelte";
+  import SetTimeDialog from "$dialogs/SetTimeDialog.svelte";
+  import Button, { Label } from "@smui/button";
 
   const gcodeURL = "https://linuxcnc.org/docs/html/gcode/g-code.html";
 
   let showScreenRotationDialog = false;
+  let showSetTimeDialog = false;
 </script>
 
 <ScreenRotationDialog bind:open={showScreenRotationDialog} />
+<SetTimeDialog bind:open={showSetTimeDialog} />
 
 <h1>Settings</h1>
 
@@ -17,13 +21,26 @@
   <fieldset>
     <div class="pure-control-group">
       <label for="screen-rotation" />
-      <button
-        class="pure-button"
+      <Button
         name="screen-rotation"
+        touch
+        variant="raised"
         on:click={() => (showScreenRotationDialog = true)}
       >
-        Change Screen Rotation
-      </button>
+        <Label>Change Screen Rotation</Label>
+      </Button>
+    </div>
+
+    <div class="pure-control-group">
+      <label for="set-time" />
+      <Button
+        name="set-time"
+        touch
+        variant="raised"
+        on:click={() => (showSetTimeDialog = true)}
+      >
+        <Label>Change Time & Timezone</Label>
+      </Button>
     </div>
   </fieldset>