Move meshtastic mqtt project to meshcore usb project
This commit is contained in:
zyphlar
+63
-31
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Meshtastic MQTT Dashboard</title>
|
||||
<title>MeshCore Dashboard</title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="http://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
|
||||
</head>
|
||||
@@ -12,8 +12,8 @@
|
||||
<div id="login-screen" class="screen">
|
||||
<div class="login-container">
|
||||
<div class="login-box">
|
||||
<h1>Meshtastic Dashboard</h1>
|
||||
<p class="subtitle">MQTT Monitoring & Control</p>
|
||||
<h1>MeshCore Dashboard</h1>
|
||||
<p class="subtitle">USB Serial Monitor</p>
|
||||
<form id="login-form">
|
||||
<div class="form-group">
|
||||
<label for="username">Username</label>
|
||||
@@ -32,15 +32,15 @@
|
||||
|
||||
<!-- Main Dashboard -->
|
||||
<div id="dashboard-screen" class="screen hidden">
|
||||
<!-- Header -->
|
||||
<header class="header">
|
||||
<div class="header-left">
|
||||
<h1>Meshtastic Dashboard</h1>
|
||||
<h1>MeshCore Dashboard</h1>
|
||||
<span id="device-name-badge" class="device-badge hidden"></span>
|
||||
</div>
|
||||
<div class="header-right">
|
||||
<span class="mqtt-status" id="mqtt-status">
|
||||
<span class="serial-status" id="serial-status">
|
||||
<span class="status-dot"></span>
|
||||
MQTT
|
||||
USB
|
||||
</span>
|
||||
<span class="data-last-received" id="data-last-received" title="Time since last data update">
|
||||
<span class="data-label">Last data:</span> <span id="data-timer">0s ago</span>
|
||||
@@ -50,16 +50,14 @@
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Navigation -->
|
||||
<nav class="nav-tabs">
|
||||
<button class="nav-tab active" data-tab="overview">Overview</button>
|
||||
<button class="nav-tab" data-tab="map">Map</button>
|
||||
<button class="nav-tab" data-tab="messages">Messages</button>
|
||||
<button class="nav-tab" data-tab="nodes">Nodes</button>
|
||||
<button class="nav-tab" data-tab="contacts">Contacts</button>
|
||||
<button class="nav-tab" data-tab="settings">Settings</button>
|
||||
</nav>
|
||||
|
||||
<!-- Tab Contents -->
|
||||
<div class="content">
|
||||
<!-- Overview Tab -->
|
||||
<div id="overview-tab" class="tab-content active">
|
||||
@@ -67,8 +65,8 @@
|
||||
<div class="stat-card">
|
||||
<div class="stat-icon">📡</div>
|
||||
<div class="stat-info">
|
||||
<div class="stat-value" id="stat-nodes">0</div>
|
||||
<div class="stat-label">Active Nodes</div>
|
||||
<div class="stat-value" id="stat-contacts">0</div>
|
||||
<div class="stat-label">Contacts</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
@@ -94,6 +92,11 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="device-info-panel" class="panel hidden">
|
||||
<h2>Device</h2>
|
||||
<div id="device-info-content" class="device-info-grid"></div>
|
||||
</div>
|
||||
|
||||
<div class="panel">
|
||||
<h2>Recent Messages</h2>
|
||||
<div id="recent-messages" class="message-list"></div>
|
||||
@@ -113,13 +116,32 @@
|
||||
<div class="panel">
|
||||
<h2>Send Message</h2>
|
||||
<form id="send-message-form" class="message-form">
|
||||
<div class="form-group">
|
||||
<div class="radio-group">
|
||||
<label class="radio-label">
|
||||
<input type="radio" name="msg-type" value="direct" id="type-direct" checked>
|
||||
Direct
|
||||
</label>
|
||||
<label class="radio-label">
|
||||
<input type="radio" name="msg-type" value="channel" id="type-channel">
|
||||
Channel
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<input type="text" id="message-text" placeholder="Type your message..." required>
|
||||
<select id="message-from">
|
||||
<option value="474572292">!1c496604</option>
|
||||
<select id="message-to-contact" title="Select contact">
|
||||
<option value="">-- Select contact --</option>
|
||||
</select>
|
||||
<select id="message-channel">
|
||||
<!-- Options populated dynamically from config -->
|
||||
<select id="message-channel-idx" class="hidden" title="Select channel">
|
||||
<option value="0">Public (Ch 0)</option>
|
||||
<option value="1">Channel 1</option>
|
||||
<option value="2">Channel 2</option>
|
||||
<option value="3">Channel 3</option>
|
||||
<option value="4">Channel 4</option>
|
||||
<option value="5">Channel 5</option>
|
||||
<option value="6">Channel 6</option>
|
||||
<option value="7">Channel 7</option>
|
||||
</select>
|
||||
<button type="submit" class="btn btn-primary">Send</button>
|
||||
</div>
|
||||
@@ -128,38 +150,50 @@
|
||||
|
||||
<div class="panel">
|
||||
<div class="panel-header">
|
||||
<h2>Message History</h2>
|
||||
<button id="refresh-messages-btn" class="btn btn-secondary">Refresh</button>
|
||||
<h2>Messages</h2>
|
||||
<div style="display:flex;gap:0.5rem;align-items:center">
|
||||
<div class="msg-filter-tabs" id="msg-filter-tabs">
|
||||
<button class="msg-filter-btn active" data-filter="all">All</button>
|
||||
<button class="msg-filter-btn" data-filter="channel" data-ch="0">Public (Ch 0)</button>
|
||||
<button class="msg-filter-btn" data-filter="direct">Direct</button>
|
||||
</div>
|
||||
<button id="refresh-messages-btn" class="btn btn-secondary">Refresh</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="message-history" class="message-list"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Nodes Tab -->
|
||||
<div id="nodes-tab" class="tab-content">
|
||||
<!-- Contacts Tab -->
|
||||
<div id="contacts-tab" class="tab-content">
|
||||
<div class="panel">
|
||||
<div class="panel-header">
|
||||
<h2>Meshtastic Nodes</h2>
|
||||
<button id="refresh-nodes-btn" class="btn btn-secondary">Refresh</button>
|
||||
<h2>MeshCore Contacts</h2>
|
||||
<button id="refresh-contacts-btn" class="btn btn-secondary">Refresh</button>
|
||||
</div>
|
||||
<div id="nodes-grid" class="nodes-grid"></div>
|
||||
<div id="contacts-grid" class="nodes-grid"></div>
|
||||
</div>
|
||||
|
||||
<!-- Node Detail Modal -->
|
||||
<div id="node-modal" class="modal hidden">
|
||||
<div id="contact-modal" class="modal hidden">
|
||||
<div class="modal-content">
|
||||
<span class="modal-close">×</span>
|
||||
<h2>Node Details</h2>
|
||||
<div id="node-detail" class="node-detail"></div>
|
||||
<h2>Contact Details</h2>
|
||||
<div id="contact-detail" class="node-detail"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Settings Tab -->
|
||||
<div id="settings-tab" class="tab-content">
|
||||
<div class="panel">
|
||||
<h2>Serial Port</h2>
|
||||
<div id="port-info"></div>
|
||||
<div id="available-ports" class="ports-list"></div>
|
||||
</div>
|
||||
|
||||
<div class="panel">
|
||||
<h2>Data Management</h2>
|
||||
<p>Purge old data from the database to free up space.</p>
|
||||
<p>Purge old data from the database.</p>
|
||||
<form id="purge-form" class="settings-form">
|
||||
<div class="form-group">
|
||||
<label for="purge-hours">Keep data from the last:</label>
|
||||
@@ -182,16 +216,14 @@
|
||||
|
||||
<div class="panel">
|
||||
<h2>About</h2>
|
||||
<p>Meshtastic MQTT Dashboard - A complete monitoring solution for Meshtastic networks.</p>
|
||||
<p>MeshCore USB Dashboard — Monitor and control your MeshCore network over USB serial.</p>
|
||||
<p>Version 1.0.0</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="http://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
|
||||
<script src="http://unpkg.com/d3@7/dist/d3.min.js"></script>
|
||||
<script src="js/app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user