From 3e64de18edde898572b732c9332897750cd242a9 Mon Sep 17 00:00:00 2001
From: "othman.suseno" <othman.suseno@adastra.id>
Date: Mon, 15 Dec 2025 00:14:07 +0700
Subject: [PATCH] add service monitoring on dashboard

---
 data/atlas.db                          | Bin 0 -> 126976 bytes
 internal/httpapp/dashboard_handlers.go | 130 +++++++++++++++++++++
 internal/httpapp/routes.go             |   6 +
 web/templates/dashboard.html           | 156 +++++++++++++++++++++----
 4 files changed, 271 insertions(+), 21 deletions(-)
 create mode 100644 data/atlas.db
 create mode 100644 internal/httpapp/dashboard_handlers.go

diff --git a/data/atlas.db b/data/atlas.db
new file mode 100644
index 0000000000000000000000000000000000000000..62d67977584b1c35a99fb924ce1363c37cb76361
GIT binary patch
literal 126976
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

literal 0
HcmV?d00001

diff --git a/internal/httpapp/dashboard_handlers.go b/internal/httpapp/dashboard_handlers.go
new file mode 100644
index 0000000..dab7431
--- /dev/null
+++ b/internal/httpapp/dashboard_handlers.go
@@ -0,0 +1,130 @@
+package httpapp
+
+import (
+	"fmt"
+	"net/http"
+)
+
+// DashboardData represents aggregated dashboard statistics
+type DashboardData struct {
+	Storage struct {
+		TotalCapacity  uint64 `json:"total_capacity"`
+		TotalAllocated uint64 `json:"total_allocated"`
+		TotalAvailable uint64 `json:"total_available"`
+		PoolCount      int    `json:"pool_count"`
+		DatasetCount   int    `json:"dataset_count"`
+		ZVOLCount      int    `json:"zvol_count"`
+		SnapshotCount  int    `json:"snapshot_count"`
+	} `json:"storage"`
+	Services struct {
+		SMBShares    int  `json:"smb_shares"`
+		NFSExports   int  `json:"nfs_exports"`
+		ISCSITargets int  `json:"iscsi_targets"`
+		SMBStatus    bool `json:"smb_status"`
+		NFSStatus    bool `json:"nfs_status"`
+		ISCSIStatus  bool `json:"iscsi_status"`
+	} `json:"services"`
+	Jobs struct {
+		Total     int `json:"total"`
+		Running   int `json:"running"`
+		Completed int `json:"completed"`
+		Failed    int `json:"failed"`
+	} `json:"jobs"`
+	RecentAuditLogs []map[string]interface{} `json:"recent_audit_logs,omitempty"`
+}
+
+// handleDashboardAPI returns aggregated dashboard data
+func (a *App) handleDashboardAPI(w http.ResponseWriter, r *http.Request) {
+	data := DashboardData{}
+
+	// Storage statistics
+	pools, err := a.zfs.ListPools()
+	if err == nil {
+		data.Storage.PoolCount = len(pools)
+		for _, pool := range pools {
+			data.Storage.TotalCapacity += pool.Size
+			data.Storage.TotalAllocated += pool.Allocated
+			data.Storage.TotalAvailable += pool.Free
+		}
+	}
+
+	datasets, err := a.zfs.ListDatasets("")
+	if err == nil {
+		data.Storage.DatasetCount = len(datasets)
+	}
+
+	zvols, err := a.zfs.ListZVOLs("")
+	if err == nil {
+		data.Storage.ZVOLCount = len(zvols)
+	}
+
+	snapshots, err := a.zfs.ListSnapshots("")
+	if err == nil {
+		data.Storage.SnapshotCount = len(snapshots)
+	}
+
+	// Service statistics
+	smbShares := a.smbStore.List()
+	data.Services.SMBShares = len(smbShares)
+
+	nfsExports := a.nfsStore.List()
+	data.Services.NFSExports = len(nfsExports)
+
+	iscsiTargets := a.iscsiStore.List()
+	data.Services.ISCSITargets = len(iscsiTargets)
+
+	// Service status
+	if a.smbService != nil {
+		data.Services.SMBStatus, _ = a.smbService.GetStatus()
+	}
+	if a.nfsService != nil {
+		data.Services.NFSStatus, _ = a.nfsService.GetStatus()
+	}
+	if a.iscsiService != nil {
+		data.Services.ISCSIStatus, _ = a.iscsiService.GetStatus()
+	}
+
+	// Job statistics
+	allJobs := a.jobManager.List("")
+	data.Jobs.Total = len(allJobs)
+	for _, job := range allJobs {
+		switch job.Status {
+		case "running":
+			data.Jobs.Running++
+		case "completed":
+			data.Jobs.Completed++
+		case "failed":
+			data.Jobs.Failed++
+		}
+	}
+
+	// Recent audit logs (last 5)
+	auditLogs := a.auditStore.List("", "", "", 5)
+	data.RecentAuditLogs = make([]map[string]interface{}, 0, len(auditLogs))
+	for _, log := range auditLogs {
+		data.RecentAuditLogs = append(data.RecentAuditLogs, map[string]interface{}{
+			"id":        log.ID,
+			"actor":     log.Actor,
+			"action":    log.Action,
+			"resource":  log.Resource,
+			"result":    log.Result,
+			"timestamp": log.Timestamp.Format("2006-01-02 15:04:05"),
+		})
+	}
+
+	writeJSON(w, http.StatusOK, data)
+}
+
+// formatBytes formats bytes to human-readable format
+func formatBytes(bytes uint64) string {
+	const unit = 1024
+	if bytes < unit {
+		return fmt.Sprintf("%d B", bytes)
+	}
+	div, exp := int64(unit), 0
+	for n := bytes / unit; n >= unit; n /= unit {
+		div *= unit
+		exp++
+	}
+	return fmt.Sprintf("%.1f %cB", float64(bytes)/float64(div), "KMGTPE"[exp])
+}
diff --git a/internal/httpapp/routes.go b/internal/httpapp/routes.go
index 64cac07..bbe68ac 100644
--- a/internal/httpapp/routes.go
+++ b/internal/httpapp/routes.go
@@ -18,6 +18,12 @@ func (a *App) routes() {
 	a.mux.HandleFunc("/healthz", a.handleHealthz)
 	a.mux.HandleFunc("/metrics", a.handleMetrics)
 
+	// Dashboard API
+	a.mux.HandleFunc("/api/v1/dashboard", methodHandler(
+		func(w http.ResponseWriter, r *http.Request) { a.handleDashboardAPI(w, r) },
+		nil, nil, nil, nil,
+	))
+
 	// API v1 routes - ZFS Management
 	a.mux.HandleFunc("/api/v1/disks", methodHandler(
 		func(w http.ResponseWriter, r *http.Request) { a.handleListDisks(w, r) },
diff --git a/web/templates/dashboard.html b/web/templates/dashboard.html
index 282bba9..8476e7b 100644
--- a/web/templates/dashboard.html
+++ b/web/templates/dashboard.html
@@ -5,18 +5,32 @@
     <p class="text-slate-400">Welcome to atlasOS Storage Controller</p>
   </div>
 
-  <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-    <!-- Storage Overview Card -->
+  <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
+    <!-- Storage Pools Card -->
     <div class="bg-slate-800 rounded-lg p-6 border border-slate-700">
       <div class="flex items-center justify-between mb-4">
-        <h2 class="text-lg font-semibold text-white">Storage</h2>
+        <h2 class="text-lg font-semibold text-white">Pools</h2>
         <div class="h-10 w-10 rounded-lg bg-slate-700 flex items-center justify-center">
           <svg class="w-6 h-6 text-slate-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4"></path>
           </svg>
         </div>
       </div>
-      <p class="text-2xl font-bold text-white mb-1">--</p>
+      <p class="text-2xl font-bold text-white mb-1" id="pool-count">-</p>
+      <p class="text-sm text-slate-400">ZFS Pools</p>
+    </div>
+
+    <!-- Storage Capacity Card -->
+    <div class="bg-slate-800 rounded-lg p-6 border border-slate-700">
+      <div class="flex items-center justify-between mb-4">
+        <h2 class="text-lg font-semibold text-white">Capacity</h2>
+        <div class="h-10 w-10 rounded-lg bg-slate-700 flex items-center justify-center">
+          <svg class="w-6 h-6 text-slate-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
+          </svg>
+        </div>
+      </div>
+      <p class="text-2xl font-bold text-white mb-1" id="total-capacity">-</p>
       <p class="text-sm text-slate-400">Total Capacity</p>
     </div>
 
@@ -30,8 +44,8 @@
           </svg>
         </div>
       </div>
-      <p class="text-2xl font-bold text-white mb-1">--</p>
-      <p class="text-sm text-slate-400">Active Shares</p>
+      <p class="text-2xl font-bold text-white mb-1" id="smb-shares">-</p>
+      <p class="text-sm text-slate-400">SMB + NFS</p>
     </div>
 
     <!-- iSCSI Targets Card -->
@@ -44,30 +58,130 @@
           </svg>
         </div>
       </div>
-      <p class="text-2xl font-bold text-white mb-1">--</p>
+      <p class="text-2xl font-bold text-white mb-1" id="iscsi-targets">-</p>
       <p class="text-sm text-slate-400">Active Targets</p>
     </div>
   </div>
 
-  <!-- System Status -->
-  <div class="bg-slate-800 rounded-lg p-6 border border-slate-700">
-    <h2 class="text-lg font-semibold text-white mb-4">System Status</h2>
-    <div class="space-y-3">
-      <div class="flex items-center justify-between">
-        <span class="text-slate-300">ZFS Status</span>
-        <span class="px-3 py-1 rounded-full text-xs font-medium bg-slate-700 text-slate-300">Initializing</span>
+  <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+    <!-- System Status -->
+    <div class="bg-slate-800 rounded-lg p-6 border border-slate-700">
+      <h2 class="text-lg font-semibold text-white mb-4">Service Status</h2>
+      <div class="space-y-3">
+        <div class="flex items-center justify-between">
+          <span class="text-slate-300">SMB/Samba</span>
+          <span id="smb-status" class="px-3 py-1 rounded-full text-xs font-medium bg-slate-700 text-slate-300">-</span>
+        </div>
+        <div class="flex items-center justify-between">
+          <span class="text-slate-300">NFS Server</span>
+          <span id="nfs-status" class="px-3 py-1 rounded-full text-xs font-medium bg-slate-700 text-slate-300">-</span>
+        </div>
+        <div class="flex items-center justify-between">
+          <span class="text-slate-300">iSCSI Target</span>
+          <span id="iscsi-status" class="px-3 py-1 rounded-full text-xs font-medium bg-slate-700 text-slate-300">-</span>
+        </div>
+        <div class="flex items-center justify-between">
+          <span class="text-slate-300">API Status</span>
+          <span class="px-3 py-1 rounded-full text-xs font-medium bg-green-900 text-green-300">Online</span>
+        </div>
       </div>
-      <div class="flex items-center justify-between">
-        <span class="text-slate-300">Storage Engine</span>
-        <span class="px-3 py-1 rounded-full text-xs font-medium bg-slate-700 text-slate-300">Not Configured</span>
-      </div>
-      <div class="flex items-center justify-between">
-        <span class="text-slate-300">API Status</span>
-        <span class="px-3 py-1 rounded-full text-xs font-medium bg-green-900 text-green-300">Online</span>
+    </div>
+
+    <!-- Jobs Status -->
+    <div class="bg-slate-800 rounded-lg p-6 border border-slate-700">
+      <h2 class="text-lg font-semibold text-white mb-4">Jobs</h2>
+      <div class="space-y-3">
+        <div class="flex items-center justify-between">
+          <span class="text-slate-300">Running</span>
+          <span id="jobs-running" class="text-white font-semibold">-</span>
+        </div>
+        <div class="flex items-center justify-between">
+          <span class="text-slate-300">Completed</span>
+          <span id="jobs-completed" class="text-white font-semibold">-</span>
+        </div>
+        <div class="flex items-center justify-between">
+          <span class="text-slate-300">Failed</span>
+          <span id="jobs-failed" class="text-white font-semibold">-</span>
+        </div>
+        <div class="flex items-center justify-between">
+          <span class="text-slate-300">Total</span>
+          <span id="jobs-total" class="text-white font-semibold">-</span>
+        </div>
       </div>
     </div>
   </div>
+
+  <!-- Recent Activity -->
+  <div class="bg-slate-800 rounded-lg p-6 border border-slate-700">
+    <h2 class="text-lg font-semibold text-white mb-4">Recent Activity</h2>
+    <div id="recent-logs" class="space-y-2">
+      <p class="text-slate-400 text-sm">Loading...</p>
+    </div>
+  </div>
 </div>
+
+<script>
+  // Fetch dashboard data and update UI
+  function updateDashboard() {
+    fetch('/api/v1/dashboard')
+      .then(res => res.json())
+      .then(data => {
+        // Update storage stats
+        document.getElementById('pool-count').textContent = data.storage.pool_count || 0;
+        document.getElementById('total-capacity').textContent = formatBytes(data.storage.total_capacity || 0);
+        document.getElementById('smb-shares').textContent = (data.services.smb_shares || 0) + ' / ' + (data.services.nfs_exports || 0);
+        document.getElementById('iscsi-targets').textContent = data.services.iscsi_targets || 0;
+
+        // Update service status
+        updateStatus('smb-status', data.services.smb_status);
+        updateStatus('nfs-status', data.services.nfs_status);
+        updateStatus('iscsi-status', data.services.iscsi_status);
+
+        // Update jobs
+        document.getElementById('jobs-running').textContent = data.jobs.running || 0;
+        document.getElementById('jobs-completed').textContent = data.jobs.completed || 0;
+        document.getElementById('jobs-failed').textContent = data.jobs.failed || 0;
+        document.getElementById('jobs-total').textContent = data.jobs.total || 0;
+
+        // Update recent logs
+        const logsDiv = document.getElementById('recent-logs');
+        if (data.recent_audit_logs && data.recent_audit_logs.length > 0) {
+          logsDiv.innerHTML = data.recent_audit_logs.map(log => `
+            <div class="flex items-center justify-between text-sm">
+              <span class="text-slate-300">${log.action} ${log.resource}</span>
+              <span class="px-2 py-1 rounded text-xs ${log.result === 'success' ? 'bg-green-900 text-green-300' : 'bg-red-900 text-red-300'}">${log.result}</span>
+            </div>
+          `).join('');
+        } else {
+          logsDiv.innerHTML = '<p class="text-slate-400 text-sm">No recent activity</p>';
+        }
+      })
+      .catch(err => console.error('Dashboard update error:', err));
+  }
+
+  function updateStatus(id, status) {
+    const el = document.getElementById(id);
+    if (status) {
+      el.className = 'px-3 py-1 rounded-full text-xs font-medium bg-green-900 text-green-300';
+      el.textContent = 'Running';
+    } else {
+      el.className = 'px-3 py-1 rounded-full text-xs font-medium bg-red-900 text-red-300';
+      el.textContent = 'Stopped';
+    }
+  }
+
+  function formatBytes(bytes) {
+    if (bytes === 0) return '0 B';
+    const k = 1024;
+    const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return Math.round(bytes / Math.pow(k, i) * 100) / 100 + ' ' + sizes[i];
+  }
+
+  // Initial load and periodic updates
+  updateDashboard();
+  setInterval(updateDashboard, 30000); // Update every 30 seconds
+</script>
 {{end}}
 
 {{define "dashboard.html"}}