2020-12-16 18:54:09 +08:00
|
|
|
# A complete device dashboard
|
|
|
|
|
|
|
|
This example is a demonstration of how Mongoose Library could be integrated
|
2021-08-02 07:23:01 +08:00
|
|
|
into an embedded device and provide a complete device dashboard with the
|
2020-12-16 18:54:09 +08:00
|
|
|
following features:
|
|
|
|
|
|
|
|
- Multiple logins with different permissions (admin and user)
|
|
|
|
- Login screen for non-authenticated connections
|
|
|
|
- A [preact](https://preactjs.com/)-based dashboard with multiple pages
|
2022-05-13 23:47:10 +08:00
|
|
|
- Web UI is fully embedded into the server/firmware binary, and does not
|
|
|
|
need a filesystem to serve it
|
|
|
|
- View and change server settings
|
2020-12-16 18:54:09 +08:00
|
|
|
- All changes are propagates to all connected clients
|
2022-05-13 23:47:10 +08:00
|
|
|
- Live interactive chat that demonstrates bi-directional data exchange
|
2020-12-16 18:54:09 +08:00
|
|
|
|
|
|
|
|
|
|
|
# Screenshots
|
|
|
|
|
|
|
|
This is a login screen that prompts for user/password
|
|
|
|
|
|
|
|
![](screenshots/login.png)
|
|
|
|
|
|
|
|
# Main dashboard
|
|
|
|
|
|
|
|
A main dashboard page shows internal data, live video stream, and a form
|
|
|
|
|
|
|
|
![](screenshots/dashboard.png)
|
|
|
|
|
|
|
|
A live log page shows live log stream coming from device
|
|
|
|
|
2020-12-16 18:54:47 +08:00
|
|
|
![](screenshots/logs.png)
|