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
|
|
|
|
- Internal variables
|
|
|
|
- A form that changes those variables
|
|
|
|
- All changes are propagates to all connected clients
|
|
|
|
- Live log stream
|
|
|
|
- Live video stream
|
|
|
|
|
|
|
|
|
2021-08-02 07:23:01 +08:00
|
|
|
In essence, this example is a combination of several other examples
|
2020-12-16 18:54:09 +08:00
|
|
|
pulled together (multiple-logins, dashboard, live-log, video-stream).
|
|
|
|
|
|
|
|
# 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)
|