add navigation bar to show dashboard and dva/dca pages

2026-02-02 07:26:04 +08:00
parent 6506932042
commit ed948bf27c
2 changed files with 88 additions and 1 deletions
@@ -29,6 +29,31 @@
    </style>
 </head>
 <body>
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark mb-4">
+    <div class="container-fluid">
+        <a class="navbar-brand" href="/">
+            <i class="bi bi-graph-up-arrow me-2"></i>Finance Suite
+        </a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+            <span class="navbar-text text-light small d-none d-md-inline">
+                System Status: <span id="statusIndicator" class="text-warning">● Connecting...</span>
+            </span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNav">
+            <ul class="navbar-nav">
+                <li class="nav-item">
+                    <a class="nav-link" href="/">Dashboard</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="/backtest">Backtester</a>
+                </li>
+            </ul>
+        </div>
+        <span class="navbar-text text-light small d-none d-md-inline">
+            System Status: <span class="text-success">● Online</span>
+        </span>
+    </div>
+</nav>
    <div class="container-fluid py-3" style="max-width: 1200px; margin-left: 0;">
        <div class="d-flex justify-content-between align-items-center mb-3">
            <h2 class="mb-0 fw-bold" style="font-size: 1.5rem;">🛠️ Value Averaging Strategy Analysis</h2>
@@ -433,6 +458,25 @@ function updateSyncBadge(dateString) {
        const wb = XLSX.utils.table_to_book(table);
        XLSX.writeFile(wb, "Investment_Backtest_Results.xlsx");
    }
+    // This checks if the Flask server is responding every 30 seconds
+    async function checkStatus() {
+        const indicator = document.getElementById('statusIndicator');
+        try {
+            const response = await fetch('/api/summary'); // Or a dedicated /health endpoint
+            if (response.ok) {
+                indicator.innerHTML = '● Online';
+                indicator.className = 'text-success';
+            } else {
+                throw new Error();
+            }
+        } catch (e) {
+            indicator.innerHTML = '● Offline';
+            indicator.className = 'text-danger';
+        }
+    }
+
+    setInterval(checkStatus, 30000); 
+    checkStatus(); // Initial check

    function resetAll() {
    // 1. Reset Inputs to Defaults (Including Frequency)