Basic disk page implementation

+ Basic information about the disk

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)

templates/drive.html

@@ -12,13 +12,12 @@
 
         <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>
@@ -30,29 +29,14 @@
                         </tr>
                     </thead>
                     <tbody id="disk-table-body">
-                            {{ range .drives }}
-                                {{ $temp := .GetTemperature }}
-
                         <tr>
-                                    <td>#{{ .ID }}</td>
+                            <td>#{{ .hdd.ID }}</td>
-                                    <td> {{ .Name }}</td>
+                            <td> {{ .hdd.Name }}</td>
-                                    <td> {{ .Model }}</td>
+                            <td> {{ .hdd.Model }}</td>
-                                    <td> {{ .Serial }}</td>
+                            <td> {{ .hdd.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 }}
             </div>
         </div>