Skip to content

Commit 51e2e45

Browse files
mirkoserticmirkosertic
committed
UI clean up and some refactorings
1 parent 5b05d9b commit 51e2e45

25 files changed

Lines changed: 677 additions & 374 deletions

‎README.md‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@
44

55
## Introduction
66

7-
Megahub is an ESP32-based alternative hub designed for Lego© enthusiasts and robotics builders. It combines the flexibility of the ESP32 platform with native support for Lego© WeDo/Powered Up! devices, offering both Lua scripting and Blockly visual programming for easy control and automation.
7+
Megahub is an ESP32-based alternative hub designed for LEGO© enthusiasts and robotics builders. It combines the flexibility of the ESP32 platform with native support for LEGO© WeDo/Powered Up! devices, offering both Lua scripting and Blockly visual programming for easy control and automation.
88

9-
This project provides a powerful, open-source alternative to proprietary solutions, giving makers complete control over their robotic creations while maintaining compatibility with popular Lego© sensors and motors.
9+
This project provides a powerful, open-source alternative to proprietary solutions, giving makers complete control over their robotic creations while maintaining compatibility with popular LEGO© sensors and motors.
1010
It comes with the hardware schematics, production files and the Megahub firmware as a PlatformIO project as well.
1111

1212
** Use it at your own Risk!! **
@@ -15,7 +15,7 @@ It comes with the hardware schematics, production files and the Megahub firmware
1515

1616
- **KiCad**: All schematics and PCB production files are available in KiCad and Gerber format
1717
- **WiFi Enabled**: Built-in wireless connectivity for remote control and programming
18-
- **4 UART Ports**: Connect up to 4 Lego© WeDo/Powered Up! devices simultaneously (motors, sensors, etc.)
18+
- **4 UART Ports**: Connect up to 4 LEGO© WeDo/Powered Up! devices simultaneously (motors, sensors, etc.)
1919
- **Built-in IMU**: Integrated MPU6050 6-axis accelerometer and gyroscope for motion sensing
2020
- **FastLED/NeoPixel Support**: Built-in support for addressable RGB LED strips
2121
- **Flexible GPIO**: Additional GPIO pins available for custom sensors, buttons, and peripherals
@@ -26,7 +26,7 @@ It comes with the hardware schematics, production files and the Megahub firmware
2626

2727
## How It Differs from Existing Solutions
2828

29-
### vs. Lego© Powered Up!
29+
### vs. LEGO© Powered Up!
3030

3131
- **Open Source**: Complete control over firmware and functionality
3232
- **Expandable**: Access to additional GPIO pins for custom hardware
@@ -36,7 +36,7 @@ It comes with the hardware schematics, production files and the Megahub firmware
3636

3737
### vs. fischertechnik© RX Controller
3838

39-
- **Lego Compatibility**: Native support for Lego WeDo protocol
39+
- **LEGO Compatibility**: Native support for LEGO WeDo 2.0 protocol
4040
- **Web-based Programming**: No proprietary software required
4141
- **Cost-effective**: Based on affordable ESP32 hardware
4242
- **Visual Programming**: Blockly support makes it accessible for all skill levels

‎frontend/index.html‎

Lines changed: 6 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<html>
1+
<html lang="en">
22

33
<head>
44
<meta charset="utf-8">
@@ -7,19 +7,12 @@
77
</head>
88

99
<body>
10-
<div class="layoutcontainer">
11-
<div id="blocklyDiv"></div>
12-
<div id="outputPanel">
13-
<h2>MegaHub Dev Environment</h2>
14-
<button class="reset" id="reset">Zurücksetzen</button>
15-
<button class="syntaxcheck" id="syntaxcheck">Perform a syntax check</button>
16-
<button class="execute" id="execute">Execute!</button>
17-
<div id="luaeditor"></div>
18-
<div id="uicomponents"></div>
19-
</div>
20-
<div id="log-container"></div>
10+
<div class="global-layout">
11+
<custom-header id="header" class="layout-header"></custom-header>
12+
<custom-files id="files" class="layout-content"></custom-files>
13+
<custom-logger id="logger" class="layout-footer"></custom-logger>
2114
</div>
22-
<script type="module" src="/src/main.js"></script>
15+
<script type="module" src="/src/index.js"></script>
2316
</body>
2417

2518
</html>

‎frontend/project.html‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<html lang="en">
2+
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Megahub Dev Environment</title>
6+
<link rel="stylesheet" href="/src/styles.css" />
7+
</head>
8+
9+
<body>
10+
<div class="global-layout-sidebar">
11+
<custom-header id="header" class="layout-header"></custom-header>
12+
<custom-blockly id="blockly" class="layout-content"></custom-blockly>
13+
<div class="layout-sidebar">
14+
<button class="reset" id="reset">Reset workspace</button>
15+
<button class="syntaxcheck" id="syntaxcheck">Perform a syntax check</button>
16+
<button class="execute" id="execute">Execute!</button>
17+
<button class="stop" id="stop">Stop!</button>
18+
<custom-lua-preview id="luapreview"></custom-lua-preview>
19+
<custom-ui id="uicomponents"></custom-ui>
20+
</div>
21+
<custom-logger id="logger" class="layout-footer"></custom-logger>
22+
</div>
23+
<script type="module" src="/src/project.js"></script>
24+
</body>
25+
26+
</html>

‎frontend/src/components/blockly/component.html‎

Whitespace-only changes.

0 commit comments

Comments
 (0)