mirror of https://github.com/UNITRONIX/BetterDesk.git synced 2026-09-10 01:27:11 +00:00

Files

T

UNITRONIX a957f3fe2a Add CDAP gateway & redesign devices UI

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.

2026-03-20 02:01:48 +01:00

2.0 KiB

Raw Permalink Blame History

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.png
devices-list.png
device-details.png
mobile-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.

2.0 KiB Raw Permalink Blame History