From 3b745fe812ab5d1e8a291f92e6f44328e420e58d Mon Sep 17 00:00:00 2001
From: michael-bailey <mickyb18a@gmail.com>
Date: Mon, 17 Mar 2025 14:43:28 +0000
Subject: [PATCH] Created snazzy block allocation progress bar.

---
 .../Models/FileHandleListModel.cs             |  7 ++++++-
 .../Views/Files/Index.cshtml                  | 20 +++++++++++++++++--
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/FileStorageService.www/Models/FileHandleListModel.cs b/FileStorageService.www/Models/FileHandleListModel.cs
index ef6eea1..61ba49d 100644
--- a/FileStorageService.www/Models/FileHandleListModel.cs
+++ b/FileStorageService.www/Models/FileHandleListModel.cs
@@ -1,6 +1,11 @@
+using FileStorageService.www.Data;
+
 namespace FileStorageService.www.Models;
 
 public class FileHandleListModel
 {
-	public List<FileHandleModel> FileHandles { get; init; }
+	public required List<FileHandleModel> FileHandles { get; init; }
+	public int CurrentBlockCount => FileHandles.Select(s => s.BlockCount).Sum();
+	public int AllocatedBlockCount => 1024;
+	public int BlockUsagePercentage => (int)Math.Ceiling(((float)CurrentBlockCount / AllocatedBlockCount)*100);
 }
\ No newline at end of file
diff --git a/FileStorageService.www/Views/Files/Index.cshtml b/FileStorageService.www/Views/Files/Index.cshtml
index a1721f5..7a4b583 100644
--- a/FileStorageService.www/Views/Files/Index.cshtml
+++ b/FileStorageService.www/Views/Files/Index.cshtml
@@ -7,6 +7,20 @@
 
 <h2>All Files</h2>
 
+<div class="card">
+	<div class="card-body">
+		<h5 class="card-title">Total Storage</h5>
+		<div class="progress">
+			<div
+				class="progress-bar" role="progressbar"
+				style="width: @Model.BlockUsagePercentage%"
+				aria-valuenow="@Model.BlockUsagePercentage" aria-valuemin="0"
+				aria-valuemax="100">@Model.CurrentBlockCount/@Model.AllocatedBlockCount</div>
+		</div>
+	</div>
+</div>
+
+
 @if (!Model.FileHandles.Any())
 {
 	<p>No files available</p>
@@ -22,12 +36,14 @@ else
 		</tr>
 		</thead>
 		<tbody>
-		@foreach(var file in Model.FileHandles)
+		@foreach (var file in Model.FileHandles)
 		{
 			<tr>
 				<th scope="row" class="align-middle">@file.FileName</th>
 				<th scope="row" class="align-middle">@file.BlockCount</th>
-				<th scope="row" class="align-middle"><a asp-controller="Files" asp-action="Index" asp-route-id="@file.Id" class="btn btn-primary">View...</a></th>
+				<th scope="row" class="align-middle"><a
+						asp-controller="Files" asp-action="Index" asp-route-id="@file.Id"
+						class="btn btn-primary">View...</a></th>
 			</tr>
 		}
 		</tbody>