mirror of
https://github.com/eclipse-mosquitto/mosquitto.git
synced 2026-02-06 19:32:00 +08:00
b0884fbc23
Adds a web-based user interface with a live dashboard for displaying system metrics. The metrics are coming from Mosquitto's HTTP API. UI is written using basic web stack (HTML, CSS, and JS) without the use of the frameworks. All the dependencies (chartjs, chartjs-plugin-zoom, hammerjs) are stored in the `src/lib` directory. CSS classes generated with tailwind are in src/styles.css. The idea is to be able to serve the UI by starting a simple http server from dashbard/src/. This UI can be further extended by adding additional web pages. Signed-off-by: Serhii Orlivskyi <serhii.orlivskyi@cedalo.com> (Cedalo GmbH)
724 B
724 B
Simple web-based graphical user interface for Mosquitto
To develop UI locally.
- Install tailwind:
npm -g install tailwindcss@3
- Go into
srcand run tailwind to generate a CSS file based on tailwind classes used inindex.html:
tailwindcss -i ./tailwind/styles.css -o ./styles.css
-
Run mosquitto http api mock
-
Change mosquitto api endponits in
src/consts.js -
Go into
srcand run a simple http server, e.g.python3 -m http.server 3000
Dependencies (in src/lib directory):
- chartjs 4.3.0 (https://cdnjs.com/libraries/Chart.js/4.3.0)
- chartjs-plugin-zoom 2.2.0 (https://cdnjs.com/libraries/chartjs-plugin-zoom)
- hammer.js 2.0.8 (https://cdnjs.com/libraries/hammer.js)