From 145362b7ef36c05c4200bb647795f88ef16d27c7 Mon Sep 17 00:00:00 2001
From: Daniel Legt <contact@danlegt.com>
Date: Mon, 22 Jan 2024 23:12:15 +0200
Subject: [PATCH] Basic disk page implementation + Basic information about the
 disk

---
 lib/web/frontend.go  | 15 ++++++++++++
 templates/drive.html | 56 ++++++++++++++++----------------------------
 2 files changed, 35 insertions(+), 36 deletions(-)

diff --git a/lib/web/frontend.go b/lib/web/frontend.go
index f0f65cf..6bf7b1c 100644
--- a/lib/web/frontend.go
+++ b/lib/web/frontend.go
@@ -15,6 +15,21 @@ func setupFrontend(r *gin.Engine) {
 	r.LoadHTMLGlob("templates/*")
 	r.Static("/static", "./static")
 
+	r.GET("/disk/:id", func(ctx *gin.Context) {
+		id := ctx.Param("id")
+		var hdd hardware.HardDrive
+		tx := svc.GetDatabaseRef().Where("id = ?", id).Preload("Temperatures").First(&hdd)
+		if tx.Error != nil {
+			ctx.AbortWithError(500, tx.Error)
+			return
+		}
+
+		// Render the HTML template
+		ctx.HTML(http.StatusOK, "drive.html", gin.H{
+			"hdd": hdd,
+		})
+	})
+
 	// Set up a route for the root URL
 	r.GET("/", func(ctx *gin.Context) {
 		hardDrives, err := hardware.GetSystemHardDrives(svc.GetDatabaseRef(), nil, nil)
diff --git a/templates/drive.html b/templates/drive.html
index 5eb6b28..8ae4c24 100644
--- a/templates/drive.html
+++ b/templates/drive.html
@@ -12,47 +12,31 @@
 
         <div class="container-titlebar">
             <div class="pad">
-                <h4>Available Disks</h4>
+                <h4>{{ .hdd.Model }} <span class="grooved">{{ .hdd.Size }}</span></h4>
             </div>
         </div>
 
         <div class="container-body">
             <div class="pad">
-                {{ if len .drives }}
-                    <table id="disks-table">
-                        <thead>
-                            <tr>
-                                <td>ID</td>
-                                <td>Name</td>
-                                <td>Model</td>
-                                <td>Serial</td>
-                                <td>Temperature</td>
-                            </tr>
-                        </thead>
-                        <tbody id="disk-table-body">
-                            {{ range .drives }}
-                                {{ $temp := .GetTemperature }}
-
-                                <tr>
-                                    <td>#{{ .ID }}</td>
-                                    <td> {{ .Name }}</td>
-                                    <td> {{ .Model }}</td>
-                                    <td> {{ .Serial }}</td>
-
-                                    {{ if gt $temp 50 }} <!-- Temperature greater than 50°C -->
-                                        <td style="color: red;">{{ $temp }}&deg;C</td>
-                                    {{ else if gt $temp 30 }} <!-- Temperature between 31°C and 50°C -->
-                                        <td style="color: orange;">{{ $temp }}&deg;C</td>
-                                    {{ else }} <!-- Temperature 30°C or below -->
-                                        <td style="color: lime;">{{ $temp }}&deg;C</td>
-                                    {{ end }}
-                                </tr>
-                            {{ end }}
-                        </tbody>
-                    </table>
-                {{ else }}
-                    <p>No hard drives found.</p>
-                {{ end }}
+                <table id="disks-table">
+                    <thead>
+                        <tr>
+                            <td>ID</td>
+                            <td>Name</td>
+                            <td>Model</td>
+                            <td>Serial</td>
+                            <td>Temperature</td>
+                        </tr>
+                    </thead>
+                    <tbody id="disk-table-body">
+                        <tr>
+                            <td>#{{ .hdd.ID }}</td>
+                            <td> {{ .hdd.Name }}</td>
+                            <td> {{ .hdd.Model }}</td>
+                            <td> {{ .hdd.Serial }}</td>
+                        </tr>
+                    </tbody>
+                </table>
             </div>
         </div>