Explorar el Código

network indicator

ganahrhr hace 3 años
padre
commit
c49d230f3e
Se han modificado 2 ficheros con 50 adiciones y 2 borrados
  1. 36 2
      Shared/MainLayout.razor
  2. 14 0
      Shared/MainLayout.razor.css

+ 36 - 2
Shared/MainLayout.razor

@@ -7,6 +7,22 @@
 
     <div class="main">
         <div class="top-row px-4 auth">
+            @if (connected)
+            {
+                <span class="dot-green"></span>
+            }
+            else
+            {
+                <span class="dot-red"></span>
+            }
+            <EditForm Model="Networks">
+                <InputSelect @bind-Value="Networks" class="custom-select">
+                    @foreach (var value in Networks)
+                    {
+                        <option>@value</option>
+                    }
+                </InputSelect>
+            </EditForm>
             <a class="navbar-brand" href="">Правовая информация</a>
             <a class="navbar-brand" href="">Контакты</a>
             <LoginDisplay />
@@ -17,11 +33,29 @@
         </div>
     </div>
 </div>
+
 @using HyperCube.Models;
+
 @code {
-    bool connected;
+    List<string> Networks = new();
+    bool connected = false;
+
     protected override async Task OnInitializedAsync()
     {
-        await Blockchain.GetInstance().Initialize();
+        try
+        {
+            await Blockchain.GetInstance().Initialize();
+            if (Blockchain.Connected != "" && Blockchain.Connected != "none")
+            {
+                connected = true;
+                Networks.Add(Blockchain.Connected);
+            }
+        }
+        catch (Exception e)
+        {
+            Console.WriteLine(e.Message + ", stack trace:" + e.StackTrace);
+        }
+
+        Networks.Add("dummy network");
     }
 }

+ 14 - 0
Shared/MainLayout.razor.css

@@ -17,6 +17,20 @@
     background-color: #3B484E;
 }
 
+.dot-green {
+    border-radius: 5px;
+    background-color: #00ff90;
+    width: 10px;
+    height: 10px;
+}
+
+.dot-red {
+    border-radius: 5px;
+    background-color: #ff0000;
+    width: 10px;
+    height: 10px;
+}
+
 .top-row {
     /*background-color: #f7f7f7;*/
     /*background-color: rgba(181, 203, 215, 1);*/