mirror of
https://github.com/UNITRONIX/BetterDesk.git
synced 2026-09-10 17:45:42 +00:00
UNITRONIX
a957f3fe2a
Introduce full CDAP subsystem and devices UI overhaul. Adds a new CDAP WebSocket gateway (cdap/gateway.go) with auth, connection lifecycle, message loop, heartbeat monitor and APIs (cdap/api.go, cdap/auth.go, cdap/handler.go, cdap/manifest.go, cdap/messages.go). Wire CDAP into the server (api/server.go + handlers in api/cdap_handlers.go) exposing REST endpoints for status, device list, info, manifest, state and sending commands. Enhance peer handling: CDAP-connected overlay in peer list/get, device revocation/cascade support in handleDeletePeer (blocklist, connection teardown, events + audit), and new audit action ActionPeerRevoked. Frontend updates include CDAP device page, widgets, commands, styles and services; major devices page UI redesign (responsive folder chips, toolbar, slim table, kebab menu) plus related CSS/JS/views, translations, docs and assets. Overall adds CDAP features, revocation workflow, and a responsive devices UI.
Screenshots Placeholder
This directory contains screenshots of BetterDesk Console for documentation purposes.
Required Screenshots
For the README.md, please add the following screenshots:
-
dashboard.png - Main dashboard view showing:
- Navigation bar with logo and stats
- Four statistics cards (Total, Active, Inactive, With Notes)
- Device list table
- Search functionality
-
devices-list.png - Device management view showing:
- Horizontal folder chips bar (scrollable pills)
- Unified toolbar with search, segmented filters, column toggle
- Slim table with status dot, device ID, hostname, platform
- Kebab context menu (⋮) per row
-
device-details.png - Device details modal showing:
- Device ID
- UUID
- Public Key
- Status badge
- Note
- Created timestamp
- Additional metadata
-
mobile-view.png - Mobile responsive view (≤600px) showing:
- Card-style device rows (CSS grid 2-column layout)
- Bottom sheet kebab menu with backdrop overlay
- Compact folder chips (icon-only at ≤400px)
- Touch-friendly controls with larger tap targets
How to Create Screenshots
Using the Demo App
cd web
python3 app_demo.py
Then open http://localhost:5001 in your browser.
Taking Screenshots
Recommended Settings:
- Browser: Chrome/Firefox (latest version)
- Window Size: 1920x1080 (for desktop) / 375x667 (for mobile)
- Zoom: 100%
- Theme: Dark mode enabled
Tools:
- Built-in browser screenshot (F12 → ... → Screenshot)
- macOS: Cmd+Shift+4
- Windows: Win+Shift+S
- Linux: Flameshot, GNOME Screenshot
File Naming Convention
Use lowercase with hyphens:
dashboard.pngdevices-list.pngdevice-details.pngmobile-view.png
Image Requirements
- Format: PNG
- Max size: 2MB per image
- Compression: Optimized (use TinyPNG or similar)
- DPI: 72 (web)
Privacy Note
The demo app (app_demo.py) generates fake data to protect real device information in screenshots.