From 6ad23b3e149f3c4d0639991281ea169c88d06b2e Mon Sep 17 00:00:00 2001
From: Gary Murphy <gary.murphy62@mail.dcu.ie>
Date: Sat, 15 Apr 2023 20:25:53 +0100
Subject: [PATCH] Frontend navbar retrieves modules from database

---
 src/PanoptesFrontend/Data/Module.cs       |  9 +++++
 src/PanoptesFrontend/Shared/NavMenu.razor | 42 +++++++++++++----------
 src/backend/cmd/main.go                   |  4 ++-
 3 files changed, 36 insertions(+), 19 deletions(-)
 create mode 100644 src/PanoptesFrontend/Data/Module.cs

diff --git a/src/PanoptesFrontend/Data/Module.cs b/src/PanoptesFrontend/Data/Module.cs
new file mode 100644
index 0000000..c5bfd51
--- /dev/null
+++ b/src/PanoptesFrontend/Data/Module.cs
@@ -0,0 +1,9 @@
+public class Module {
+    public String Name {get; set;}
+    public String Container {get; set;}
+
+    public Module(string name, string container){
+        Name = name;
+        Container = container;
+    }
+}
\ No newline at end of file
diff --git a/src/PanoptesFrontend/Shared/NavMenu.razor b/src/PanoptesFrontend/Shared/NavMenu.razor
index c5da032..06be8a8 100644
--- a/src/PanoptesFrontend/Shared/NavMenu.razor
+++ b/src/PanoptesFrontend/Shared/NavMenu.razor
@@ -1,4 +1,8 @@
-<div class="top-row ps-3 navbar navbar-dark">
+@using PanoptesFrontend.Data
+@using System.Text.Json;
+@inject IHttpService httpService
+
+<div class="top-row ps-3 navbar navbar-dark">
     <div class="container-fluid">
         <a class="navbar-brand" href="">PanoptesFrontend</a>
         <button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
@@ -9,29 +13,31 @@
 
 <div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
     <nav class="flex-column">
-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
-                <span class="oi oi-home" aria-hidden="true"></span> Home
-            </NavLink>
-        </div>
-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="counter">
-                <span class="oi oi-plus" aria-hidden="true"></span> Counter
-            </NavLink>
-        </div>
-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="fetchdata">
-                <span class="oi oi-list-rich" aria-hidden="true"></span> Fetch data
-            </NavLink>
-        </div>
+        @if (response != null)
+        {
+            @foreach (var module in response){
+            <div class="nav-item px-3">
+                <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
+                    <span class="oi oi-home" aria-hidden="true"></span> @module.Name
+                </NavLink>
+            </div>
+            }
+        }
     </nav>
 </div>
 
 @code {
+
+    public Module[] response;
+
+    protected override async Task OnInitializedAsync()
+    {
+        response = await httpService.GetAsync<Module[]>("http://localhost:10000/modules");
+    }
+
     private bool collapseNavMenu = true;
-
     private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null;
-
+    
     private void ToggleNavMenu()
     {
         collapseNavMenu = !collapseNavMenu;
diff --git a/src/backend/cmd/main.go b/src/backend/cmd/main.go
index 6aa56c7..958d7f3 100644
--- a/src/backend/cmd/main.go
+++ b/src/backend/cmd/main.go
@@ -32,7 +32,7 @@ type Module struct {
 }
 
 var Containers []Container
-var Modules []Module
+
 
 func homePage(w http.ResponseWriter, r *http.Request) {
 	fmt.Fprintf(w, "Welcome to the home page!")
@@ -92,6 +92,7 @@ func getStats(w http.ResponseWriter, r *http.Request){
 func getModules(db *sql.DB) http.HandlerFunc{
 	return func(w http.ResponseWriter, r *http.Request){
 		if r.Method == "GET" {
+			var Modules []Module
 			rows, err := db.Query("Select name, container_name FROM Module")
 			if err != nil {
 				panic(err)
@@ -127,6 +128,7 @@ func handleRequests(DB *sql.DB) {
 }
 
 
+
 func main() {
 	DB := db.ConnectDB()
 	handleRequests(DB)