British-Information-Technologies
/
file-storage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Created snazzy block allocation progress bar.

This commit is contained in:
michael-bailey 2025-03-17 14:43:28 +00:00
parent 6fc888dc51
commit 3b745fe812
2 changed files with 24 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
FileStorageService.www/Models/FileHandleListModel.cs
View File

@ -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);
}

20
FileStorageService.www/Views/Files/Index.cshtml
View File

@ -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>