From b32a92be0eb555f93d49a32bee24880d6256a552 Mon Sep 17 00:00:00 2001
From: Dmitry Borisenko <49808844+DmitryBorisenko33@users.noreply.github.com>
Date: Thu, 18 Aug 2022 19:04:17 +0200
Subject: [PATCH] =?UTF-8?q?=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=20=D0=B2=D0=B2=D0=BE=D0=B4=20=D1=87=D0=B0=D1=81=20=D0=BF?=
 =?UTF-8?q?=D0=BE=D1=8F=D1=81=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html       |  2 +-
 src/App.svelte          |  2 +-
 src/pages/System.svelte | 39 +++++++++++++++++++++++++++++++++++----
 3 files changed, 37 insertions(+), 6 deletions(-)

diff --git a/public/index.html b/public/index.html
index 4feffb2..6293fdd 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,7 +4,7 @@
 	<meta charset='utf-8'>
 	<meta name='viewport' content='width=device-width,initial-scale=1'>
 
-	<title>IoT Manager 4.1.4</title>
+	<title>IoT Manager 4.1.5</title>
 
 	<link rel='icon' type='image/png' href='/favicon.ico'>
 	<link rel='stylesheet' href='/build/bundle.css'>
diff --git a/src/App.svelte b/src/App.svelte
index b659303..f0abb42 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -36,8 +36,8 @@
   let updatingTimeout = 80000;
   let opened = false;
   let preventMove = false;
-  let devMode = true;
   let showWidjetJson = false;
+  let devMode = false;
 
   //****************************************************variable section**********************************************************/
   //******************************************************************************************************************************/
diff --git a/src/pages/System.svelte b/src/pages/System.svelte
index 61803f8..9b2b0a3 100644
--- a/src/pages/System.svelte
+++ b/src/pages/System.svelte
@@ -135,6 +135,8 @@
 
   export let show;
 
+  export let paramsBeenChanged = false;
+
   export let cancelAlarm = (alarmKey) => {};
 </script>
 
@@ -172,6 +174,16 @@
           <p class="text-gray-500 font-bold text-sm text-center truncate">{errorsJson.bver}</p>
         </div>
       </div>
+
+      <div class="flex mb-2 h-6 items-center">
+        <div class="w-2/3">
+          <p class="pr-4 text-gray-500 font-bold text-sm truncate">Время на устройстве</p>
+        </div>
+        <div class="flex justify-center w-1/3">
+          <p class="text-gray-500 font-bold text-sm text-center truncate">{errorsJson.timenow}</p>
+        </div>
+      </div>
+
       <div class="flex mb-2 h-6 items-center">
         <div class="w-2/3">
           <p class="pr-4 text-gray-500 font-bold text-sm truncate">Uptime устройства</p>
@@ -253,14 +265,33 @@
     <!--SETTINGS-->
     <Card title="Системные настройки">
       <div class="flex mb-2 h-6 items-center">
-        <div class="w-5/6">
+        <div class="w-2/3">
           <p class="pr-4 text-gray-500 font-bold text-sm truncate">Включить лог</p>
         </div>
-        <div class="flex justify-center w-1/6">
-          <input bind:checked={settingsJson.log} on:change={() => saveSett()} type="checkbox" class="form-checkbox h-4 w-4 text-gray-600" />
+        <div class="flex justify-center w-1/3">
+          <label for="log" class="items-center cursor-pointer">
+            <div class="relative">
+              <input bind:checked={settingsJson.log} on:change={() => (paramsBeenChanged = true)} id="log" type="checkbox" class="sr-only" />
+              <div class="block {settingsJson.log ? 'bg-blue-600' : 'bg-gray-600'} w-10 h-6 rounded-full shadow-lg" />
+              <div class="dot bg-gray-100 absolute left-1 top-1  w-4 h-4 rounded-full transition shadow-lg" />
+            </div>
+          </label>
         </div>
       </div>
-      <button class="btn-lg" on:click={() => rebootEsp()}>{"Перезагрузить устройство"}</button>
+      <div class="flex mb-2 h-6 items-center">
+        <div class="w-2/3">
+          <p class="pr-4 text-gray-500 font-bold text-sm truncate">Часовой пояс</p>
+        </div>
+        <div class="flex justify-center w-1/3">
+          <input bind:value={settingsJson.timezone} on:change={() => (paramsBeenChanged = true)} class="ipt-rnd text-center focus:border-indigo-500" type="number" />
+        </div>
+      </div>
+      <!--<div class="grd-2col1">-->
+      {#if paramsBeenChanged}
+        <button class="btn-lg animate-pulse" on:click={() => (saveSett(), (paramsBeenChanged = false))}>{"Сохранить"}</button>
+      {/if}
+      <!--<button class="btn-lg" on:click={() => rebootEsp()}>{"Перезагрузить"}</button>-->
+      <!--</div>-->
     </Card>
     <!--LOG-->
     <Card title="Лог" class="z-50">