From cc64ab1318faf22ef566ff5529b6648e453ff9c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=90=D0=BD=D0=B0=D1=82=D0=BE=D0=BB=D0=B8=D0=B9=20=D0=A2?=
 =?UTF-8?q?=D1=83=D1=85=D1=82=D0=B0=D1=80=D0=BE=D0=B2?= <admin@tad17.ru>
Date: Thu, 13 Mar 2025 07:07:27 +0500
Subject: [PATCH] =?UTF-8?q?=D0=BA=D0=BE=D0=BC=D0=BF=D0=BE=D0=BD=D0=B5?=
 =?UTF-8?q?=D0=BD=D1=82=20DiskStatus?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.svelte        | 14 ++------------
 frontend/src/DiskStatus.svelte | 35 ++++++++++++++++++++++++++++++++++
 2 files changed, 37 insertions(+), 12 deletions(-)
 create mode 100644 frontend/src/DiskStatus.svelte

diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index 05a190a..b05132c 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -8,6 +8,7 @@
   import { StartServer } from "../wailsjs/go/main/App.js";
   import TailwindCss from "./TailwindCSS.svelte";
   import servers from "./servers.js";
+  import DiskStatus from "./DiskStatus.svelte";
   // import {BrowserOpenURL} from '../wailsjs/runtime/runtime.js'
 
   // Определение интерфейса для типа Disk
@@ -98,18 +99,7 @@
 
 <TailwindCss />
 
-<div class="container mx-auto pt-4 mb-4">
-  <div class="disk-panel text-neutral-300">
-    {#each disks as disk}
-      <div>
-        {disk.Name}
-        <a role="button" href="#top" on:click={StartFarDisks} class={disk.normal ? "info" : "danger"}>
-          {disk.Free} Gb
-        </a>
-      </div>
-    {/each}
-  </div>
-</div>
+<DiskStatus {disks} />
 
 <div class="container mx-auto pt-4 mb-4">
   <h1 class="text-blue-200 text-2xl">СЕРВЕРА</h1>
diff --git a/frontend/src/DiskStatus.svelte b/frontend/src/DiskStatus.svelte
new file mode 100644
index 0000000..3aa4d57
--- /dev/null
+++ b/frontend/src/DiskStatus.svelte
@@ -0,0 +1,35 @@
+<script>
+  import { StartFarDisks } from "../wailsjs/go/main/App.js";
+  
+  /** @type {Array<import('./App.svelte').Disk>} */
+  export let disks = [];
+</script>
+
+<div class="container mx-auto pt-4 mb-4">
+  <div class="disk-panel text-neutral-300">
+    {#each disks as disk}
+      <div>
+        {disk.Name}
+        <a role="button" href="#top" on:click={StartFarDisks} class={disk.normal ? "info" : "danger"}>
+          {disk.Free} Gb
+        </a>
+      </div>
+    {/each}
+  </div>
+</div>
+
+<style>
+  .disk-panel {
+    display: flex;
+    justify-content: space-around;
+  }
+  .info {
+    color: lightgreen;
+  }
+  .danger {
+    color: red;
+  }
+  a:hover {
+    text-decoration: underline;
+  }
+</style> 
\ No newline at end of file