osiu97/ESP32-WijiBoard
1
0
Fork 0
Code Issues 10 Pull Requests Packages Projects Releases Wiki Activity

added board control

Browse Source
This commit is contained in:
PROFERIS - Mi³osz Stocki
2026-07-07 09:34:00 +02:00
parent 7a216ea645
commit 2e74c7d0c1
13 changed files with 731 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+15 -32
View File
@@ -8,6 +8,8 @@
<meta name="description"
content="WijiBoard SCARA arm control dashboard. Web Bluetooth interface for the ESP32-C3 stepper controller." />
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<!-- Shared styles -->
<link rel="stylesheet" href="web/styles/base.css" />
<link rel="stylesheet" href="web/styles/components.css" />
@@ -26,22 +28,19 @@
<a class="sidebar-nav-item active" id="nav-home" href="#home" data-route="home" role="button"
aria-label="Go to Home">
<svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
<polyline points="9 22 9 12 15 12 15 22" />
</svg>
<svg class="nav-icon"><use href="web/assets/icons.svg#icon-home"></use></svg>
Home
</a>
<a class="sidebar-nav-item" id="nav-board-control" href="#board-control" data-route="board-control" role="button"
aria-label="Go to Board Control">
<svg class="nav-icon"><use href="web/assets/icons.svg#icon-board"></use></svg>
Board Control
</a>
<a class="sidebar-nav-item" id="nav-stepper-test" href="#stepper-test" data-route="stepper-test" role="button"
aria-label="Go to Stepper Test">
<svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="3" />
<path
d="M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83" />
</svg>
<svg class="nav-icon"><use href="web/assets/icons.svg#icon-stepper"></use></svg>
Stepper Test
</a>
@@ -51,18 +50,7 @@
<span class="sidebar-section-label">Coming Soon</span>
<div class="sidebar-nav-item" style="opacity:0.35;cursor:default" aria-disabled="true">
<svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<path d="M12 20h9M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z" />
</svg>
Board Control
</div>
<div class="sidebar-nav-item" style="opacity:0.35;cursor:default" aria-disabled="true">
<svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<path d="M3 3h7v7H3zM14 3h7v7h-7zM14 14h7v7h-7zM3 14h7v7H3z" />
</svg>
<svg class="nav-icon"><use href="web/assets/icons.svg#icon-sequence"></use></svg>
Sequence Editor
</div>
</nav>
@@ -83,10 +71,7 @@
<!-- Brand -->
<div class="topbar-brand">
<div class="brand-icon" aria-hidden="true">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M12 2L3 7v10l9 5 9-5V7L12 2Z" stroke="#448aff" stroke-width="1.5" stroke-linejoin="round" />
<circle cx="12" cy="12" r="2.5" fill="#448aff" opacity="0.7" />
</svg>
<svg width="16" height="16"><use href="web/assets/icons.svg#icon-brand"></use></svg>
</div>
WijiBoard
</div>
@@ -101,11 +86,7 @@
<!-- Connect / Disconnect button -->
<button class="btn btn-sm btn-primary" id="btn-ble-connect" aria-label="Connect to WijiBoard via Bluetooth">
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"
stroke-linecap="round" stroke-linejoin="round">
<path d="M6.5 6.5l11 11M17.5 6.5l-5 5 5 5" />
<path d="M6 17.5l5-5-5-5" />
</svg>
<svg width="13" height="13"><use href="web/assets/icons.svg#icon-ble"></use></svg>
<span class="btn-text">Connect</span>
</button>
</div>
@@ -126,10 +107,12 @@
import UI from './web/js/ui.js';
import HomeSection from './web/js/sections/home.js';
import StepperSection from './web/js/sections/stepper-test.js';
import BoardControlSection from './web/js/sections/board-control.js';
// ── Register routes ────────────────────────────────────────────
Router.register('home', HomeSection);
Router.register('stepper-test', StepperSection);
Router.register('board-control', BoardControlSection);
// ── Sidebar toggle logic ───────────────────────────────────────
const sidebar = document.getElementById('sidebar');