fffba79022
本次提交包含两批改动（7月2日遗留未入库 + 本次新功能），分述如下：
【补登记：7月2日已上线但未提交的功能】
- 分片上传：chunk_upload_controller/service/dao + UploadSession model/schema，
支持 4MiB 分片、乱序、断点续传、去重、幂等 complete；后台 reaper 清理过期会话。
- 反向隧道：tunnel_controller/service/dao + TunnelSession model/schema，
SSH remote forward 经 /api/userPort/{userName} 反代到 user 本地服务。
- 上传页：views/upload_html.py（拖拽/多文件/分片/断点续传 UI）。
- config.py：StorageConfig.chunk_session_dir/ttl、TunnelConfig；
requirements.txt 加 httpx；start.sh 清理 .work/ 残留；
schema.sql 加 upload_session/tunnel_session 表；sftp_server 承载隧道转发。
【本次新功能】
- 文件浏览页：GET /files（Basic Auth 同 docs）+ /api/admin/files（list/get/download/DELETE）。
硬删除（DB 行 + 磁盘文件），删除后列表不再显示。前端 static/file_browser.*。
- 共享白板：GET /whiteboard/{id}（公开，不存在则新建）+ WS /ws/whiteboard/{id}。
MySQL 持久化（whiteboard 表），Canvas 实时同步，心跳 3s/5 次失活移除，
清空/复制按钮，移动端兼容。WhiteboardHub 管理 {board_id: set[Connection]}，
disconnect 幂等 + 空 set 清理防泄漏，broadcast 失败连接自动移除。
- 白板管理页：GET /whiteboard-admin（Basic Auth）+ /api/admin/whiteboards（list/DELETE）。
删除时 hub.close_board 踢出在线连接。
- 清理：合并 UploadService.get_out_with_disk_path（下载/删除复用，消除重复 DB 读），
移除无用 resolve_disk_path。
- config.py：WhiteboardConfig（heartbeat/threshold/board_id 长度/list_limit）；
schema.sql 加 whiteboard 表；README 补新接口与心跳/内存说明。
- 验证：tests/manual_whiteboard_hub.py / _ws.py / _kick.py 全部通过。
51 lines
2.5 KiB
CSS
51 lines
2.5 KiB
CSS
/* 白板页专属样式：全屏画布、悬浮工具栏、移动端适配。 */
|
|
:root { --bar-h: 52px; }
|
|
body { overflow: hidden; background: var(--bg); }
|
|
.wb-app { display: flex; flex-direction: column; height: 100vh; height: 100dvh; }
|
|
.wb-bar {
|
|
display: flex; align-items: center; justify-content: space-between;
|
|
gap: 0.6em; padding: 0.5em 0.9em;
|
|
background: var(--surface); border-bottom: 1px solid var(--border);
|
|
box-shadow: var(--shadow); min-height: var(--bar-h);
|
|
flex-wrap: wrap;
|
|
}
|
|
.wb-bar-left, .wb-bar-right { display: flex; align-items: center; gap: 0.6em; }
|
|
.wb-title { font-weight: 700; font-size: 1.05em; }
|
|
.wb-id { background: var(--surface-2); padding: 0.15em 0.5em; border-radius: 6px; font-size: 0.82em; color: var(--text-dim); }
|
|
.wb-online { color: var(--success); font-size: 0.7em; }
|
|
.wb-online.off { color: var(--text-dim); }
|
|
.wb-tool { display: inline-flex; align-items: center; gap: 0.3em; font-size: 0.85em; color: var(--text-dim); }
|
|
.wb-tool input[type="color"] { width: 28px; height: 28px; padding: 0; border: 1px solid var(--border); border-radius: 6px; background: transparent; cursor: pointer; }
|
|
.wb-tool input[type="range"] { width: 80px; accent-color: var(--primary); }
|
|
.wb-width-val { width: 1.4em; text-align: center; }
|
|
.wb-bar .btn { padding: 0.4em 0.9em; font-size: 0.86em; }
|
|
|
|
.wb-stage { position: relative; flex: 1; overflow: hidden; }
|
|
#canvas {
|
|
position: absolute; inset: 0; width: 100%; height: 100%;
|
|
display: block; touch-action: none; cursor: crosshair;
|
|
background:
|
|
linear-gradient(var(--border) 1px, transparent 1px) 0 0 / 24px 24px,
|
|
linear-gradient(90deg, var(--border) 1px, transparent 1px) 0 0 / 24px 24px,
|
|
var(--surface);
|
|
background-blend-mode: normal;
|
|
}
|
|
.wb-status {
|
|
position: absolute; bottom: 0.8em; left: 50%; transform: translateX(-50%);
|
|
background: var(--surface); border: 1px solid var(--border);
|
|
padding: 0.3em 0.9em; border-radius: 16px; font-size: 0.8em;
|
|
color: var(--text-dim); box-shadow: var(--shadow);
|
|
opacity: 0; transition: opacity 0.3s; pointer-events: none;
|
|
}
|
|
.wb-status.show { opacity: 1; }
|
|
.wb-status.err { color: var(--danger); border-color: var(--danger-soft); }
|
|
|
|
/* 移动端：工具栏紧凑、按钮变大易触 */
|
|
@media (max-width: 640px) {
|
|
.wb-bar { padding: 0.4em 0.5em; gap: 0.4em; }
|
|
.wb-id { max-width: 8em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
.wb-tool input[type="range"] { width: 56px; }
|
|
.wb-bar .btn { padding: 0.45em 0.7em; }
|
|
.wb-title { display: none; }
|
|
}
|