|
@@ -332,28 +332,6 @@
|
|
|
<p id="page-subtitle" class="text-xs text-slate-400">Live router performance and interface management</p>
|
|
<p id="page-subtitle" class="text-xs text-slate-400">Live router performance and interface management</p>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
- <div class="flex items-center space-x-3">
|
|
|
|
|
- <!-- Active Tunnels Pill -->
|
|
|
|
|
- <div class="flex items-center bg-slate-800/80 border border-slate-700/60 rounded-full px-3 py-1 text-xs text-slate-300 space-x-2">
|
|
|
|
|
- <span id="tunnels-dot" class="w-2 h-2 rounded-full bg-slate-500"></span>
|
|
|
|
|
- <span id="tunnels-label" class="font-mono text-[11px]">0 Active VPN Tunnels</span>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <!-- Quick Actions -->
|
|
|
|
|
- <button onclick="openVlanModal()" class="flex items-center space-x-2 bg-gradient-to-r from-brand-600 to-cyan-600 hover:from-brand-500 hover:to-cyan-500 text-white font-medium text-xs px-3.5 py-2 rounded-lg shadow-lg shadow-brand-500/20 transition-all">
|
|
|
|
|
- <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
|
|
|
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
|
|
|
|
|
- </svg>
|
|
|
|
|
- <span>+ Create VLAN</span>
|
|
|
|
|
- </button>
|
|
|
|
|
-
|
|
|
|
|
- <button onclick="fetchData(true)" title="Manual Refresh" class="p-2 rounded-lg bg-slate-800 hover:bg-slate-700 text-slate-300 hover:text-white border border-slate-700 transition">
|
|
|
|
|
- <svg id="refresh-spinner" class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
|
|
|
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
|
|
|
|
|
- </svg>
|
|
|
|
|
- </button>
|
|
|
|
|
- </div>
|
|
|
|
|
</header>
|
|
</header>
|
|
|
|
|
|
|
|
<!-- Scrollable Main Viewport -->
|
|
<!-- Scrollable Main Viewport -->
|
|
@@ -4631,6 +4609,6 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <script src="app.js?v=3.4"></script>
|
|
|
|
|
|
|
+ <script src="app.js?v=3.5"></script>
|
|
|
</body>
|
|
</body>
|
|
|
</html>
|
|
</html>
|