From 050a813471c30d9652f48fc3ad2e578ec1a85403 Mon Sep 17 00:00:00 2001
From: Dmitry Borisenko <67171972+IoTManagerProject@users.noreply.github.com>
Date: Thu, 10 Feb 2022 17:39:50 +0100
Subject: [PATCH] =?UTF-8?q?=D0=BF=D1=80=D0=BE=D0=B3=D1=80=D0=B5=D1=81?=
 =?UTF-8?q?=D1=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/.prettierrc             |  6 ------
 src/App.svelte              |  4 ++--
 src/components/Card.svelte  | 14 +++++++++++++-
 src/pages/Connection.svelte |  3 ++-
 src/svg/Cross.svelte        | 10 +---------
 5 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/src/.prettierrc b/src/.prettierrc
index 6d99d39..2c73bfa 100644
--- a/src/.prettierrc
+++ b/src/.prettierrc
@@ -24,12 +24,6 @@
       "options": {
         "printWidth": 600
       }
-    },
-    {
-      "files": "Cross.svelte",
-      "options": {
-        "printWidth": 50
-      }
     }
   ]
 }
\ No newline at end of file
diff --git a/src/App.svelte b/src/App.svelte
index 0d97383..05d5b52 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -33,8 +33,8 @@
 
   //****************************************************variable section**********************************************************/
   //******************************************************************************************************************************/
-  let myip = document.location.hostname;
-  //let myip = "192.168.88.235";
+  //let myip = document.location.hostname;
+  let myip = "192.168.88.235";
 
   //Flags
   let showInput = false;
diff --git a/src/components/Card.svelte b/src/components/Card.svelte
index 01a525c..7c36e16 100644
--- a/src/components/Card.svelte
+++ b/src/components/Card.svelte
@@ -1,10 +1,22 @@
 <script>
+  import CloudIcon from "../svg/Cloud.svelte";
   export let title;
+  export let cloud = false;
+  export let cloudColor;
 </script>
 
 <div class="crd">
-  {#if title}
+  {#if title && !cloud}
     <h1 class="crd-hdr">{title}</h1>
+  {:else if title && cloud}
+    <div class="flex items-center">
+      <div class="w-11/12">
+        <h1 class="crd-hdr">{title}</h1>
+      </div>
+      <div class="flex justify-end w-1/12">
+        <CloudIcon color={cloudColor} />
+      </div>
+    </div>
   {/if}
   <slot />
 </div>
diff --git a/src/pages/Connection.svelte b/src/pages/Connection.svelte
index ab83bbd..2fbfc7e 100644
--- a/src/pages/Connection.svelte
+++ b/src/pages/Connection.svelte
@@ -5,6 +5,7 @@
   export let settingsJson;
   export let errorsJson;
   export let ssidJson;
+  let mqttConnected = true;
   export let ssidDropdownClick = () => {};
   export let saveSettings = () => {};
   export let rebootEsp = () => {};
@@ -65,7 +66,7 @@
     {/if}
     <button class="btn-lg" on:click={() => saveSettings()}>{"Сохранить"}</button>
   </Card>
-  <Card title="Подключение к MQTT брокеру">
+  <Card title="Подключение к MQTT брокеру" cloud={true} cloudColor={mqttConnected === true ? "text-green-500" : "text-red-500"}>
     <div class="crd-itm-psn">
       <div class="wgt-dscr-w">
         <p class="wgt-dscr-stl">Название сервера</p>
diff --git a/src/svg/Cross.svelte b/src/svg/Cross.svelte
index ea0fda3..8480c29 100644
--- a/src/svg/Cross.svelte
+++ b/src/svg/Cross.svelte
@@ -2,14 +2,6 @@
   export let click = () => {};
 </script>
 
-<svg
-  on:click={click()}
-  class="h-6 w-6 text-red-400 cursor-pointer"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round">
+<svg on:click={click()} class="h-6 w-6 text-red-400 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
   <line x1="18" y1="6" x2="6" y2="18" />
   <line x1="6" y1="6" x2="18" y2="18" /></svg>