Compare commits
66 Commits
3a2653d02f
...
Hungdev
| Author | SHA1 | Date | |
|---|---|---|---|
| c41f465d8a | |||
| 2bdec7d7e7 | |||
| 232f9873a0 | |||
| 6ee9773f7f | |||
| aed692cffe | |||
| 1ed246eec8 | |||
| a55b0a4567 | |||
| f4b9d99051 | |||
| 487e9eb8ea | |||
| 7d3fdefa3f | |||
| 0ff025fb15 | |||
| b56c6d722c | |||
| 83821b6b82 | |||
| 31943bf489 | |||
| 24a4ef2c66 | |||
| 120ff1f3c8 | |||
| 84ad60841c | |||
| bad51585db | |||
| 06f2edb195 | |||
| 0583c7869a | |||
| b4c3155564 | |||
| 58c96609b6 | |||
| 8803cd622a | |||
| 719704f19e | |||
| 2bb856f2fd | |||
| 939097ddd9 | |||
| 6cc520a0c4 | |||
| 6502531ad7 | |||
| f5dce38e11 | |||
| 573ff17581 | |||
| 52d62dbc96 | |||
| d7a49d2b5c | |||
| 83018639fa | |||
| 99aacb5d81 | |||
| dbd98dff37 | |||
| 647e13e988 | |||
| db745b1bd9 | |||
| d602e77ed3 | |||
| e80569906c | |||
| f67fc157ed | |||
| f18d953a3a | |||
| 1b43bfda74 | |||
| e8c9edb998 | |||
| ea53136068 | |||
| f93c2b8be6 | |||
| 58a089b812 | |||
| 9fe71c49bd | |||
| 39dcb37d51 | |||
| 8e3704f5c4 | |||
| f60dd288ff | |||
| 391a1c23c0 | |||
| 9ea257a4fc | |||
| e860fc9214 | |||
| d054fce432 | |||
| ea73c15738 | |||
| 4d17699775 | |||
| 51af268857 | |||
| 661f8e6267 | |||
| 96391b0706 | |||
| 0fa4a9aae2 | |||
| 9a994da7f8 | |||
| b19bd7537e | |||
| 3fa8778084 | |||
| 1b424ab62d | |||
|
4b8f4d288a | ||
|
|
2ad899d787 |
@@ -51,13 +51,21 @@ jobs:
|
||||
VITE_API_BASE=https://sv.rikkeiraia.org/api npm run build
|
||||
cd ..
|
||||
|
||||
echo "Build storage server..."
|
||||
cd storage_server
|
||||
npm install
|
||||
npm run build
|
||||
pm2 delete storage_server || true
|
||||
pm2 start dist/main.js --name storage_server
|
||||
cd ..
|
||||
|
||||
echo "Build server backend..."
|
||||
cd server
|
||||
go build -o serverlinux main.go
|
||||
|
||||
echo "Khởi động lại PM2..."
|
||||
pm2 delete raia_v3_server || pm2 delete serverlinux || true
|
||||
pm2 start ./serverlinux --name raia_v3_server
|
||||
cd ..
|
||||
|
||||
pm2 save # lưu lại trạng thái pm2
|
||||
|
||||
echo "Deploy thành công!"
|
||||
|
||||
27
.gitignore
vendored
Normal file
27
.gitignore
vendored
Normal file
@@ -0,0 +1,27 @@
|
||||
# Dependency directories
|
||||
node_modules/
|
||||
|
||||
# Production builds
|
||||
dist/
|
||||
build/
|
||||
|
||||
# IDEs and OS files
|
||||
.idea/
|
||||
.vscode/
|
||||
.DS_Store
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
|
||||
# Upload and storage directories (CRITICAL: Ignore to prevent git clean -fd from deleting them)
|
||||
server/uploads/
|
||||
storage/
|
||||
|
||||
# Environment variables
|
||||
.env
|
||||
.env.local
|
||||
.env.development.local
|
||||
.env.test.local
|
||||
.env.production.local
|
||||
417
app_pool.sql
Normal file
417
app_pool.sql
Normal file
@@ -0,0 +1,417 @@
|
||||
/*
|
||||
Navicat Premium Dump SQL
|
||||
|
||||
Source Server : RAIA_V3
|
||||
Source Server Type : MySQL
|
||||
Source Server Version : 80043 (8.0.43-0ubuntu0.24.04.1)
|
||||
Source Host : 36.50.55.224:3306
|
||||
Source Schema : simple_care
|
||||
|
||||
Target Server Type : MySQL
|
||||
Target Server Version : 80043 (8.0.43-0ubuntu0.24.04.1)
|
||||
File Encoding : 65001
|
||||
|
||||
Date: 13/07/2026 11:02:24
|
||||
*/
|
||||
|
||||
SET NAMES utf8mb4;
|
||||
SET FOREIGN_KEY_CHECKS = 0;
|
||||
|
||||
-- ----------------------------
|
||||
-- Table structure for app_pool
|
||||
-- ----------------------------
|
||||
DROP TABLE IF EXISTS `app_pool`;
|
||||
CREATE TABLE `app_pool` (
|
||||
`id` bigint UNSIGNED NOT NULL AUTO_INCREMENT,
|
||||
`created_at` datetime(3) NULL DEFAULT NULL,
|
||||
`updated_at` datetime(3) NULL DEFAULT NULL,
|
||||
`process_name` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
|
||||
`process_key` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
|
||||
`window_title` text CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NULL,
|
||||
`keyword` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
|
||||
`hit_count` bigint NULL DEFAULT 1,
|
||||
`last_seen_at` datetime(3) NULL DEFAULT NULL,
|
||||
`last_student_rk_id` bigint NULL DEFAULT NULL,
|
||||
`last_class_rk_id` bigint NULL DEFAULT NULL,
|
||||
PRIMARY KEY (`id`) USING BTREE,
|
||||
UNIQUE INDEX `idx_app_pool_process_key`(`process_key` ASC) USING BTREE
|
||||
) ENGINE = InnoDB AUTO_INCREMENT = 374 CHARACTER SET = utf8mb4 COLLATE = utf8mb4_unicode_ci ROW_FORMAT = Dynamic;
|
||||
|
||||
-- ----------------------------
|
||||
-- Records of app_pool
|
||||
-- ----------------------------
|
||||
INSERT INTO `app_pool` VALUES (1, '2026-07-01 08:14:10.265', '2026-07-13 09:21:02.887', 'Termius.exe', 'termius.exe', 'Termius - SFTP', 'termius', 8, '2026-07-13 09:21:02.886', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (2, '2026-07-01 08:14:12.673', '2026-07-13 10:04:15.216', 'parsecd.exe', 'parsecd.exe', 'Parsec', 'parsecd', 2, '2026-07-13 10:04:15.215', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (3, '2026-07-01 08:14:14.280', '2026-07-13 09:21:38.888', 'Lark.exe', 'lark.exe', 'Lark', 'lark', 627, '2026-07-13 09:21:38.888', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (4, '2026-07-01 08:36:14.169', '2026-07-10 09:40:29.649', 'POWERPNT.EXE', 'powerpnt.exe', 'PowerPoint', 'powerpnt', 17, '2026-07-10 09:40:29.648', 1718, 82);
|
||||
INSERT INTO `app_pool` VALUES (5, '2026-07-01 08:36:19.650', '2026-07-09 09:36:27.131', 'FoxitPDFReader.exe', 'foxitpdfreader.exe', 'Foxit PDF Reader', 'foxitpdfreader', 7, '2026-07-09 09:36:27.129', 1813, 82);
|
||||
INSERT INTO `app_pool` VALUES (6, '2026-07-01 08:36:22.154', '2026-07-13 10:14:51.742', 'Zalo.exe', 'zalo.exe', 'Zalo', 'zalo', 252, '2026-07-13 10:14:51.741', 1770, 82);
|
||||
INSERT INTO `app_pool` VALUES (7, '2026-07-01 08:36:53.186', '2026-07-13 08:49:31.545', 'chrome.exe', 'chrome.exe', 'Thẻ mới - Google Chrome', 'chrome', 207, '2026-07-13 08:49:31.544', 1340, 77);
|
||||
INSERT INTO `app_pool` VALUES (8, '2026-07-01 08:44:12.805', '2026-07-13 08:59:49.288', 'brave.exe', 'brave.exe', 'MinhMario/hackathon-api - Brave', 'brave', 90, '2026-07-13 08:59:49.287', 1523, 77);
|
||||
INSERT INTO `app_pool` VALUES (9, '2026-07-01 08:44:18.806', '2026-07-13 08:55:43.648', 'msedge.exe', 'msedge.exe', 'Rikkei Education - Personal - Microsoft Edge', 'msedge', 348, '2026-07-13 08:55:43.647', 1640, 77);
|
||||
INSERT INTO `app_pool` VALUES (10, '2026-07-01 08:47:54.552', '2026-07-01 08:47:54.552', 'olk.exe', 'olk.exe', 'Outlook', 'olk', 1, '2026-07-01 08:47:54.551', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (11, '2026-07-01 08:48:00.544', '2026-07-06 10:20:31.668', 'InetMgr.exe', 'inetmgr.exe', 'Internet Information Services (IIS) Manager', 'inetmgr', 3, '2026-07-06 10:20:31.665', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (12, '2026-07-01 08:52:40.955', '2026-07-10 14:23:15.698', 'UltraViewer_Desktop.exe', 'ultraviewer_desktop.exe', 'UltraViewer 6.6.124 - Free', 'ultraviewer_desktop', 23, '2026-07-10 14:23:15.697', 1568, 142);
|
||||
INSERT INTO `app_pool` VALUES (13, '2026-07-01 08:55:25.499', '2026-07-13 10:11:16.331', 'Discord.exe', 'discord.exe', 'Friends - Discord', 'discord', 48, '2026-07-13 10:11:16.331', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (14, '2026-07-01 09:07:16.934', '2026-07-01 09:07:16.934', 'partitionwizard.exe', 'partitionwizard.exe', 'MiniTool Partition Wizard Free 13.6', 'partitionwizard', 1, '2026-07-01 09:07:16.934', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (15, '2026-07-01 09:07:25.937', '2026-07-02 12:39:09.292', 'firefox.exe', 'firefox.exe', 'Google Drive – Cảnh báo quét vi rút — Hồ sơ 1 — Mozilla Firefox', 'firefox', 7, '2026-07-02 12:39:09.291', 173, 156);
|
||||
INSERT INTO `app_pool` VALUES (16, '2026-07-01 09:15:31.940', '2026-07-01 09:15:31.940', 'OpenKey64.exe', 'openkey64.exe', 'OpenKey 2.0.5 - Bộ gõ Tiếng Việt', 'openkey64', 1, '2026-07-01 09:15:31.938', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (17, '2026-07-01 10:15:39.138', '2026-07-01 10:15:39.138', 'Transporter', 'transporter', 'Transporter', 'transporter', 1, '2026-07-01 10:15:39.137', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (18, '2026-07-01 10:15:39.140', '2026-07-13 08:14:25.071', 'Safari', 'safari', 'Safari', 'safari', 36, '2026-07-13 08:14:25.070', 1608, 143);
|
||||
INSERT INTO `app_pool` VALUES (19, '2026-07-01 10:15:39.147', '2026-07-13 10:19:46.582', 'Zalo', 'zalo', 'Zalo', 'zalo', 40, '2026-07-13 10:19:46.581', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (20, '2026-07-01 10:15:39.152', '2026-07-13 09:21:51.901', 'Electron', 'electron', 'Electron', 'electron', 28, '2026-07-13 09:21:51.898', 1608, 143);
|
||||
INSERT INTO `app_pool` VALUES (21, '2026-07-01 10:15:53.650', '2026-07-10 07:03:12.128', 'parsecd', 'parsecd', 'parsecd', 'parsecd', 5, '2026-07-10 07:03:12.127', 1613, 74);
|
||||
INSERT INTO `app_pool` VALUES (22, '2026-07-01 10:16:38.620', '2026-07-01 10:16:38.620', 'GunnyChill', 'gunnychill', 'GunnyChill', 'gunnychill', 1, '2026-07-01 10:16:38.619', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (23, '2026-07-01 10:17:02.639', '2026-07-06 14:34:15.337', 'Photos', 'photos', 'Photos', 'photos', 3, '2026-07-06 14:34:15.336', 1333, 141);
|
||||
INSERT INTO `app_pool` VALUES (24, '2026-07-01 10:17:35.947', '2026-07-03 12:26:50.390', 'System Settings', 'system settings', 'System Settings', 'system settings', 27, '2026-07-03 12:26:50.389', 88, 156);
|
||||
INSERT INTO `app_pool` VALUES (25, '2026-07-01 12:21:08.207', '2026-07-01 12:21:08.207', 'App Store', 'app store', 'App Store', 'app store', 1, '2026-07-01 12:21:08.206', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (26, '2026-07-01 15:29:00.569', '2026-07-06 15:34:16.984', 'Slack', 'slack', 'Slack', 'slack', 3, '2026-07-06 15:34:16.982', 1661, 142);
|
||||
INSERT INTO `app_pool` VALUES (27, '2026-07-01 15:29:00.569', '2026-07-13 07:34:27.525', 'Lark', 'lark', 'Lark', 'lark', 40, '2026-07-13 07:34:27.523', 289, 42);
|
||||
INSERT INTO `app_pool` VALUES (28, '2026-07-01 15:29:00.604', '2026-07-01 15:29:00.604', 'Numbers', 'numbers', 'Numbers', 'numbers', 1, '2026-07-01 15:29:00.603', 1459, 143);
|
||||
INSERT INTO `app_pool` VALUES (29, '2026-07-01 15:29:00.608', '2026-07-01 15:29:00.608', 'Obsidian', 'obsidian', 'Obsidian', 'obsidian', 1, '2026-07-01 15:29:00.607', 1459, 143);
|
||||
INSERT INTO `app_pool` VALUES (30, '2026-07-01 15:29:00.611', '2026-07-13 09:17:30.680', 'TextEdit', 'textedit', 'TextEdit', 'textedit', 9, '2026-07-13 09:17:30.679', 644, 144);
|
||||
INSERT INTO `app_pool` VALUES (31, '2026-07-01 15:29:00.678', '2026-07-01 15:29:00.678', 'Termius', 'termius', 'Termius', 'termius', 1, '2026-07-01 15:29:00.677', 1459, 143);
|
||||
INSERT INTO `app_pool` VALUES (32, '2026-07-01 15:29:00.678', '2026-07-13 07:55:54.789', 'Notes', 'notes', 'Notes', 'notes', 26, '2026-07-13 07:55:54.788', 1675, 75);
|
||||
INSERT INTO `app_pool` VALUES (33, '2026-07-01 15:29:00.695', '2026-07-03 12:18:21.310', 'Postman', 'postman', 'Postman', 'postman', 5, '2026-07-03 12:18:21.309', 111, 49);
|
||||
INSERT INTO `app_pool` VALUES (34, '2026-07-01 15:29:37.629', '2026-07-13 07:03:58.538', 'Messages', 'messages', 'Messages', 'messages', 4, '2026-07-13 07:03:58.537', 626, 63);
|
||||
INSERT INTO `app_pool` VALUES (35, '2026-07-01 15:29:55.637', '2026-07-08 12:06:07.339', 'Microsoft Edge', 'microsoft edge', 'Microsoft Edge', 'microsoft edge', 5, '2026-07-08 12:06:07.339', 1661, 142);
|
||||
INSERT INTO `app_pool` VALUES (36, '2026-07-01 15:30:07.601', '2026-07-13 08:59:00.180', 'Music', 'music', 'Music', 'music', 17, '2026-07-13 08:59:00.179', 644, 144);
|
||||
INSERT INTO `app_pool` VALUES (37, '2026-07-01 16:13:03.116', '2026-07-03 14:58:13.456', 'ApplicationFrameHost.exe', 'applicationframehost.exe', 'Camera', 'applicationframehost', 421, '2026-07-03 14:58:13.455', 1326, 142);
|
||||
INSERT INTO `app_pool` VALUES (38, '2026-07-01 16:13:03.174', '2026-07-13 08:25:32.105', 'Notepad.exe', 'notepad.exe', 'venv.txt - Notepad', 'notepad', 155, '2026-07-13 08:25:32.105', 1437, 75);
|
||||
INSERT INTO `app_pool` VALUES (39, '2026-07-01 16:13:03.184', '2026-07-13 07:39:37.502', 'WINWORD.EXE', 'winword.exe', 'New Microsoft Word Document - Word', 'winword', 107, '2026-07-13 07:39:37.501', 642, 144);
|
||||
INSERT INTO `app_pool` VALUES (40, '2026-07-01 16:44:12.156', '2026-07-13 09:21:51.904', 'MySQLWorkbench', 'mysqlworkbench', 'MySQLWorkbench', 'mysqlworkbench', 11, '2026-07-13 09:21:51.903', 1608, 143);
|
||||
INSERT INTO `app_pool` VALUES (41, '2026-07-01 18:44:17.370', '2026-07-08 14:23:48.834', 'IDMan.exe', 'idman.exe', 'Internet Download Manager 6.43', 'idman', 11, '2026-07-08 14:23:48.833', 195, 49);
|
||||
INSERT INTO `app_pool` VALUES (42, '2026-07-01 20:50:16.973', '2026-07-13 09:18:08.284', 'browser.exe', 'browser.exe', 'Thẻ mới - Cốc Cốc', 'browser', 237, '2026-07-13 09:18:08.283', 1590, 144);
|
||||
INSERT INTO `app_pool` VALUES (43, '2026-07-01 20:52:00.153', '2026-07-13 07:28:48.124', 'opera.exe', 'opera.exe', '(4) WINDOW Hướng dẫn tải, cài đặt chi tiết - YouTube - Opera', 'opera', 79, '2026-07-13 07:28:48.123', 1402, 77);
|
||||
INSERT INTO `app_pool` VALUES (44, '2026-07-01 21:48:07.476', '2026-07-02 07:00:12.236', 'GoTiengViet', 'gotiengviet', 'GoTiengViet', 'gotiengviet', 2, '2026-07-02 07:00:12.235', 592, 63);
|
||||
INSERT INTO `app_pool` VALUES (45, '2026-07-02 07:00:06.796', '2026-07-03 16:16:29.069', 'WindowsTerminal.exe', 'windowsterminal.exe', 'C:\\WINDOWS\\system32\\cmd.exe', 'windowsterminal', 58, '2026-07-03 16:16:29.068', 1466, 142);
|
||||
INSERT INTO `app_pool` VALUES (46, '2026-07-02 07:00:06.797', '2026-07-03 15:55:07.518', 'Postman.exe', 'postman.exe', 'Postman', 'postman', 21, '2026-07-03 15:55:07.515', 276, 51);
|
||||
INSERT INTO `app_pool` VALUES (47, '2026-07-02 07:00:06.803', '2026-07-13 09:16:46.738', 'MySQLWorkbench.exe', 'mysqlworkbench.exe', 'MySQL Workbench', 'mysqlworkbench', 123, '2026-07-13 09:16:46.737', 1572, 144);
|
||||
INSERT INTO `app_pool` VALUES (48, '2026-07-02 07:00:06.804', '2026-07-02 07:00:06.804', 'Docker Desktop.exe', 'docker desktop.exe', 'Containers - Docker Desktop', 'docker desktop', 1, '2026-07-02 07:00:06.803', 613, 63);
|
||||
INSERT INTO `app_pool` VALUES (49, '2026-07-02 07:00:10.234', '2026-07-13 07:03:36.228', 'Activity Monitor', 'activity monitor', 'Activity Monitor', 'activity monitor', 9, '2026-07-13 07:03:36.227', 1675, 75);
|
||||
INSERT INTO `app_pool` VALUES (50, '2026-07-02 07:00:10.234', '2026-07-13 07:00:04.332', 'Passwords', 'passwords', 'Passwords', 'passwords', 2, '2026-07-13 07:00:04.331', 1608, 143);
|
||||
INSERT INTO `app_pool` VALUES (51, '2026-07-02 07:00:10.235', '2026-07-10 07:03:12.292', 'Microsoft Word', 'microsoft word', 'Microsoft Word', 'microsoft word', 17, '2026-07-10 07:03:12.291', 1613, 74);
|
||||
INSERT INTO `app_pool` VALUES (52, '2026-07-02 07:00:10.263', '2026-07-02 07:30:31.280', 'steam_osx', 'steam_osx', 'steam_osx', 'steam_osx', 2, '2026-07-02 07:30:31.279', 186, 51);
|
||||
INSERT INTO `app_pool` VALUES (53, '2026-07-02 07:00:10.264', '2026-07-02 07:02:39.978', 'TeamViewer', 'teamviewer', 'TeamViewer', 'teamviewer', 8, '2026-07-02 07:02:39.977', 1608, 143);
|
||||
INSERT INTO `app_pool` VALUES (54, '2026-07-02 07:00:10.265', '2026-07-13 07:03:36.223', 'Spotify', 'spotify', 'Spotify', 'spotify', 9, '2026-07-13 07:03:36.222', 1675, 75);
|
||||
INSERT INTO `app_pool` VALUES (55, '2026-07-02 07:00:10.630', '2026-07-13 07:27:45.144', 'Spotify.exe', 'spotify.exe', 'Spotify Premium', 'spotify', 41, '2026-07-13 07:27:45.143', 1302, 77);
|
||||
INSERT INTO `app_pool` VALUES (56, '2026-07-02 07:00:11.174', '2026-07-10 07:59:26.688', 'DCv2.exe', 'dcv2.exe', 'MSI Center', 'dcv2', 13, '2026-07-10 07:59:26.687', 174, 74);
|
||||
INSERT INTO `app_pool` VALUES (57, '2026-07-02 07:00:14.504', '2026-07-09 10:24:41.405', 'ChatGPT.exe', 'chatgpt.exe', 'ChatGPT', 'chatgpt', 20, '2026-07-09 10:24:41.404', 1770, 82);
|
||||
INSERT INTO `app_pool` VALUES (58, '2026-07-02 07:00:47.392', '2026-07-03 12:21:25.458', 'Codex.exe', 'codex.exe', 'Codex', 'codex', 6, '2026-07-03 12:21:25.457', 195, 49);
|
||||
INSERT INTO `app_pool` VALUES (59, '2026-07-02 07:01:27.352', '2026-07-02 07:02:12.353', 'RobloxPlayerBeta.exe', 'robloxplayerbeta.exe', 'Roblox', 'robloxplayerbeta', 2, '2026-07-02 07:02:12.352', 1448, 143);
|
||||
INSERT INTO `app_pool` VALUES (60, '2026-07-02 07:01:27.887', '2026-07-10 08:56:03.917', 'iPhone Mirroring', 'iphone mirroring', 'iPhone Mirroring', 'iphone mirroring', 13, '2026-07-10 08:56:03.916', 640, 63);
|
||||
INSERT INTO `app_pool` VALUES (61, '2026-07-02 07:02:00.560', '2026-07-09 13:38:35.910', 'WinRAR.exe', 'winrar.exe', 'document_management_api.zip (evaluation copy)', 'winrar', 51, '2026-07-09 13:38:35.909', 1648, 141);
|
||||
INSERT INTO `app_pool` VALUES (62, '2026-07-02 07:02:44.400', '2026-07-09 07:02:49.059', 'wallpaperui.exe', 'wallpaperui.exe', 'Wallpaper UI', 'wallpaperui', 4, '2026-07-09 07:02:49.058', 632, 63);
|
||||
INSERT INTO `app_pool` VALUES (63, '2026-07-02 07:02:45.356', '2026-07-02 07:02:45.356', 'ceregreset.exe', 'ceregreset.exe', 'Registry Reset', 'ceregreset', 1, '2026-07-02 07:02:45.355', 680, 63);
|
||||
INSERT INTO `app_pool` VALUES (64, '2026-07-02 07:02:49.036', '2026-07-02 07:02:49.036', 'TeamViewerUninstaller', 'teamvieweruninstaller', 'TeamViewerUninstaller', 'teamvieweruninstaller', 1, '2026-07-02 07:02:49.035', 1608, 143);
|
||||
INSERT INTO `app_pool` VALUES (65, '2026-07-02 07:04:09.708', '2026-07-13 07:00:04.315', 'DeskIn', 'deskin', 'DeskIn', 'deskin', 7, '2026-07-13 07:00:04.314', 1608, 143);
|
||||
INSERT INTO `app_pool` VALUES (66, '2026-07-02 07:04:29.663', '2026-07-10 14:26:48.669', 'Cloudflare WARP.exe', 'cloudflare warp.exe', 'Cloudflare WARP', 'cloudflare warp', 4, '2026-07-10 14:26:48.668', 1470, 141);
|
||||
INSERT INTO `app_pool` VALUES (67, '2026-07-02 07:04:51.359', '2026-07-10 08:09:48.695', 'laragon.exe', 'laragon.exe', 'laragon', 'laragon', 9, '2026-07-10 08:09:48.695', 622, 63);
|
||||
INSERT INTO `app_pool` VALUES (68, '2026-07-02 07:05:09.359', '2026-07-02 15:33:17.304', 'mmc.exe', 'mmc.exe', 'Device Manager', 'mmc', 5, '2026-07-02 15:33:17.303', 399, 49);
|
||||
INSERT INTO `app_pool` VALUES (69, '2026-07-02 07:05:48.385', '2026-07-13 08:00:41.496', 'egui.exe', 'egui.exe', 'Thông báo - ESET NOD32 Antivirus', 'egui', 6, '2026-07-13 08:00:41.495', 1459, 143);
|
||||
INSERT INTO `app_pool` VALUES (70, '2026-07-02 07:06:11.189', '2026-07-03 13:46:32.564', 'PhoneExperienceHost.exe', 'phoneexperiencehost.exe', 'Phone Link', 'phoneexperiencehost', 5, '2026-07-03 13:46:32.564', 1563, 78);
|
||||
INSERT INTO `app_pool` VALUES (71, '2026-07-02 07:06:29.321', '2026-07-13 07:48:09.800', 'Google Chrome', 'google chrome', 'Google Chrome', 'google chrome', 11, '2026-07-13 07:48:09.800', 1675, 75);
|
||||
INSERT INTO `app_pool` VALUES (72, '2026-07-02 07:07:03.991', '2026-07-02 07:07:03.991', 'GSAutoClicker.exe', 'gsautoclicker.exe', 'GS Auto Clicker 3.1.2', 'gsautoclicker', 1, '2026-07-02 07:07:03.990', 1627, 143);
|
||||
INSERT INTO `app_pool` VALUES (73, '2026-07-02 07:07:10.439', '2026-07-13 09:48:19.011', 'mscopilot.exe', 'mscopilot.exe', 'Copilot', 'mscopilot', 125, '2026-07-13 09:48:19.010', 1698, 82);
|
||||
INSERT INTO `app_pool` VALUES (74, '2026-07-02 07:07:30.197', '2026-07-13 07:46:26.758', 'LenovoVantage.exe', 'lenovovantage.exe', 'Lenovo Vantage', 'lenovovantage', 18, '2026-07-13 07:46:26.757', 1289, 75);
|
||||
INSERT INTO `app_pool` VALUES (75, '2026-07-02 07:08:48.042', '2026-07-09 14:06:03.752', 'claude.exe', 'claude.exe', 'Claude', 'claude', 10, '2026-07-09 14:06:03.750', 1476, 141);
|
||||
INSERT INTO `app_pool` VALUES (76, '2026-07-02 07:10:10.589', '2026-07-07 07:53:21.254', 'mc-web-view.exe', 'mc-web-view.exe', 'McAfee', 'mc-web-view', 6, '2026-07-07 07:53:21.253', 1781, 84);
|
||||
INSERT INTO `app_pool` VALUES (77, '2026-07-02 07:12:44.599', '2026-07-02 07:14:29.620', 'seccenter.exe', 'seccenter.exe', 'Manage exceptions', 'seccenter', 6, '2026-07-02 07:14:29.620', 179, 51);
|
||||
INSERT INTO `app_pool` VALUES (78, '2026-07-02 07:13:17.117', '2026-07-03 12:50:25.406', 'dwm.exe', 'dwm.exe', 'srs.docx - Word', 'dwm', 3, '2026-07-03 12:50:25.405', 195, 49);
|
||||
INSERT INTO `app_pool` VALUES (79, '2026-07-02 07:14:12.249', '2026-07-13 08:30:25.046', 'Photos.exe', 'photos.exe', '20260625-103229.png', 'photos', 42, '2026-07-13 08:30:25.044', 1587, 75);
|
||||
INSERT INTO `app_pool` VALUES (80, '2026-07-02 07:14:33.769', '2026-07-08 15:27:22.931', 'msiexec.exe', 'msiexec.exe', 'Node.js Setup', 'msiexec', 13, '2026-07-08 15:27:22.930', 150, 49);
|
||||
INSERT INTO `app_pool` VALUES (81, '2026-07-02 07:14:48.700', '2026-07-03 15:29:32.674', 'consent.exe', 'consent.exe', 'User Account Control', 'consent', 4, '2026-07-03 15:29:32.673', 190, 51);
|
||||
INSERT INTO `app_pool` VALUES (82, '2026-07-02 07:17:12.369', '2026-07-02 07:17:12.369', 'hola_cr.exe', 'hola_cr.exe', 'Hola App', 'hola_cr', 1, '2026-07-02 07:17:12.368', 1448, 143);
|
||||
INSERT INTO `app_pool` VALUES (83, '2026-07-02 07:19:43.065', '2026-07-03 15:42:19.033', 'mintty.exe', 'mintty.exe', 'MINGW64:/d/hocki02-cntt6/fast-api/demo ', 'mintty', 15, '2026-07-03 15:42:19.032', 1423, 142);
|
||||
INSERT INTO `app_pool` VALUES (84, '2026-07-02 07:21:09.312', '2026-07-02 07:21:09.312', 'LoadingBayInstaller.exe', 'loadingbayinstaller.exe', 'LoadingBayInstaller', 'loadingbayinstaller', 1, '2026-07-02 07:21:09.311', 1620, 143);
|
||||
INSERT INTO `app_pool` VALUES (85, '2026-07-02 07:21:20.052', '2026-07-03 13:35:45.349', 'df_garena_launcher.exe', 'df_garena_launcher.exe', 'Delta Force', 'df_garena_launcher', 3, '2026-07-03 13:35:45.349', 68, 49);
|
||||
INSERT INTO `app_pool` VALUES (86, '2026-07-02 07:25:56.720', '2026-07-07 14:24:40.498', 'devcpp.exe', 'devcpp.exe', 'Dev-C++', 'devcpp', 4, '2026-07-07 14:24:40.497', 1521, 72);
|
||||
INSERT INTO `app_pool` VALUES (87, '2026-07-02 07:29:12.983', '2026-07-02 15:00:13.603', 'CareCenter.exe', 'carecenter.exe', 'Care Center', 'carecenter', 2, '2026-07-02 15:00:13.602', 211, 49);
|
||||
INSERT INTO `app_pool` VALUES (88, '2026-07-02 07:32:19.647', '2026-07-13 09:00:05.197', 'SnippingTool.exe', 'snippingtool.exe', 'Snipping Tool', 'snippingtool', 35, '2026-07-13 09:00:05.196', 611, 144);
|
||||
INSERT INTO `app_pool` VALUES (89, '2026-07-02 07:48:18.980', '2026-07-06 12:28:09.797', 'Calendar', 'calendar', 'Calendar', 'calendar', 3, '2026-07-06 12:28:09.796', 1719, 83);
|
||||
INSERT INTO `app_pool` VALUES (90, '2026-07-02 08:06:53.669', '2026-07-03 16:00:18.038', 'CredentialUIBroker.exe', 'credentialuibroker.exe', 'Windows Security', 'credentialuibroker', 2, '2026-07-03 16:00:18.038', 1474, 142);
|
||||
INSERT INTO `app_pool` VALUES (91, '2026-07-02 08:11:32.691', '2026-07-03 16:08:41.213', 'PickerHost.exe', 'pickerhost.exe', 'Windows Security', 'pickerhost', 19, '2026-07-03 16:08:41.213', 1331, 142);
|
||||
INSERT INTO `app_pool` VALUES (92, '2026-07-02 08:22:03.384', '2026-07-09 07:00:07.509', 'NitroSense.exe', 'nitrosense.exe', 'NitroSense ', 'nitrosense', 16, '2026-07-09 07:00:07.508', 621, 63);
|
||||
INSERT INTO `app_pool` VALUES (93, '2026-07-02 08:26:43.400', '2026-07-06 15:01:53.107', 'photolaunch.exe', 'photolaunch.exe', 'back (0-00-00-00).png WPS Photos', 'photolaunch', 4, '2026-07-06 15:01:53.106', 1576, 141);
|
||||
INSERT INTO `app_pool` VALUES (94, '2026-07-02 08:39:29.967', '2026-07-03 13:52:16.884', 'SoftwareUpdate.exe', 'softwareupdate.exe', 'Cập nhật phần mềm Apple', 'softwareupdate', 2, '2026-07-03 13:52:16.883', 399, 49);
|
||||
INSERT INTO `app_pool` VALUES (95, '2026-07-02 08:50:36.663', '2026-07-13 08:12:33.216', 'EaseOfAccessDialog.exe', 'easeofaccessdialog.exe', 'Filter Keys', 'easeofaccessdialog', 10, '2026-07-13 08:12:33.215', 1525, 77);
|
||||
INSERT INTO `app_pool` VALUES (96, '2026-07-02 09:32:38.105', '2026-07-13 09:25:21.628', 'EXCEL.EXE', 'excel.exe', 'Template-Technical [Protected View] - Excel', 'excel', 24, '2026-07-13 09:25:21.627', 308, 156);
|
||||
INSERT INTO `app_pool` VALUES (97, '2026-07-02 09:32:54.385', '2026-07-02 16:34:51.878', 'OneDrive.exe', 'onedrive.exe', 'Microsoft OneDrive', 'onedrive', 4, '2026-07-02 16:34:51.877', 1737, 84);
|
||||
INSERT INTO `app_pool` VALUES (98, '2026-07-02 09:58:06.389', '2026-07-10 14:25:50.216', 'GetHelp.exe', 'gethelp.exe', 'Nhận Trợ giúp', 'gethelp', 5, '2026-07-10 14:25:50.216', 1598, 142);
|
||||
INSERT INTO `app_pool` VALUES (99, '2026-07-02 11:10:22.535', '2026-07-13 09:03:02.818', 'wps.exe', 'wps.exe', 'WPS Office', 'wps', 27, '2026-07-13 09:03:02.817', 617, 144);
|
||||
INSERT INTO `app_pool` VALUES (100, '2026-07-02 12:12:18.322', '2026-07-08 12:41:41.425', 'Dia', 'dia', 'Dia', 'dia', 35, '2026-07-08 12:41:41.424', 88, 156);
|
||||
INSERT INTO `app_pool` VALUES (101, '2026-07-02 12:12:47.084', '2026-07-09 12:10:12.278', 'zoom.us', 'zoom.us', 'zoom.us', 'zoom.us', 2, '2026-07-09 12:10:12.278', 303, 156);
|
||||
INSERT INTO `app_pool` VALUES (102, '2026-07-02 12:14:07.322', '2026-07-13 07:00:08.059', 'window_raia_c.exe', 'window_raia_c.exe', 'Raia Auth', 'window_raia_c', 14, '2026-07-13 07:00:08.059', 1334, 75);
|
||||
INSERT INTO `app_pool` VALUES (103, '2026-07-02 12:15:19.146', '2026-07-13 08:22:50.727', 'Brave Browser', 'brave browser', 'Brave Browser', 'brave browser', 8, '2026-07-13 08:22:50.726', 289, 42);
|
||||
INSERT INTO `app_pool` VALUES (104, '2026-07-02 12:17:51.501', '2026-07-10 14:26:47.817', 'bongo-cat.exe', 'bongo-cat.exe', 'BongoCat', 'bongo-cat', 8, '2026-07-10 14:26:47.816', 1406, 141);
|
||||
INSERT INTO `app_pool` VALUES (105, '2026-07-02 12:19:46.798', '2026-07-02 12:25:23.849', 'RvRvpnGui.exe', 'rvrvpngui.exe', 'Radmin VPN', 'rvrvpngui', 2, '2026-07-02 12:25:23.848', 209, 156);
|
||||
INSERT INTO `app_pool` VALUES (106, '2026-07-02 12:20:28.283', '2026-07-02 12:22:04.247', 'AvastBrowser.exe', 'avastbrowser.exe', 'Tab mới - Avast Secure Browser', 'avastbrowser', 2, '2026-07-02 12:22:04.246', 1648, 141);
|
||||
INSERT INTO `app_pool` VALUES (107, '2026-07-02 12:23:15.491', '2026-07-07 16:05:35.276', 'Notion.exe', 'notion.exe', 'Habit tracker ', 'notion', 7, '2026-07-07 16:05:35.275', 1576, 141);
|
||||
INSERT INTO `app_pool` VALUES (108, '2026-07-02 12:23:19.428', '2026-07-08 12:12:46.490', 'FxSound.exe', 'fxsound.exe', 'FxSound', 'fxsound', 6, '2026-07-08 12:12:46.489', 1432, 142);
|
||||
INSERT INTO `app_pool` VALUES (109, '2026-07-02 12:23:26.936', '2026-07-02 13:46:42.272', 'Obsidian.exe', 'obsidian.exe', 'Xem biểu đồ - Obsidian Vault - Obsidian 1.12.7', 'obsidian', 10, '2026-07-02 13:46:42.271', 1414, 141);
|
||||
INSERT INTO `app_pool` VALUES (110, '2026-07-02 12:23:45.465', '2026-07-08 14:54:18.853', 'app_mode_loader', 'app_mode_loader', 'app_mode_loader', 'app_mode_loader', 6, '2026-07-08 14:54:18.852', 1705, 83);
|
||||
INSERT INTO `app_pool` VALUES (111, '2026-07-02 12:29:34.095', '2026-07-02 12:29:34.095', 'Attack Shark Driver.exe', 'attack shark driver.exe', 'Quantum Mechanical Kit', 'attack shark driver', 1, '2026-07-02 12:29:34.094', 273, 156);
|
||||
INSERT INTO `app_pool` VALUES (112, '2026-07-02 12:30:09.476', '2026-07-03 14:16:55.336', 'wscript.exe', 'wscript.exe', 'Windows Script Host', 'wscript', 3, '2026-07-03 14:16:55.336', 1337, 81);
|
||||
INSERT INTO `app_pool` VALUES (113, '2026-07-02 12:30:32.139', '2026-07-08 13:58:31.681', 'citra-qt.exe', 'citra-qt.exe', 'Citra Nightly 2104', 'citra-qt', 4, '2026-07-08 13:58:31.680', 194, 156);
|
||||
INSERT INTO `app_pool` VALUES (114, '2026-07-02 12:32:07.676', '2026-07-13 07:49:09.781', 'Preview', 'preview', 'Preview', 'preview', 13, '2026-07-13 07:49:09.780', 1675, 75);
|
||||
INSERT INTO `app_pool` VALUES (115, '2026-07-02 12:32:35.230', '2026-07-03 12:31:01.545', 'Update.exe', 'update.exe', 'Installing...', 'update', 2, '2026-07-03 12:31:01.543', 239, 156);
|
||||
INSERT INTO `app_pool` VALUES (116, '2026-07-02 12:32:51.458', '2026-07-02 12:32:51.458', 'ClipOne', 'clipone', 'ClipOne', 'clipone', 1, '2026-07-02 12:32:51.457', 1488, 142);
|
||||
INSERT INTO `app_pool` VALUES (117, '2026-07-02 12:33:27.422', '2026-07-08 07:00:44.301', 'Xmind.exe', 'xmind.exe', 'Xmind', 'xmind', 12, '2026-07-08 07:00:44.300', 1330, 75);
|
||||
INSERT INTO `app_pool` VALUES (118, '2026-07-02 12:33:50.227', '2026-07-03 13:00:21.529', 'Claude Setup.exe', 'claude setup.exe', 'Claude Setup', 'claude setup', 3, '2026-07-03 13:00:21.528', 244, 156);
|
||||
INSERT INTO `app_pool` VALUES (119, '2026-07-02 12:35:50.441', '2026-07-02 15:19:55.467', 'steam.exe', 'steam.exe', 'Steam', 'steam', 3, '2026-07-02 15:19:55.466', 119, 49);
|
||||
INSERT INTO `app_pool` VALUES (120, '2026-07-02 12:36:05.531', '2026-07-02 12:36:05.531', 'lghub.exe', 'lghub.exe', 'G HUB', 'lghub', 1, '2026-07-02 12:36:05.530', 267, 156);
|
||||
INSERT INTO `app_pool` VALUES (121, '2026-07-02 12:36:23.215', '2026-07-02 14:37:18.592', 'UniKeyNT.exe', 'unikeynt.exe', 'Warning', 'unikeynt', 7, '2026-07-02 14:37:18.592', 167, 49);
|
||||
INSERT INTO `app_pool` VALUES (122, '2026-07-02 12:41:38.898', '2026-07-13 07:24:03.362', 'AsusMyASUS.exe', 'asusmyasus.exe', 'MyASUS', 'asusmyasus', 8, '2026-07-13 07:24:03.362', 1781, 84);
|
||||
INSERT INTO `app_pool` VALUES (123, '2026-07-02 12:41:41.896', '2026-07-08 15:33:36.817', 'GHelper.exe', 'ghelper.exe', 'G-Helper — ROG Zephyrus G14 GA403UM', 'ghelper', 5, '2026-07-08 15:33:36.816', 1489, 141);
|
||||
INSERT INTO `app_pool` VALUES (124, '2026-07-02 12:42:17.491', '2026-07-02 12:42:17.491', 'Lenovo Smart Meeting.exe', 'lenovo smart meeting.exe', 'Lenovo Smart Meeting', 'lenovo smart meeting', 1, '2026-07-02 12:42:17.490', 1529, 142);
|
||||
INSERT INTO `app_pool` VALUES (125, '2026-07-02 12:44:05.888', '2026-07-09 08:32:17.255', 'PowerToys.Peek.UI.exe', 'powertoys.peek.ui.exe', 'Peek', 'powertoys.peek.ui', 2, '2026-07-09 08:32:17.254', 595, 63);
|
||||
INSERT INTO `app_pool` VALUES (126, '2026-07-02 12:44:31.148', '2026-07-03 13:14:49.507', 'Obsidian-1.12.7.exe', 'obsidian-1.12.7.exe', 'Obsidian Setup ', 'obsidian-1.12.7', 6, '2026-07-03 13:14:49.506', 202, 49);
|
||||
INSERT INTO `app_pool` VALUES (127, '2026-07-02 12:48:03.446', '2026-07-09 08:46:22.494', 'NVIDIA App.exe', 'nvidia app.exe', 'NVIDIA', 'nvidia app', 2, '2026-07-09 08:46:22.494', 642, 144);
|
||||
INSERT INTO `app_pool` VALUES (128, '2026-07-02 12:56:28.881', '2026-07-13 07:39:00.729', 'VoiceAccess.exe', 'voiceaccess.exe', 'Voice access', 'voiceaccess', 6, '2026-07-13 07:39:00.728', 639, 63);
|
||||
INSERT INTO `app_pool` VALUES (129, '2026-07-02 12:56:37.848', '2026-07-06 10:46:09.052', 'rundll32.exe', 'rundll32.exe', 'Windows Security Alert', 'rundll32', 6, '2026-07-06 10:46:09.051', 308, 156);
|
||||
INSERT INTO `app_pool` VALUES (130, '2026-07-02 13:11:11.616', '2026-07-02 13:11:35.582', 'kitty', 'kitty', 'kitty', 'kitty', 2, '2026-07-02 13:11:35.580', 1492, 141);
|
||||
INSERT INTO `app_pool` VALUES (131, '2026-07-02 13:13:20.422', '2026-07-13 09:10:04.337', 'Garena.exe', 'garena.exe', 'Garena - Trò chơi', 'garena', 23, '2026-07-13 09:10:04.330', 1779, 82);
|
||||
INSERT INTO `app_pool` VALUES (132, '2026-07-02 13:16:44.576', '2026-07-13 07:34:27.451', 'raiav3', 'raiav3', 'raiav3', 'raiav3', 4, '2026-07-13 07:34:27.451', 289, 42);
|
||||
INSERT INTO `app_pool` VALUES (133, '2026-07-02 13:17:51.172', '2026-07-02 13:17:51.172', 'python-3.12.10-amd64.exe', 'python-3.12.10-amd64.exe', 'Python 3.12.10 (64-bit) Setup', 'python-3.12.10-amd64', 1, '2026-07-02 13:17:51.172', 1424, 141);
|
||||
INSERT INTO `app_pool` VALUES (134, '2026-07-02 13:17:51.581', '2026-07-02 13:17:51.581', 'WordNest.exe', 'wordnest.exe', 'WordNest – Học Tiếng Anh', 'wordnest', 1, '2026-07-02 13:17:51.581', 1455, 141);
|
||||
INSERT INTO `app_pool` VALUES (135, '2026-07-02 13:21:39.421', '2026-07-07 09:55:02.713', 'updatechecker.exe', 'updatechecker.exe', 'MiniTool Partition Wizard', 'updatechecker', 3, '2026-07-07 09:55:02.712', 1759, 82);
|
||||
INSERT INTO `app_pool` VALUES (136, '2026-07-02 13:25:19.865', '2026-07-02 13:25:19.865', 'FoxitPhantomPDF.exe', 'foxitphantompdf.exe', 'Foxit PhantomPDF', 'foxitphantompdf', 1, '2026-07-02 13:25:19.864', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (137, '2026-07-02 13:25:21.474', '2026-07-07 15:38:04.503', 'Weather', 'weather', 'Weather', 'weather', 4, '2026-07-07 15:38:04.502', 1333, 141);
|
||||
INSERT INTO `app_pool` VALUES (138, '2026-07-02 13:25:22.866', '2026-07-02 13:25:22.866', 'memreduct.exe', 'memreduct.exe', 'Mem Reduct', 'memreduct', 1, '2026-07-02 13:25:22.866', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (139, '2026-07-02 13:27:40.007', '2026-07-13 07:35:54.657', 'gnome-clocks', 'gnome-clocks', 'gnome-clocks', 'gnome-clocks', 2, '2026-07-13 07:35:54.656', 1655, 143);
|
||||
INSERT INTO `app_pool` VALUES (140, '2026-07-02 13:27:40.009', '2026-07-02 13:27:40.009', 'Socket Process', 'socket process', 'Socket Process', 'socket process', 1, '2026-07-02 13:27:40.008', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (141, '2026-07-02 13:27:40.012', '2026-07-02 13:27:40.012', 'Privileged Cont', 'privileged cont', 'Privileged Cont', 'privileged cont', 1, '2026-07-02 13:27:40.011', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (142, '2026-07-02 13:27:40.012', '2026-07-13 07:37:03.669', 'nautilus', 'nautilus', 'nautilus', 'nautilus', 12, '2026-07-13 07:37:03.668', 1655, 143);
|
||||
INSERT INTO `app_pool` VALUES (143, '2026-07-02 13:27:40.012', '2026-07-02 13:27:40.012', 'Isolated Web Co', 'isolated web co', 'Isolated Web Co', 'isolated web co', 1, '2026-07-02 13:27:40.011', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (144, '2026-07-02 13:27:40.013', '2026-07-13 07:06:00.589', 'update-notifier', 'update-notifier', 'update-notifier', 'update-notifier', 7, '2026-07-13 07:06:00.588', 1655, 143);
|
||||
INSERT INTO `app_pool` VALUES (145, '2026-07-02 13:27:40.068', '2026-07-02 13:27:40.068', 'Web Content', 'web content', 'Web Content', 'web content', 1, '2026-07-02 13:27:40.067', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (146, '2026-07-02 13:27:40.067', '2026-07-02 13:27:40.067', 'forkserver', 'forkserver', 'forkserver', 'forkserver', 1, '2026-07-02 13:27:40.066', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (147, '2026-07-02 13:27:40.068', '2026-07-02 13:27:40.068', 'glycin-svg', 'glycin-svg', 'glycin-svg', 'glycin-svg', 1, '2026-07-02 13:27:40.068', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (148, '2026-07-02 13:27:40.068', '2026-07-13 07:35:54.655', 'gnome-control-c', 'gnome-control-c', 'gnome-control-c', 'gnome-control-c', 2, '2026-07-13 07:35:54.655', 1655, 143);
|
||||
INSERT INTO `app_pool` VALUES (149, '2026-07-02 13:27:40.069', '2026-07-02 13:27:40.069', 'WebKitNetworkPr', 'webkitnetworkpr', 'WebKitNetworkPr', 'webkitnetworkpr', 1, '2026-07-02 13:27:40.069', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (150, '2026-07-02 13:27:40.070', '2026-07-02 13:27:40.070', 'WebKitWebProces', 'webkitwebproces', 'WebKitWebProces', 'webkitwebproces', 1, '2026-07-02 13:27:40.069', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (151, '2026-07-02 13:27:40.098', '2026-07-02 13:27:40.098', 'Utility Process', 'utility process', 'Utility Process', 'utility process', 1, '2026-07-02 13:27:40.097', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (152, '2026-07-02 13:27:40.098', '2026-07-02 13:27:40.098', 'firefox', 'firefox', 'firefox', 'firefox', 1, '2026-07-02 13:27:40.097', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (153, '2026-07-02 13:27:40.112', '2026-07-02 13:27:40.112', 'WebExtensions', 'webextensions', 'WebExtensions', 'webextensions', 1, '2026-07-02 13:27:40.111', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (154, '2026-07-02 13:27:40.116', '2026-07-02 13:27:40.116', 'RDD Process', 'rdd process', 'RDD Process', 'rdd process', 1, '2026-07-02 13:27:40.116', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (155, '2026-07-02 13:27:42.965', '2026-07-02 13:27:42.965', 'zenity', 'zenity', 'zenity', 'zenity', 1, '2026-07-02 13:27:42.964', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (156, '2026-07-02 13:31:27.560', '2026-07-13 07:35:54.663', 'gnome-calculato', 'gnome-calculato', 'gnome-calculato', 'gnome-calculato', 2, '2026-07-13 07:35:54.662', 1655, 143);
|
||||
INSERT INTO `app_pool` VALUES (157, '2026-07-02 13:31:36.551', '2026-07-02 13:31:36.551', 'snap-store', 'snap-store', 'snap-store', 'snap-store', 1, '2026-07-02 13:31:36.550', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (158, '2026-07-02 13:45:54.719', '2026-07-03 14:58:12.314', 'UTM', 'utm', 'UTM', 'utm', 2, '2026-07-03 14:58:12.313', 1488, 142);
|
||||
INSERT INTO `app_pool` VALUES (159, '2026-07-02 14:00:59.480', '2026-07-02 14:00:59.480', 'Magnify.exe', 'magnify.exe', 'Magnifier', 'magnify', 1, '2026-07-02 14:00:59.479', 1472, 141);
|
||||
INSERT INTO `app_pool` VALUES (160, '2026-07-02 14:00:59.484', '2026-07-02 14:00:59.484', 'ShellHost.exe', 'shellhost.exe', 'Magnifier updates', 'shellhost', 1, '2026-07-02 14:00:59.484', 1472, 141);
|
||||
INSERT INTO `app_pool` VALUES (161, '2026-07-02 14:27:09.431', '2026-07-02 14:27:09.431', 'UniKey.exe', 'unikey.exe', 'Warning', 'unikey', 1, '2026-07-02 14:27:09.430', 106, 49);
|
||||
INSERT INTO `app_pool` VALUES (162, '2026-07-02 14:28:06.922', '2026-07-02 15:28:14.861', 'osk.exe', 'osk.exe', 'On-Screen Keyboard', 'osk', 5, '2026-07-02 15:28:14.860', 1521, 72);
|
||||
INSERT INTO `app_pool` VALUES (163, '2026-07-02 14:31:03.603', '2026-07-02 14:31:03.603', 'BCUninstaller.exe', 'bcuninstaller.exe', 'Bulk Crap Uninstaller v6.1 x64', 'bcuninstaller', 1, '2026-07-02 14:31:03.602', 167, 49);
|
||||
INSERT INTO `app_pool` VALUES (164, '2026-07-02 14:31:15.059', '2026-07-10 08:01:35.619', 'javaw.exe', 'javaw.exe', 'TLauncher', 'javaw', 4, '2026-07-10 08:01:35.618', 1681, 74);
|
||||
INSERT INTO `app_pool` VALUES (165, '2026-07-02 14:32:02.171', '2026-07-07 14:23:04.390', 'Zoom.exe', 'zoom.exe', 'Zoom Workplace', 'zoom', 5, '2026-07-07 14:23:04.390', 1422, 72);
|
||||
INSERT INTO `app_pool` VALUES (166, '2026-07-02 14:32:31.635', '2026-07-06 12:17:56.118', 'netbeans64.exe', 'netbeans64.exe', 'Error', 'netbeans64', 3, '2026-07-06 12:17:56.117', 314, 49);
|
||||
INSERT INTO `app_pool` VALUES (167, '2026-07-02 14:43:47.299', '2026-07-02 14:43:47.299', 'Unknown', 'unknown', 'Welcome - Visual Studio Code', 'unknown', 1, '2026-07-02 14:43:47.298', 282, 49);
|
||||
INSERT INTO `app_pool` VALUES (168, '2026-07-02 14:51:18.381', '2026-07-09 08:43:00.944', 'FoxitReader.exe', 'foxitreader.exe', 'Foxit Reader', 'foxitreader', 4, '2026-07-09 08:43:00.943', 599, 144);
|
||||
INSERT INTO `app_pool` VALUES (169, '2026-07-02 14:53:47.294', '2026-07-08 14:36:24.571', 'wordpad.exe', 'wordpad.exe', 'prompy.txt - WordPad', 'wordpad', 2, '2026-07-08 14:36:24.571', 195, 49);
|
||||
INSERT INTO `app_pool` VALUES (170, '2026-07-02 14:57:17.928', '2026-07-07 14:00:41.333', 'Legion Arena.exe', 'legion arena.exe', 'Legion Arena', 'legion arena', 4, '2026-07-07 14:00:41.332', 117, 49);
|
||||
INSERT INTO `app_pool` VALUES (171, '2026-07-02 15:01:33.978', '2026-07-03 13:38:41.706', 'inno_updater.exe', 'inno_updater.exe', 'Visual Studio Code', 'inno_updater', 3, '2026-07-03 13:38:41.706', 170, 49);
|
||||
INSERT INTO `app_pool` VALUES (172, '2026-07-02 15:06:31.577', '2026-07-03 12:31:11.604', 'pgAdmin4.exe', 'pgadmin4.exe', 'pgadmin4', 'pgadmin4', 3, '2026-07-03 12:31:11.604', 216, 49);
|
||||
INSERT INTO `app_pool` VALUES (173, '2026-07-02 15:06:32.130', '2026-07-08 15:08:49.718', 'draw.io.exe', 'draw.io.exe', 'Flowchart Maker & Online Diagram Software', 'draw.io', 7, '2026-07-08 15:08:49.718', 117, 49);
|
||||
INSERT INTO `app_pool` VALUES (174, '2026-07-02 15:09:03.138', '2026-07-13 09:58:21.746', 'mspaint.exe', 'mspaint.exe', 'Untitled - Paint', 'mspaint', 7, '2026-07-13 09:58:21.745', 1718, 82);
|
||||
INSERT INTO `app_pool` VALUES (175, '2026-07-02 15:09:16.128', '2026-07-02 15:09:16.128', 'OemDrv.exe', 'oemdrv.exe', 'AULA F87 PRO', 'oemdrv', 1, '2026-07-02 15:09:16.127', 172, 49);
|
||||
INSERT INTO `app_pool` VALUES (176, '2026-07-02 15:13:07.671', '2026-07-02 15:13:07.671', 'navicat.exe', 'navicat.exe', 'allowed_email_domains @raia_v3_db (RAIA_V3) - Table - Navicat Premium', 'navicat', 1, '2026-07-02 15:13:07.670', 596, 63);
|
||||
INSERT INTO `app_pool` VALUES (177, '2026-07-02 15:13:07.704', '2026-07-09 14:50:52.629', 'DeskIn.exe', 'deskin.exe', 'DeskIn', 'deskin', 3, '2026-07-09 14:50:52.628', 1706, 83);
|
||||
INSERT INTO `app_pool` VALUES (178, '2026-07-02 15:50:52.211', '2026-07-02 15:50:52.211', 'gnome-text-edit', 'gnome-text-edit', 'gnome-text-edit', 'gnome-text-edit', 1, '2026-07-02 15:50:52.210', 1655, 143);
|
||||
INSERT INTO `app_pool` VALUES (179, '2026-07-02 15:51:13.208', '2026-07-13 07:39:12.597', 'localsearch-ext', 'localsearch-ext', 'localsearch-ext', 'localsearch-ext', 20, '2026-07-13 07:39:12.596', 1655, 143);
|
||||
INSERT INTO `app_pool` VALUES (180, '2026-07-02 15:52:15.689', '2026-07-08 08:14:36.188', 'Calculator', 'calculator', 'Calculator', 'calculator', 4, '2026-07-08 08:14:36.187', 1717, 84);
|
||||
INSERT INTO `app_pool` VALUES (181, '2026-07-02 15:53:12.243', '2026-07-02 15:53:12.243', '7zG.exe', '7zg.exe', 'Add to Archive', '7zg', 1, '2026-07-02 15:53:12.243', 159, 49);
|
||||
INSERT INTO `app_pool` VALUES (182, '2026-07-02 16:55:39.805', '2026-07-06 12:22:32.690', 'BingWallpaper.exe', 'bingwallpaper.exe', 'Bing Wallpaper', 'bingwallpaper', 2, '2026-07-06 12:22:32.689', 1592, 74);
|
||||
INSERT INTO `app_pool` VALUES (183, '2026-07-02 18:10:06.031', '2026-07-02 18:10:06.031', 'GitHubDesktop.exe', 'githubdesktop.exe', 'GitHub Desktop', 'githubdesktop', 1, '2026-07-02 18:10:06.030', 1525, 77);
|
||||
INSERT INTO `app_pool` VALUES (184, '2026-07-03 09:14:36.166', '2026-07-07 09:10:05.128', 'Canva.exe', 'canva.exe', 'Canva', 'canva', 3, '2026-07-07 09:10:05.127', 1698, 82);
|
||||
INSERT INTO `app_pool` VALUES (185, '2026-07-03 09:49:42.194', '2026-07-03 09:49:42.194', 'Deplao.exe', 'deplao.exe', 'Deplao', 'deplao', 1, '2026-07-03 09:49:42.193', 1759, 82);
|
||||
INSERT INTO `app_pool` VALUES (186, '2026-07-03 12:18:19.341', '2026-07-03 12:18:19.341', 'Codex Installer.exe', 'codex installer.exe', 'Microsoft Store', 'codex installer', 1, '2026-07-03 12:18:19.341', 195, 49);
|
||||
INSERT INTO `app_pool` VALUES (187, '2026-07-03 12:18:50.670', '2026-07-03 12:18:50.670', 'ATK HUB.exe', 'atk hub.exe', 'ATK HUB', 'atk hub', 1, '2026-07-03 12:18:50.669', 92, 156);
|
||||
INSERT INTO `app_pool` VALUES (188, '2026-07-03 12:20:20.891', '2026-07-03 12:20:20.891', 'com.apple.WebKit.Networking', 'com.apple.webkit.networking', 'com.apple.WebKit.Networking', 'com.apple.webkit.networking', 1, '2026-07-03 12:20:20.890', 254, 156);
|
||||
INSERT INTO `app_pool` VALUES (189, '2026-07-03 12:20:34.544', '2026-07-03 12:20:34.544', 'CMediaAudioControlPanel.exe', 'cmediaaudiocontrolpanel.exe', 'C-Media Audio Control Panel', 'cmediaaudiocontrolpanel', 1, '2026-07-03 12:20:34.544', 1337, 81);
|
||||
INSERT INTO `app_pool` VALUES (190, '2026-07-03 12:28:52.528', '2026-07-10 08:49:51.244', 'Lively.UI.WinUI.exe', 'lively.ui.winui.exe', 'Lively Wallpaper', 'lively.ui.winui', 7, '2026-07-10 08:49:51.242', 1391, 74);
|
||||
INSERT INTO `app_pool` VALUES (191, '2026-07-03 12:32:45.872', '2026-07-03 12:32:45.872', 'ChatGPT Installer.exe', 'chatgpt installer.exe', 'Microsoft Store', 'chatgpt installer', 1, '2026-07-03 12:32:45.871', 226, 156);
|
||||
INSERT INTO `app_pool` VALUES (192, '2026-07-03 12:35:42.121', '2026-07-03 14:21:26.749', 'fcitx5', 'fcitx5', 'fcitx5', 'fcitx5', 4, '2026-07-03 14:21:26.749', 1624, 80);
|
||||
INSERT INTO `app_pool` VALUES (193, '2026-07-03 12:35:42.122', '2026-07-03 14:21:26.824', 'kdeconnectd', 'kdeconnectd', 'kdeconnectd', 'kdeconnectd', 4, '2026-07-03 14:21:26.823', 1624, 80);
|
||||
INSERT INTO `app_pool` VALUES (194, '2026-07-03 12:35:42.151', '2026-07-03 14:21:26.744', 'wl-paste', 'wl-paste', 'wl-paste', 'wl-paste', 4, '2026-07-03 14:21:26.743', 1624, 80);
|
||||
INSERT INTO `app_pool` VALUES (195, '2026-07-03 12:35:42.158', '2026-07-03 14:21:26.810', 'wl-copy', 'wl-copy', 'wl-copy', 'wl-copy', 3, '2026-07-03 14:21:26.809', 1624, 80);
|
||||
INSERT INTO `app_pool` VALUES (196, '2026-07-03 12:35:42.164', '2026-07-03 14:21:26.745', 'Hyprland', 'hyprland', 'Hyprland', 'hyprland', 5, '2026-07-03 14:21:26.744', 1624, 80);
|
||||
INSERT INTO `app_pool` VALUES (197, '2026-07-03 12:35:42.183', '2026-07-06 14:20:03.533', 'python3', 'python3', 'python3', 'python3', 5, '2026-07-06 14:20:03.532', 1624, 141);
|
||||
INSERT INTO `app_pool` VALUES (198, '2026-07-03 12:35:42.184', '2026-07-03 14:21:26.819', 'blueman-tray', 'blueman-tray', 'blueman-tray', 'blueman-tray', 3, '2026-07-03 14:21:26.819', 1624, 80);
|
||||
INSERT INTO `app_pool` VALUES (199, '2026-07-03 12:35:42.187', '2026-07-03 14:21:26.798', 'nm-applet', 'nm-applet', 'nm-applet', 'nm-applet', 4, '2026-07-03 14:21:26.798', 1624, 80);
|
||||
INSERT INTO `app_pool` VALUES (200, '2026-07-03 12:35:42.188', '2026-07-03 14:21:26.788', 'blueman-applet', 'blueman-applet', 'blueman-applet', 'blueman-applet', 4, '2026-07-03 14:21:26.787', 1624, 80);
|
||||
INSERT INTO `app_pool` VALUES (201, '2026-07-03 12:35:42.205', '2026-07-03 14:21:26.812', 'swaync', 'swaync', 'swaync', 'swaync', 4, '2026-07-03 14:21:26.811', 1624, 80);
|
||||
INSERT INTO `app_pool` VALUES (202, '2026-07-03 12:35:42.208', '2026-07-03 14:21:26.815', 'waybar', 'waybar', 'waybar', 'waybar', 5, '2026-07-03 14:21:26.814', 1624, 80);
|
||||
INSERT INTO `app_pool` VALUES (203, '2026-07-03 12:38:37.501', '2026-07-03 12:38:37.501', 'brave', 'brave', 'brave', 'brave', 1, '2026-07-03 12:38:37.500', 1624, 80);
|
||||
INSERT INTO `app_pool` VALUES (204, '2026-07-03 12:38:56.236', '2026-07-03 12:38:56.236', 'rofi', 'rofi', 'rofi', 'rofi', 1, '2026-07-03 12:38:56.235', 1624, 80);
|
||||
INSERT INTO `app_pool` VALUES (205, '2026-07-03 12:39:47.139', '2026-07-08 12:14:53.324', 'updater.exe', 'updater.exe', 'Trình cài đặt Google Chrome', 'updater', 4, '2026-07-08 12:14:53.324', 1432, 142);
|
||||
INSERT INTO `app_pool` VALUES (206, '2026-07-03 12:46:21.363', '2026-07-06 12:12:58.461', 'WeekToDo.exe', 'weektodo.exe', 'WeekToDo Planner', 'weektodo', 2, '2026-07-06 12:12:58.460', 106, 49);
|
||||
INSERT INTO `app_pool` VALUES (207, '2026-07-03 13:06:57.955', '2026-07-03 13:06:57.955', 'android-studio-quail1-patch2-windows.exe', 'android-studio-quail1-patch2-windows.exe', 'verifying installer: 67%', 'android-studio-quail1-patch2-windows', 1, '2026-07-03 13:06:57.954', 250, 156);
|
||||
INSERT INTO `app_pool` VALUES (208, '2026-07-03 13:11:41.447', '2026-07-08 12:37:31.068', 'DevinUserSetup-x64-3.3.18.tmp', 'devinusersetup-x64-3.3.18.tmp', 'Select Setup Language', 'devinusersetup-x64-3.3.18.tmp', 2, '2026-07-08 12:37:31.067', 285, 156);
|
||||
INSERT INTO `app_pool` VALUES (209, '2026-07-03 13:19:15.809', '2026-07-09 07:04:24.345', 'jucheck.exe', 'jucheck.exe', 'Java Update - Update Available', 'jucheck', 3, '2026-07-09 07:04:24.344', 692, 144);
|
||||
INSERT INTO `app_pool` VALUES (210, '2026-07-03 13:36:33.038', '2026-07-03 15:54:31.884', 'git-credential-manager.exe', 'git-credential-manager.exe', 'Connect to GitHub', 'git-credential-manager', 6, '2026-07-03 15:54:31.883', 164, 51);
|
||||
INSERT INTO `app_pool` VALUES (211, '2026-07-03 14:00:25.744', '2026-07-03 14:00:25.744', 'AutoClicker.exe', 'autoclicker.exe', 'OP Auto Clicker 4.0', 'autoclicker', 1, '2026-07-03 14:00:25.743', 202, 49);
|
||||
INSERT INTO `app_pool` VALUES (212, '2026-07-03 14:26:42.151', '2026-07-03 15:07:29.779', 'RadeonSoftware.exe', 'radeonsoftware.exe', 'AMD Software: Adrenalin Edition', 'radeonsoftware', 2, '2026-07-03 15:07:29.778', 1643, 142);
|
||||
INSERT INTO `app_pool` VALUES (213, '2026-07-03 14:58:08.785', '2026-07-03 14:59:53.780', 'AvastUI.exe', 'avastui.exe', 'Avast Free Antivirus', 'avastui', 6, '2026-07-03 14:59:53.779', 1474, 142);
|
||||
INSERT INTO `app_pool` VALUES (214, '2026-07-03 14:58:12.315', '2026-07-03 14:58:12.315', 'CrystalFetch', 'crystalfetch', 'CrystalFetch', 'crystalfetch', 1, '2026-07-03 14:58:12.314', 1488, 142);
|
||||
INSERT INTO `app_pool` VALUES (215, '2026-07-03 15:28:01.241', '2026-07-09 14:42:21.559', 'ZaloCall.exe', 'zalocall.exe', 'ZaloCall', 'zalocall', 3, '2026-07-09 14:42:21.558', 1618, 72);
|
||||
INSERT INTO `app_pool` VALUES (216, '2026-07-03 15:28:48.196', '2026-07-09 08:58:43.987', 'Kiro.exe', 'kiro.exe', 'workspace.json - Kiro', 'kiro', 3, '2026-07-09 08:58:43.986', 1565, 144);
|
||||
INSERT INTO `app_pool` VALUES (217, '2026-07-03 15:40:10.008', '2026-07-03 15:40:10.008', 'calibre.exe', 'calibre.exe', 'calibre — || Thư viện Calibre ||', 'calibre', 1, '2026-07-03 15:40:10.007', 84, 51);
|
||||
INSERT INTO `app_pool` VALUES (218, '2026-07-03 15:40:34.275', '2026-07-03 15:40:34.275', 'ebook-viewer.exe', 'ebook-viewer.exe', 'SRS [MD] — E-book viewer', 'ebook-viewer', 1, '2026-07-03 15:40:34.272', 84, 51);
|
||||
INSERT INTO `app_pool` VALUES (219, '2026-07-03 15:53:05.839', '2026-07-03 15:53:50.836', 'python.exe', 'python.exe', 'Tùy biến Entry - Duy', 'python', 2, '2026-07-03 15:53:50.835', 1669, 142);
|
||||
INSERT INTO `app_pool` VALUES (220, '2026-07-06 07:00:11.356', '2026-07-07 08:10:13.319', 'datagrip64.exe', 'datagrip64.exe', 'Global_DB', 'datagrip64', 2, '2026-07-07 08:10:13.318', 682, 63);
|
||||
INSERT INTO `app_pool` VALUES (221, '2026-07-06 07:04:26.348', '2026-07-06 07:04:26.348', 'ToolEditPDF-dev.exe', 'tooleditpdf-dev.exe', 'ToolEditPDF', 'tooleditpdf-dev', 1, '2026-07-06 07:04:26.347', 682, 63);
|
||||
INSERT INTO `app_pool` VALUES (222, '2026-07-06 07:15:21.438', '2026-07-13 08:17:19.344', 'ms-teams.exe', 'ms-teams.exe', 'Microsoft Teams', 'ms-teams', 7, '2026-07-13 08:17:19.341', 178, 75);
|
||||
INSERT INTO `app_pool` VALUES (223, '2026-07-06 07:18:39.049', '2026-07-07 07:23:36.475', 'krita.exe', 'krita.exe', 'homework(4,7).kra (250.2 MiB) - Krita', 'krita', 2, '2026-07-07 07:23:36.474', 689, 63);
|
||||
INSERT INTO `app_pool` VALUES (224, '2026-07-06 07:19:31.034', '2026-07-09 07:56:04.037', 'Photo Booth', 'photo booth', 'Photo Booth', 'photo booth', 5, '2026-07-09 07:56:04.036', 1608, 143);
|
||||
INSERT INTO `app_pool` VALUES (225, '2026-07-06 07:46:45.450', '2026-07-06 07:46:45.450', 'open-design-0.13.0-win-x64-setup.exe', 'open-design-0.13.0-win-x64-setup.exe', 'Open Design Setup', 'open-design-0.13.0-win-x64-setup', 1, '2026-07-06 07:46:45.449', 637, 63);
|
||||
INSERT INTO `app_pool` VALUES (226, '2026-07-06 07:52:33.103', '2026-07-06 07:52:33.103', 'AppleMusic.exe', 'applemusic.exe', 'Apple Music', 'applemusic', 1, '2026-07-06 07:52:33.102', 1707, 84);
|
||||
INSERT INTO `app_pool` VALUES (227, '2026-07-06 07:54:42.691', '2026-07-06 07:54:42.691', 'dnmultiplayerex.exe', 'dnmultiplayerex.exe', 'LDMultiPlayer', 'dnmultiplayerex', 1, '2026-07-06 07:54:42.690', 1587, 75);
|
||||
INSERT INTO `app_pool` VALUES (228, '2026-07-06 08:12:08.183', '2026-07-09 07:11:56.158', 'Mail', 'mail', 'Mail', 'mail', 3, '2026-07-09 07:11:56.157', 1608, 143);
|
||||
INSERT INTO `app_pool` VALUES (229, '2026-07-06 08:45:24.144', '2026-07-07 07:42:27.881', 'Bulk Repository Creator.exe', 'bulk repository creator.exe', 'Bulk Repository Creator', 'bulk repository creator', 2, '2026-07-07 07:42:27.879', 1627, 143);
|
||||
INSERT INTO `app_pool` VALUES (230, '2026-07-06 08:52:00.379', '2026-07-06 08:52:00.379', 'CanhCutTeam.exe', 'canhcutteam.exe', 'Cánh Cụt Team', 'canhcutteam', 1, '2026-07-06 08:52:00.377', 1563, 143);
|
||||
INSERT INTO `app_pool` VALUES (231, '2026-07-06 09:28:58.648', '2026-07-08 12:51:35.075', 'xampp-control.exe', 'xampp-control.exe', 'XAMPP Control Panel v3.3.0 [ Compiled: Apr 6th 2021 ]', 'xampp-control', 5, '2026-07-08 12:51:35.074', 1288, 72);
|
||||
INSERT INTO `app_pool` VALUES (232, '2026-07-06 12:10:12.433', '2026-07-06 12:18:04.993', 'Xmind', 'xmind', 'Xmind', 'xmind', 2, '2026-07-06 12:18:04.992', 1613, 74);
|
||||
INSERT INTO `app_pool` VALUES (233, '2026-07-06 12:10:12.490', '2026-07-06 12:10:12.490', 'Skype for Business', 'skype for business', 'Skype for Business', 'skype for business', 1, '2026-07-06 12:10:12.489', 1760, 83);
|
||||
INSERT INTO `app_pool` VALUES (234, '2026-07-06 12:10:12.843', '2026-07-10 07:00:04.528', 'Microsoft Excel', 'microsoft excel', 'Microsoft Excel', 'microsoft excel', 4, '2026-07-10 07:00:04.527', 1608, 143);
|
||||
INSERT INTO `app_pool` VALUES (235, '2026-07-06 12:10:12.849', '2026-07-06 12:10:12.849', 'TV', 'tv', 'TV', 'tv', 1, '2026-07-06 12:10:12.846', 1760, 83);
|
||||
INSERT INTO `app_pool` VALUES (236, '2026-07-06 12:12:03.573', '2026-07-06 12:12:03.573', 'nvcplui.exe', 'nvcplui.exe', 'NVIDIA Control Panel', 'nvcplui', 1, '2026-07-06 12:12:03.573', 157, 49);
|
||||
INSERT INTO `app_pool` VALUES (237, '2026-07-06 12:12:12.326', '2026-07-06 12:15:28.921', 'gnome-session-b', 'gnome-session-b', 'gnome-session-b', 'gnome-session-b', 4, '2026-07-06 12:15:28.920', 82, 48);
|
||||
INSERT INTO `app_pool` VALUES (238, '2026-07-06 12:12:12.326', '2026-07-06 12:15:28.910', 'gnome-software', 'gnome-software', 'gnome-software', 'gnome-software', 4, '2026-07-06 12:15:28.909', 82, 48);
|
||||
INSERT INTO `app_pool` VALUES (239, '2026-07-06 12:12:23.954', '2026-07-07 12:10:06.306', 'QuickTime Player', 'quicktime player', 'QuickTime Player', 'quicktime player', 4, '2026-07-07 12:10:06.305', 1804, 83);
|
||||
INSERT INTO `app_pool` VALUES (240, '2026-07-06 12:12:23.964', '2026-07-10 07:03:12.479', 'Canva', 'canva', 'Canva', 'canva', 6, '2026-07-10 07:03:12.479', 1613, 74);
|
||||
INSERT INTO `app_pool` VALUES (241, '2026-07-06 12:12:59.240', '2026-07-06 12:12:59.240', 'update-service.exe', 'update-service.exe', 'update-service', 'update-service', 1, '2026-07-06 12:12:59.239', 292, 48);
|
||||
INSERT INTO `app_pool` VALUES (242, '2026-07-06 12:13:33.242', '2026-07-06 12:17:31.852', 'tracker-extract', 'tracker-extract', 'tracker-extract', 'tracker-extract', 6, '2026-07-06 12:17:31.852', 82, 48);
|
||||
INSERT INTO `app_pool` VALUES (243, '2026-07-06 12:13:33.310', '2026-07-13 09:00:45.674', 'wireplumber', 'wireplumber', 'wireplumber', 'wireplumber', 22, '2026-07-13 09:00:45.672', 1655, 143);
|
||||
INSERT INTO `app_pool` VALUES (244, '2026-07-06 12:18:05.001', '2026-07-07 16:04:37.743', 'Tips', 'tips', 'Tips', 'tips', 3, '2026-07-07 16:04:37.742', 1333, 141);
|
||||
INSERT INTO `app_pool` VALUES (245, '2026-07-06 12:18:05.047', '2026-07-10 07:03:12.411', 'ChatGPT', 'chatgpt', 'ChatGPT', 'chatgpt', 5, '2026-07-10 07:03:12.410', 1613, 74);
|
||||
INSERT INTO `app_pool` VALUES (246, '2026-07-06 12:18:05.050', '2026-07-10 07:03:12.164', 'Web App', 'web app', 'Web App', 'web app', 3, '2026-07-10 07:03:12.164', 1613, 74);
|
||||
INSERT INTO `app_pool` VALUES (247, '2026-07-06 12:25:00.617', '2026-07-09 08:54:31.966', 'M365Copilot.exe', 'm365copilot.exe', 'Microsoft 365 Copilot', 'm365copilot', 3, '2026-07-09 08:54:31.965', 1656, 143);
|
||||
INSERT INTO `app_pool` VALUES (248, '2026-07-06 12:42:30.365', '2026-07-06 12:42:30.365', 'Archive Utility', 'archive utility', 'Archive Utility', 'archive utility', 1, '2026-07-06 12:42:30.364', 152, 48);
|
||||
INSERT INTO `app_pool` VALUES (249, '2026-07-06 12:47:36.723', '2026-07-06 12:47:36.723', 'Visual Paradigm.exe', 'visual paradigm.exe', 'Visual Paradigm', 'visual paradigm', 1, '2026-07-06 12:47:36.721', 247, 48);
|
||||
INSERT INTO `app_pool` VALUES (250, '2026-07-06 12:51:36.161', '2026-07-06 12:51:36.161', 'BackgroundTaskManagementAgent', 'backgroundtaskmanagementagent', 'BackgroundTaskManagementAgent', 'backgroundtaskmanagementagent', 1, '2026-07-06 12:51:36.160', 133, 48);
|
||||
INSERT INTO `app_pool` VALUES (251, '2026-07-06 12:56:14.030', '2026-07-06 13:29:08.141', 'ZaloSetup-26.6.20.exe', 'zalosetup-26.6.20.exe', 'Cài đặt Zalo ', 'zalosetup-26.6.20', 2, '2026-07-06 13:29:08.140', 150, 49);
|
||||
INSERT INTO `app_pool` VALUES (252, '2026-07-06 12:57:18.755', '2026-07-06 12:57:18.755', 'Chromium', 'chromium', 'Chromium', 'chromium', 1, '2026-07-06 12:57:18.754', 102, 48);
|
||||
INSERT INTO `app_pool` VALUES (253, '2026-07-06 13:03:05.047', '2026-07-09 08:01:36.150', 'Figma.exe', 'figma.exe', 'Learning platform - Figma', 'figma', 2, '2026-07-09 08:01:36.150', 681, 144);
|
||||
INSERT INTO `app_pool` VALUES (254, '2026-07-06 13:24:29.694', '2026-07-09 08:46:07.504', 'iCloudHome.exe', 'icloudhome.exe', 'iCloud', 'icloudhome', 2, '2026-07-09 08:46:07.503', 642, 144);
|
||||
INSERT INTO `app_pool` VALUES (255, '2026-07-06 13:52:17.224', '2026-07-06 13:52:17.224', 'VoiceMemos', 'voicememos', 'VoiceMemos', 'voicememos', 1, '2026-07-06 13:52:17.222', 111, 49);
|
||||
INSERT INTO `app_pool` VALUES (256, '2026-07-06 14:00:44.090', '2026-07-06 14:00:44.090', 'et.exe', 'et.exe', 'Loading application', 'et', 1, '2026-07-06 14:00:44.089', 188, 49);
|
||||
INSERT INTO `app_pool` VALUES (257, '2026-07-06 14:00:56.086', '2026-07-06 14:00:56.086', 'transerr.exe', 'transerr.exe', 'Send error report', 'transerr', 1, '2026-07-06 14:00:56.085', 188, 49);
|
||||
INSERT INTO `app_pool` VALUES (258, '2026-07-06 14:20:09.527', '2026-07-09 14:09:05.443', 'grim', 'grim', 'grim', 'grim', 119, '2026-07-09 14:09:05.443', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (259, '2026-07-06 14:20:13.575', '2026-07-06 14:20:13.575', 'MicrosoftWhiteboard.exe', 'microsoftwhiteboard.exe', 'Microsoft Whiteboard', 'microsoftwhiteboard', 1, '2026-07-06 14:20:13.574', 1556, 141);
|
||||
INSERT INTO `app_pool` VALUES (260, '2026-07-06 14:20:32.780', '2026-07-08 07:19:43.445', 'OmenCommandCenterBackground.exe', 'omencommandcenterbackground.exe', 'OMEN Background Process', 'omencommandcenterbackground', 2, '2026-07-08 07:19:43.444', 1378, 75);
|
||||
INSERT INTO `app_pool` VALUES (261, '2026-07-06 14:21:01.520', '2026-07-07 15:48:03.808', 'YourPhoneAppProxy.exe', 'yourphoneappproxy.exe', 'A25 của Đăng', 'yourphoneappproxy', 2, '2026-07-07 15:48:03.807', 1406, 141);
|
||||
INSERT INTO `app_pool` VALUES (262, '2026-07-06 14:27:06.322', '2026-07-06 14:27:06.322', 'Clock', 'clock', 'Clock', 'clock', 1, '2026-07-06 14:27:06.321', 1333, 141);
|
||||
INSERT INTO `app_pool` VALUES (263, '2026-07-06 14:37:39.540', '2026-07-06 15:25:33.395', 'feh', 'feh', 'feh', 'feh', 2, '2026-07-06 15:25:33.394', 1624, 141);
|
||||
INSERT INTO `app_pool` VALUES (264, '2026-07-06 14:37:45.544', '2026-07-09 12:47:41.652', 'slurp', 'slurp', 'slurp', 'slurp', 7, '2026-07-09 12:47:41.651', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (265, '2026-07-06 15:24:20.930', '2026-07-07 08:16:54.832', 'HP.Omen.OmenCommandCenter.exe', 'hp.omen.omencommandcenter.exe', 'OMEN Gaming Hub', 'hp.omen.omencommandcenter', 2, '2026-07-07 08:16:54.831', 690, 63);
|
||||
INSERT INTO `app_pool` VALUES (266, '2026-07-06 16:15:12.426', '2026-07-07 16:03:03.396', 'obs', 'obs', 'obs', 'obs', 2, '2026-07-07 16:03:03.395', 1624, 141);
|
||||
INSERT INTO `app_pool` VALUES (267, '2026-07-07 07:00:15.719', '2026-07-07 07:00:15.719', 'jaxtinamobile', 'jaxtinamobile', 'jaxtinamobile', 'jaxtinamobile', 1, '2026-07-07 07:00:15.718', 303, 156);
|
||||
INSERT INTO `app_pool` VALUES (268, '2026-07-07 07:02:39.109', '2026-07-08 07:03:38.865', 'EADesktop.exe', 'eadesktop.exe', 'EA', 'eadesktop', 2, '2026-07-08 07:03:38.865', 1565, 144);
|
||||
INSERT INTO `app_pool` VALUES (269, '2026-07-07 07:03:06.229', '2026-07-13 07:59:21.454', 'PredatorSense.exe', 'predatorsense.exe', 'PredatorSense', 'predatorsense', 2, '2026-07-13 07:59:21.453', 586, 144);
|
||||
INSERT INTO `app_pool` VALUES (270, '2026-07-07 07:04:40.595', '2026-07-07 07:04:40.595', 'OpenVPNConnect.exe', 'openvpnconnect.exe', 'OpenVPN Connect', 'openvpnconnect', 1, '2026-07-07 07:04:40.594', 687, 63);
|
||||
INSERT INTO `app_pool` VALUES (271, '2026-07-07 07:19:23.971', '2026-07-07 07:19:23.971', 'Sniptool.exe', 'sniptool.exe', 'Sniptool 2.1', 'sniptool', 1, '2026-07-07 07:19:23.970', 643, 144);
|
||||
INSERT INTO `app_pool` VALUES (272, '2026-07-07 07:35:55.891', '2026-07-08 07:43:50.626', 'Miro.exe', 'miro.exe', 'Miro', 'miro', 3, '2026-07-08 07:43:50.624', 605, 63);
|
||||
INSERT INTO `app_pool` VALUES (273, '2026-07-07 08:09:26.349', '2026-07-10 08:05:31.149', 'video_conference_sdk', 'video_conference_sdk', 'video_conference_sdk', 'video_conference_sdk', 3, '2026-07-10 08:05:31.148', 640, 63);
|
||||
INSERT INTO `app_pool` VALUES (274, '2026-07-07 08:35:12.201', '2026-07-07 08:35:12.201', 'laragon-wamp.tmp', 'laragon-wamp.tmp', 'Select Setup Language', 'laragon-wamp.tmp', 1, '2026-07-07 08:35:12.200', 1659, 143);
|
||||
INSERT INTO `app_pool` VALUES (275, '2026-07-07 08:41:28.555', '2026-07-07 08:41:28.555', 'Lenovo Legion Toolkit.exe', 'lenovo legion toolkit.exe', 'Lenovo Legion Toolkit', 'lenovo legion toolkit', 1, '2026-07-07 08:41:28.554', 687, 63);
|
||||
INSERT INTO `app_pool` VALUES (276, '2026-07-07 08:59:25.954', '2026-07-07 09:00:07.949', 'DevinUserSetup-x64-3.4.22.tmp', 'devinusersetup-x64-3.4.22.tmp', 'Setup - Devin (User)', 'devinusersetup-x64-3.4.22.tmp', 2, '2026-07-07 09:00:07.948', 244, 156);
|
||||
INSERT INTO `app_pool` VALUES (277, '2026-07-07 09:47:22.092', '2026-07-07 09:47:22.092', 'Cloudflare WARP', 'cloudflare warp', 'Cloudflare WARP', 'cloudflare warp', 1, '2026-07-07 09:47:22.090', 640, 63);
|
||||
INSERT INTO `app_pool` VALUES (278, '2026-07-07 10:06:01.286', '2026-07-07 10:06:01.286', 'TreeSizeFree.exe', 'treesizefree.exe', 'TreeSize Free', 'treesizefree', 1, '2026-07-07 10:06:01.285', 1306, 74);
|
||||
INSERT INTO `app_pool` VALUES (279, '2026-07-07 10:17:46.599', '2026-07-07 10:17:46.599', 'MKTLogin.exe', 'mktlogin.exe', 'MKTLogin 2.1.2', 'mktlogin', 1, '2026-07-07 10:17:46.597', 621, 63);
|
||||
INSERT INTO `app_pool` VALUES (280, '2026-07-07 10:55:04.893', '2026-07-07 10:55:04.893', 'WinSCP.exe', 'winscp.exe', 'Documents – WinSCP', 'winscp', 1, '2026-07-07 10:55:04.892', 1655, 143);
|
||||
INSERT INTO `app_pool` VALUES (281, '2026-07-07 12:14:01.078', '2026-07-10 14:34:05.169', 'akonadi_mailmer', 'akonadi_mailmer', 'akonadi_mailmer', 'akonadi_mailmer', 4, '2026-07-10 14:34:05.168', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (282, '2026-07-07 12:14:01.078', '2026-07-10 14:34:05.148', 'akonadi_mailfil', 'akonadi_mailfil', 'akonadi_mailfil', 'akonadi_mailfil', 4, '2026-07-10 14:34:05.147', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (283, '2026-07-07 12:14:01.083', '2026-07-10 14:34:05.098', 'akonadi_contact', 'akonadi_contact', 'akonadi_contact', 'akonadi_contact', 4, '2026-07-10 14:34:05.097', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (284, '2026-07-07 12:14:01.084', '2026-07-10 16:18:44.138', 'pulseaudio', 'pulseaudio', 'pulseaudio', 'pulseaudio', 1477, '2026-07-10 16:18:44.138', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (285, '2026-07-07 12:14:01.093', '2026-07-10 14:34:05.090', 'akonadi_indexin', 'akonadi_indexin', 'akonadi_indexin', 'akonadi_indexin', 4, '2026-07-10 14:34:05.089', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (286, '2026-07-07 12:14:01.131', '2026-07-10 14:34:05.144', 'akonadi_ical_re', 'akonadi_ical_re', 'akonadi_ical_re', 'akonadi_ical_re', 4, '2026-07-10 14:34:05.143', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (287, '2026-07-07 12:14:01.132', '2026-07-10 14:34:05.158', 'kalendarac', 'kalendarac', 'kalendarac', 'kalendarac', 4, '2026-07-10 14:34:05.158', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (288, '2026-07-07 12:14:01.140', '2026-07-10 14:34:05.157', 'akonadi_unified', 'akonadi_unified', 'akonadi_unified', 'akonadi_unified', 4, '2026-07-10 14:34:05.156', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (289, '2026-07-07 12:14:01.141', '2026-07-10 14:34:05.158', 'kgpg', 'kgpg', 'kgpg', 'kgpg', 4, '2026-07-10 14:34:05.157', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (290, '2026-07-07 12:14:01.142', '2026-07-10 14:34:05.154', 'akonadi_sendlat', 'akonadi_sendlat', 'akonadi_sendlat', 'akonadi_sendlat', 4, '2026-07-10 14:34:05.154', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (291, '2026-07-07 12:14:01.147', '2026-07-10 14:34:05.089', 'akonadi_migrati', 'akonadi_migrati', 'akonadi_migrati', 'akonadi_migrati', 4, '2026-07-10 14:34:05.088', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (292, '2026-07-07 12:14:01.147', '2026-07-10 14:34:05.149', 'akonadi_birthda', 'akonadi_birthda', 'akonadi_birthda', 'akonadi_birthda', 4, '2026-07-10 14:34:05.148', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (293, '2026-07-07 12:14:01.147', '2026-07-10 14:34:05.148', 'akonadi_archive', 'akonadi_archive', 'akonadi_archive', 'akonadi_archive', 4, '2026-07-10 14:34:05.147', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (294, '2026-07-07 12:14:01.150', '2026-07-10 14:34:05.154', 'akonadi_followu', 'akonadi_followu', 'akonadi_followu', 'akonadi_followu', 4, '2026-07-10 14:34:05.154', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (295, '2026-07-07 12:14:01.151', '2026-07-10 14:34:05.167', 'akonadi_maildis', 'akonadi_maildis', 'akonadi_maildis', 'akonadi_maildis', 4, '2026-07-10 14:34:05.166', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (296, '2026-07-07 12:14:01.152', '2026-07-10 16:02:06.154', 'plasma_waitforn', 'plasma_waitforn', 'plasma_waitforn', 'plasma_waitforn', 45, '2026-07-10 16:02:06.153', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (297, '2026-07-07 12:14:01.153', '2026-07-10 14:34:05.099', 'akonadi_newmail', 'akonadi_newmail', 'akonadi_newmail', 'akonadi_newmail', 4, '2026-07-10 14:34:05.098', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (298, '2026-07-07 12:14:01.158', '2026-07-10 14:34:05.146', 'ksecretd', 'ksecretd', 'ksecretd', 'ksecretd', 4, '2026-07-10 14:34:05.145', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (299, '2026-07-07 12:14:01.160', '2026-07-10 14:34:05.165', 'akonadi_maildir', 'akonadi_maildir', 'akonadi_maildir', 'akonadi_maildir', 4, '2026-07-10 14:34:05.164', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (300, '2026-07-07 12:14:01.163', '2026-07-10 14:34:05.161', 'akonadi_control', 'akonadi_control', 'akonadi_control', 'akonadi_control', 4, '2026-07-10 14:34:05.161', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (301, '2026-07-07 12:14:01.167', '2026-07-10 14:34:05.098', 'kclockd', 'kclockd', 'kclockd', 'kclockd', 4, '2026-07-10 14:34:05.098', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (302, '2026-07-07 12:14:01.169', '2026-07-10 14:34:05.089', 'akonadiserver', 'akonadiserver', 'akonadiserver', 'akonadiserver', 4, '2026-07-10 14:34:05.088', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (303, '2026-07-07 12:15:09.380', '2026-07-07 12:15:09.380', 'Discord', 'discord', 'Discord', 'discord', 1, '2026-07-07 12:15:09.379', 1333, 141);
|
||||
INSERT INTO `app_pool` VALUES (304, '2026-07-07 12:29:43.138', '2026-07-07 12:29:43.138', 'drkonqi-coredum', 'drkonqi-coredum', 'drkonqi-coredum', 'drkonqi-coredum', 1, '2026-07-07 12:29:43.121', 1558, 141);
|
||||
INSERT INTO `app_pool` VALUES (305, '2026-07-07 12:37:03.080', '2026-07-07 12:37:03.080', 'Dictionary', 'dictionary', 'Dictionary', 'dictionary', 1, '2026-07-07 12:37:03.079', 1492, 141);
|
||||
INSERT INTO `app_pool` VALUES (306, '2026-07-07 12:39:18.135', '2026-07-07 15:17:08.687', 'Phone', 'phone', 'Phone', 'phone', 5, '2026-07-07 15:17:08.686', 1492, 141);
|
||||
INSERT INTO `app_pool` VALUES (307, '2026-07-07 13:18:30.134', '2026-07-07 13:18:30.134', 'RunCat 365.exe', 'runcat 365.exe', 'Microsoft .NET', 'runcat 365', 1, '2026-07-07 13:18:30.133', 251, 49);
|
||||
INSERT INTO `app_pool` VALUES (308, '2026-07-07 13:21:54.130', '2026-07-07 13:21:54.130', 'NoteBookFanControl.exe', 'notebookfancontrol.exe', 'NoteBook FanControl', 'notebookfancontrol', 1, '2026-07-07 13:21:54.129', 251, 49);
|
||||
INSERT INTO `app_pool` VALUES (309, '2026-07-07 13:50:24.368', '2026-07-07 13:50:24.368', 'certutil.exe', 'certutil.exe', 'Security Warning', 'certutil', 1, '2026-07-07 13:50:24.367', 1414, 141);
|
||||
INSERT INTO `app_pool` VALUES (310, '2026-07-07 13:53:00.622', '2026-07-07 13:53:00.622', 'Display Calibrator', 'display calibrator', 'Display Calibrator', 'display calibrator', 1, '2026-07-07 13:53:00.621', 1488, 142);
|
||||
INSERT INTO `app_pool` VALUES (311, '2026-07-07 14:24:38.223', '2026-07-10 14:20:09.967', 'Real.exe', 'real.exe', 'Real', 'real', 2, '2026-07-10 14:20:09.966', 1584, 142);
|
||||
INSERT INTO `app_pool` VALUES (312, '2026-07-07 14:35:32.221', '2026-07-07 14:35:32.221', 'wpsoffice', 'wpsoffice', 'wpsoffice', 'wpsoffice', 1, '2026-07-07 14:35:32.221', 1661, 142);
|
||||
INSERT INTO `app_pool` VALUES (313, '2026-07-07 14:58:04.779', '2026-07-07 14:58:04.779', 'OllamaSetup.tmp', 'ollamasetup.tmp', 'Setup - Ollama version 0.31.1', 'ollamasetup.tmp', 1, '2026-07-07 14:58:04.778', 1406, 141);
|
||||
INSERT INTO `app_pool` VALUES (314, '2026-07-07 15:13:13.468', '2026-07-07 15:13:13.468', 'dbeaver', 'dbeaver', 'dbeaver', 'dbeaver', 1, '2026-07-07 15:13:13.467', 1333, 141);
|
||||
INSERT INTO `app_pool` VALUES (315, '2026-07-07 16:01:06.757', '2026-07-07 16:01:06.757', 'CapCut.exe', 'capcut.exe', 'CapCut', 'capcut', 1, '2026-07-07 16:01:06.756', 1669, 142);
|
||||
INSERT INTO `app_pool` VALUES (316, '2026-07-08 07:05:20.504', '2026-07-13 08:04:19.520', 'vlc.exe', 'vlc.exe', 'v2.mp4 - VLC media player', 'vlc', 2, '2026-07-13 08:04:19.519', 621, 63);
|
||||
INSERT INTO `app_pool` VALUES (317, '2026-07-08 07:05:34.817', '2026-07-09 07:06:03.285', 'goslynk-launcher.exe', 'goslynk-launcher.exe', 'Goslynk Launcher', 'goslynk-launcher', 2, '2026-07-09 07:06:03.285', 620, 63);
|
||||
INSERT INTO `app_pool` VALUES (318, '2026-07-08 08:07:00.960', '2026-07-08 08:07:00.960', 'HWMonitor.exe', 'hwmonitor.exe', 'HWMonitor', 'hwmonitor', 1, '2026-07-08 08:07:00.959', 625, 63);
|
||||
INSERT INTO `app_pool` VALUES (319, '2026-07-08 09:15:35.015', '2026-07-13 09:38:30.534', 'ZaloCap.exe', 'zalocap.exe', 'ZaloCap', 'zalocap', 2, '2026-07-13 09:38:30.534', 1751, 82);
|
||||
INSERT INTO `app_pool` VALUES (320, '2026-07-08 09:32:11.010', '2026-07-08 09:32:11.010', 'OpenWith.exe', 'openwith.exe', 'Pick an app', 'openwith', 1, '2026-07-08 09:32:11.009', 611, 144);
|
||||
INSERT INTO `app_pool` VALUES (321, '2026-07-08 10:37:02.860', '2026-07-10 08:02:34.655', 'Setup.exe', 'setup.exe', 'Setup Wizard', 'setup', 5, '2026-07-10 08:02:34.655', 618, 63);
|
||||
INSERT INTO `app_pool` VALUES (322, '2026-07-08 12:06:56.296', '2026-07-10 14:26:55.413', 'ClassIn.exe', 'classin.exe', 'ClassIn', 'classin', 2, '2026-07-10 14:26:55.412', 1556, 141);
|
||||
INSERT INTO `app_pool` VALUES (323, '2026-07-08 12:39:03.393', '2026-07-08 12:42:06.383', 'Devin.exe', 'devin.exe', 'Devin', 'devin', 3, '2026-07-08 12:42:06.383', 244, 156);
|
||||
INSERT INTO `app_pool` VALUES (324, '2026-07-08 12:43:28.272', '2026-07-08 12:43:28.272', '7zFM.exe', '7zfm.exe', 'C:\\Users\\D365\\Downloads\\elearning_base-main.zip\\', '7zfm', 1, '2026-07-08 12:43:28.270', 162, 156);
|
||||
INSERT INTO `app_pool` VALUES (325, '2026-07-08 12:49:06.961', '2026-07-08 12:49:27.952', 'LiveCaptions.exe', 'livecaptions.exe', 'Live Captions', 'livecaptions', 2, '2026-07-08 12:49:27.951', 1812, 142);
|
||||
INSERT INTO `app_pool` VALUES (326, '2026-07-08 14:27:39.788', '2026-07-08 14:27:39.788', 'main.bin', 'main.bin', 'main.bin', 'main.bin', 1, '2026-07-08 14:27:39.788', 1624, 141);
|
||||
INSERT INTO `app_pool` VALUES (327, '2026-07-08 14:36:19.885', '2026-07-08 16:30:42.609', 'CocCoc', 'coccoc', 'CocCoc', 'coccoc', 5, '2026-07-08 16:30:42.608', 1705, 83);
|
||||
INSERT INTO `app_pool` VALUES (328, '2026-07-08 14:47:40.660', '2026-07-08 14:48:13.668', 'kdrmain.exe', 'kdrmain.exe', 'Document Repair', 'kdrmain', 2, '2026-07-08 14:48:13.667', 117, 49);
|
||||
INSERT INTO `app_pool` VALUES (329, '2026-07-08 14:55:06.933', '2026-07-08 14:55:06.933', 'CloudNotifications.exe', 'cloudnotifications.exe', 'Low disk space', 'cloudnotifications', 1, '2026-07-08 14:55:06.932', 1666, 141);
|
||||
INSERT INTO `app_pool` VALUES (330, '2026-07-08 15:00:20.590', '2026-07-13 09:00:03.633', 'mysql-workbench', 'mysql-workbench', 'mysql-workbench', 'mysql-workbench', 5, '2026-07-13 09:00:03.632', 1655, 143);
|
||||
INSERT INTO `app_pool` VALUES (331, '2026-07-08 15:10:11.300', '2026-07-08 15:10:11.300', 'MSPCManager.exe', 'mspcmanager.exe', 'Microsoft PC Manager', 'mspcmanager', 1, '2026-07-08 15:10:11.299', 1424, 141);
|
||||
INSERT INTO `app_pool` VALUES (332, '2026-07-08 15:50:37.798', '2026-07-08 15:50:37.798', 'ollama app.exe', 'ollama app.exe', 'Ollama', 'ollama app', 1, '2026-07-08 15:50:37.797', 1406, 141);
|
||||
INSERT INTO `app_pool` VALUES (333, '2026-07-09 07:09:09.051', '2026-07-09 07:09:54.268', 'XPPenTablet.exe', 'xppentablet.exe', 'XPPentablet', 'xppentablet', 3, '2026-07-09 07:09:54.267', 689, 63);
|
||||
INSERT INTO `app_pool` VALUES (334, '2026-07-09 07:25:34.911', '2026-07-09 07:25:34.911', 'eqMac', 'eqmac', 'eqMac', 'eqmac', 1, '2026-07-09 07:25:34.910', 640, 63);
|
||||
INSERT INTO `app_pool` VALUES (335, '2026-07-09 07:31:33.290', '2026-07-09 07:31:33.290', 'LinkedIn.exe', 'linkedin.exe', 'LinkedIn', 'linkedin', 1, '2026-07-09 07:31:33.289', 682, 63);
|
||||
INSERT INTO `app_pool` VALUES (336, '2026-07-09 07:41:35.961', '2026-07-09 07:41:35.961', 'FolderPainter.exe', 'folderpainter.exe', 'Folder Painter v1.3', 'folderpainter', 1, '2026-07-09 07:41:35.960', 625, 63);
|
||||
INSERT INTO `app_pool` VALUES (337, '2026-07-09 08:06:15.949', '2026-07-09 09:00:48.955', 'node.exe', 'node.exe', 'C:\\Program Files\\nodejs\\node.exe', 'node', 2, '2026-07-09 09:00:48.955', 599, 144);
|
||||
INSERT INTO `app_pool` VALUES (338, '2026-07-09 08:45:40.538', '2026-07-09 08:45:40.538', 'SamsungMagician.exe', 'samsungmagician.exe', 'Samsung Magician', 'samsungmagician', 1, '2026-07-09 08:45:40.538', 642, 144);
|
||||
INSERT INTO `app_pool` VALUES (339, '2026-07-09 08:47:40.202', '2026-07-09 08:49:46.265', 'wmplayer.exe', 'wmplayer.exe', 'Windows Media Player', 'wmplayer', 4, '2026-07-09 08:49:46.264', 617, 144);
|
||||
INSERT INTO `app_pool` VALUES (340, '2026-07-09 08:48:08.263', '2026-07-09 08:48:08.263', 'dnplayer.exe', 'dnplayer.exe', 'LDPlayer', 'dnplayer', 1, '2026-07-09 08:48:08.262', 1691, 143);
|
||||
INSERT INTO `app_pool` VALUES (341, '2026-07-09 09:13:55.144', '2026-07-09 09:13:55.144', 'hubflow', 'hubflow', 'hubflow', 'hubflow', 1, '2026-07-09 09:13:55.143', 592, 63);
|
||||
INSERT INTO `app_pool` VALUES (342, '2026-07-09 12:39:15.870', '2026-07-09 12:39:15.870', 'Unzip - RAR ZIP 7Z Unarchiver', 'unzip - rar zip 7z unarchiver', 'Unzip - RAR ZIP 7Z Unarchiver', 'unzip - rar zip 7z unarchiver', 1, '2026-07-09 12:39:15.869', 303, 156);
|
||||
INSERT INTO `app_pool` VALUES (343, '2026-07-09 12:41:05.290', '2026-07-09 12:41:05.290', 'java.exe', 'java.exe', 'Update', 'java', 1, '2026-07-09 12:41:05.290', 1583, 141);
|
||||
INSERT INTO `app_pool` VALUES (344, '2026-07-09 13:06:40.850', '2026-07-09 13:06:40.850', 'IDLE', 'idle', 'IDLE', 'idle', 1, '2026-07-09 13:06:40.849', 1333, 141);
|
||||
INSERT INTO `app_pool` VALUES (345, '2026-07-10 07:03:12.404', '2026-07-10 07:03:12.404', 'TeraBox', 'terabox', 'TeraBox', 'terabox', 1, '2026-07-10 07:03:12.403', 1613, 74);
|
||||
INSERT INTO `app_pool` VALUES (346, '2026-07-10 07:03:12.414', '2026-07-10 07:03:12.414', 'Freeform', 'freeform', 'Freeform', 'freeform', 1, '2026-07-10 07:03:12.413', 1613, 74);
|
||||
INSERT INTO `app_pool` VALUES (347, '2026-07-10 07:03:50.421', '2026-07-10 07:03:50.421', 'WinAppHelper', 'winapphelper', 'WinAppHelper', 'winapphelper', 1, '2026-07-10 07:03:50.420', 1613, 74);
|
||||
INSERT INTO `app_pool` VALUES (348, '2026-07-10 07:18:54.611', '2026-07-10 07:18:54.611', 'FaceTime', 'facetime', 'FaceTime', 'facetime', 1, '2026-07-10 07:18:54.611', 1717, 84);
|
||||
INSERT INTO `app_pool` VALUES (349, '2026-07-10 07:29:48.463', '2026-07-10 07:29:48.463', 'MicrosoftSecurityApp.exe', 'microsoftsecurityapp.exe', 'Microsoft Defender', 'microsoftsecurityapp', 1, '2026-07-10 07:29:48.462', 1355, 74);
|
||||
INSERT INTO `app_pool` VALUES (350, '2026-07-10 07:31:36.463', '2026-07-11 07:43:06.398', 'ChatGPT Classic.exe', 'chatgpt classic.exe', 'ChatGPT Classic', 'chatgpt classic', 6, '2026-07-11 07:43:06.397', 1384, 73);
|
||||
INSERT INTO `app_pool` VALUES (351, '2026-07-10 07:37:11.844', '2026-07-10 07:37:11.844', 'NovelDocumentSplitter-dev.exe', 'noveldocumentsplitter-dev.exe', 'Novel Document Splitter', 'noveldocumentsplitter-dev', 1, '2026-07-10 07:37:11.843', 682, 63);
|
||||
INSERT INTO `app_pool` VALUES (352, '2026-07-10 07:48:10.552', '2026-07-10 07:48:10.552', 'Open Design.exe', 'open design.exe', 'Open Design', 'open design', 1, '2026-07-10 07:48:10.551', 637, 63);
|
||||
INSERT INTO `app_pool` VALUES (353, '2026-07-10 07:55:59.466', '2026-07-10 07:55:59.466', 'SMAILWOLF-M3.exe', 'smailwolf-m3.exe', 'SMAILWOLF M3', 'smailwolf-m3', 1, '2026-07-10 07:55:59.465', 174, 74);
|
||||
INSERT INTO `app_pool` VALUES (354, '2026-07-10 07:56:02.470', '2026-07-10 07:56:02.470', 'MEG381_KC.tmp', 'meg381_kc.tmp', 'Setup', 'meg381_kc.tmp', 1, '2026-07-10 07:56:02.469', 174, 74);
|
||||
INSERT INTO `app_pool` VALUES (355, '2026-07-10 08:01:11.683', '2026-07-10 08:01:11.683', 'gamingservicesui.exe', 'gamingservicesui.exe', 'Minecraft Launcher ', 'gamingservicesui', 1, '2026-07-10 08:01:11.682', 174, 74);
|
||||
INSERT INTO `app_pool` VALUES (356, '2026-07-10 08:01:35.695', '2026-07-10 08:01:35.695', 'Minecraft.exe', 'minecraft.exe', 'Minecraft Launcher', 'minecraft', 1, '2026-07-10 08:01:35.694', 174, 74);
|
||||
INSERT INTO `app_pool` VALUES (357, '2026-07-10 08:01:38.680', '2026-07-10 08:01:38.680', 'prismlauncher.exe', 'prismlauncher.exe', 'Prism Launcher 10.0.5', 'prismlauncher', 1, '2026-07-10 08:01:38.679', 174, 74);
|
||||
INSERT INTO `app_pool` VALUES (358, '2026-07-10 08:05:31.146', '2026-07-10 08:05:31.146', 'IsExtensionEnabled', 'isextensionenabled', 'IsExtensionEnabled', 'isextensionenabled', 1, '2026-07-10 08:05:31.145', 640, 63);
|
||||
INSERT INTO `app_pool` VALUES (359, '2026-07-10 08:51:56.595', '2026-07-10 08:51:56.595', 'aura-wallpaper-editor.exe', 'aura-wallpaper-editor.exe', 'Aura Wallpaper Creator', 'aura-wallpaper-editor', 1, '2026-07-10 08:51:56.594', 1306, 74);
|
||||
INSERT INTO `app_pool` VALUES (360, '2026-07-10 08:57:23.585', '2026-07-10 08:57:23.585', 'colorcpl.exe', 'colorcpl.exe', 'Color Management', 'colorcpl', 1, '2026-07-10 08:57:23.584', 1306, 74);
|
||||
INSERT INTO `app_pool` VALUES (361, '2026-07-10 14:20:10.730', '2026-07-10 14:20:10.730', 'ClassIn', 'classin', 'ClassIn', 'classin', 1, '2026-07-10 14:20:10.729', 1661, 142);
|
||||
INSERT INTO `app_pool` VALUES (362, '2026-07-10 15:35:14.293', '2026-07-10 15:36:15.654', 'mpc-hc64.exe', 'mpc-hc64.exe', 'Quay màn hình 2026-07-10 005108.mp4', 'mpc-hc64', 2, '2026-07-10 15:36:15.652', 1474, 142);
|
||||
INSERT INTO `app_pool` VALUES (363, '2026-07-10 15:51:25.583', '2026-07-10 15:51:25.583', 'launcher_main.exe', 'launcher_main.exe', 'Wuthering Waves', 'launcher_main', 1, '2026-07-10 15:51:25.582', 1542, 142);
|
||||
INSERT INTO `app_pool` VALUES (364, '2026-07-10 16:03:00.515', '2026-07-10 16:03:00.515', 'Breach.exe', 'breach.exe', 'Into the Breach', 'breach', 1, '2026-07-10 16:03:00.514', 1557, 142);
|
||||
INSERT INTO `app_pool` VALUES (365, '2026-07-11 07:09:32.221', '2026-07-11 07:09:32.221', 'rsAppUI.exe', 'rsappui.exe', 'RAV Endpoint Protection notification', 'rsappui', 1, '2026-07-11 07:09:32.220', 1619, 77);
|
||||
INSERT INTO `app_pool` VALUES (366, '2026-07-13 07:06:00.569', '2026-07-13 07:06:00.569', 'caffeine-indica', 'caffeine-indica', 'caffeine-indica', 'caffeine-indica', 1, '2026-07-13 07:06:00.568', 1655, 143);
|
||||
INSERT INTO `app_pool` VALUES (367, '2026-07-13 07:06:00.571', '2026-07-13 07:06:00.571', 'xprop', 'xprop', 'xprop', 'xprop', 1, '2026-07-13 07:06:00.570', 1655, 143);
|
||||
INSERT INTO `app_pool` VALUES (368, '2026-07-13 07:06:00.580', '2026-07-13 07:06:00.580', 'caffeine', 'caffeine', 'caffeine', 'caffeine', 1, '2026-07-13 07:06:00.579', 1655, 143);
|
||||
INSERT INTO `app_pool` VALUES (369, '2026-07-13 07:35:54.662', '2026-07-13 07:35:54.662', 'gnome-character', 'gnome-character', 'gnome-character', 'gnome-character', 1, '2026-07-13 07:35:54.661', 1655, 143);
|
||||
INSERT INTO `app_pool` VALUES (370, '2026-07-13 07:36:45.661', '2026-07-13 07:36:45.661', 'apport-gtk', 'apport-gtk', 'apport-gtk', 'apport-gtk', 1, '2026-07-13 07:36:45.660', 1655, 143);
|
||||
INSERT INTO `app_pool` VALUES (371, '2026-07-13 07:48:39.921', '2026-07-13 09:17:21.762', 'Opera', 'opera', 'Opera', 'opera', 4, '2026-07-13 09:17:21.761', 644, 144);
|
||||
INSERT INTO `app_pool` VALUES (372, '2026-07-13 08:03:42.817', '2026-07-13 08:09:40.189', 'Python', 'python', 'Python', 'python', 2, '2026-07-13 08:09:40.188', 176, 77);
|
||||
INSERT INTO `app_pool` VALUES (373, '2026-07-13 08:07:37.794', '2026-07-13 08:07:37.794', 'Reminders', 'reminders', 'Reminders', 'reminders', 1, '2026-07-13 08:07:37.791', 1717, 84);
|
||||
|
||||
SET FOREIGN_KEY_CHECKS = 1;
|
||||
86
client/INSTALL_LINUX.md
Normal file
86
client/INSTALL_LINUX.md
Normal file
@@ -0,0 +1,86 @@
|
||||
# Hướng dẫn Cài đặt & Chạy ứng dụng Simple Care trên Linux
|
||||
|
||||
Tài liệu này hướng dẫn cách cài đặt công cụ lập trình, cài đặt thư viện chạy và tiến hành biên dịch ứng dụng Simple Care trên môi trường Linux.
|
||||
|
||||
---
|
||||
|
||||
## 1. Cho Nhà phát triển (Developer - Build ứng dụng)
|
||||
|
||||
### Bước 1: Cài đặt thư viện hệ thống
|
||||
Cài đặt trình biên dịch C và các thư viện Webview (GTK/WebKit) tùy vào hệ điều hành đang dùng:
|
||||
|
||||
* **Ubuntu / Debian / Linux Mint:**
|
||||
```bash
|
||||
sudo apt update
|
||||
sudo apt install -y build-essential libgtk-3-dev libwebkit2gtk-4.1-dev libx11-dev pkg-config zenity libcanberra-gtk3-module
|
||||
```
|
||||
|
||||
* **Fedora / RHEL:**
|
||||
```bash
|
||||
sudo dnf groupinstall "Development Tools"
|
||||
sudo dnf install -y gtk3-devel webkit2gtk4.1-devel libX11-devel pkgconf-pkg-config zenity
|
||||
```
|
||||
|
||||
* **Arch Linux:**
|
||||
```bash
|
||||
sudo pacman -Syu --needed base-devel gtk3 webkit2gtk-4.1 libx11 pkgconf zenity
|
||||
```
|
||||
|
||||
### Bước 2: Cài đặt Go & Node.js & Wails CLI
|
||||
Nếu chưa cài đặt bộ công cụ biên dịch:
|
||||
1. Tải và cài đặt **Go** (bản 1.23+): [golang.org](https://go.dev/dl/)
|
||||
2. Tải và cài đặt **Node.js** (bản 18 hoặc 20 LTS): [nodejs.org](https://nodejs.org/)
|
||||
3. Cài đặt **Wails CLI** thông qua Go:
|
||||
```bash
|
||||
go install github.com/wailsapp/wails/v2/cmd/wails@v2.12.0
|
||||
```
|
||||
4. Cài đặt công cụ mã hóa **Garble**:
|
||||
```bash
|
||||
go install mvdan.cc/garble@v0.13.0
|
||||
```
|
||||
|
||||
### Bước 3: Tiến hành Biên dịch (Build)
|
||||
Chạy script tự động phát hiện hệ điều hành để build bản bảo mật (obfuscated):
|
||||
```bash
|
||||
cd client
|
||||
chmod +x build.sh
|
||||
./build.sh
|
||||
```
|
||||
Sau khi build xong, file thực thi sẽ nằm tại: `client/build/bin/simple_care_v1.3`
|
||||
|
||||
---
|
||||
|
||||
## 2. Cho Người dùng cuối (End-user - Chỉ chạy ứng dụng)
|
||||
|
||||
Người dùng cuối **không cần** cài đặt Go, Node hay trình biên dịch C. Họ chỉ cần tệp thực thi `simple_care_v1.3` và cài đặt các thư viện đồ họa cơ bản của hệ thống:
|
||||
|
||||
* **Ubuntu / Debian / Linux Mint:**
|
||||
```bash
|
||||
sudo apt update
|
||||
sudo apt install -y libwebkit2gtk-4.1-0 zenity
|
||||
```
|
||||
|
||||
* **Fedora / RHEL:**
|
||||
```bash
|
||||
sudo dnf install -y webkit2gtk4.1 zenity
|
||||
```
|
||||
|
||||
* **Arch Linux:**
|
||||
```bash
|
||||
sudo pacman -Sy webkit2gtk-4.1 zenity
|
||||
```
|
||||
|
||||
### Lệnh chạy ứng dụng:
|
||||
Cấp quyền chạy cho file và khởi chạy:
|
||||
```bash
|
||||
chmod +x simple_care_v1.3
|
||||
./simple_care_v1.3
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 3. Lệnh dọn dẹp bộ nhớ đệm (Clean cache)
|
||||
Nếu thư mục `client/build/` xuất hiện nhiều thư mục đệm tạm thời (dạng số hexa `00` đến `ff`), bạn có thể dọn dẹp bằng lệnh sau:
|
||||
```bash
|
||||
find build -mindepth 1 -maxdepth 1 -type d -name "[0-9a-f][0-9a-f]" -exec rm -rf {} +
|
||||
```
|
||||
788
client/app.go
788
client/app.go
File diff suppressed because it is too large
Load Diff
@@ -5,7 +5,7 @@ set -e
|
||||
cd "$(dirname "$0")"
|
||||
|
||||
echo "============================================="
|
||||
echo " BUILDING SECURE WAILS CLIENT FOR MACOS "
|
||||
echo " BUILDING SECURE WAILS CLIENT "
|
||||
echo "============================================="
|
||||
|
||||
# Setup Go path for tools like garble and wails
|
||||
@@ -46,10 +46,21 @@ else
|
||||
fi
|
||||
BUILD_FLAGS+=(-ldflags "-s -w")
|
||||
|
||||
echo "[*] Building macOS Apple Silicon (arm64)..."
|
||||
"$WAILS_CMD" build -platform darwin/arm64 "${BUILD_FLAGS[@]}"
|
||||
# Detect host OS
|
||||
HOST_OS=$(go env GOOS)
|
||||
|
||||
echo "[*] Building macOS Intel (amd64)..."
|
||||
"$WAILS_CMD" build -platform darwin/amd64 "${BUILD_FLAGS[@]}"
|
||||
if [ "$HOST_OS" = "darwin" ]; then
|
||||
echo "[*] Building macOS Apple Silicon (arm64)..."
|
||||
"$WAILS_CMD" build -platform darwin/arm64 "${BUILD_FLAGS[@]}"
|
||||
|
||||
echo "[+] macOS arm64 and amd64 builds completed successfully!"
|
||||
echo "[*] Building macOS Intel (amd64)..."
|
||||
"$WAILS_CMD" build -platform darwin/amd64 "${BUILD_FLAGS[@]}"
|
||||
echo "[+] macOS arm64 and amd64 builds completed successfully!"
|
||||
elif [ "$HOST_OS" = "linux" ]; then
|
||||
echo "[*] Building Linux Intel/AMD64 (amd64)..."
|
||||
"$WAILS_CMD" build -platform linux/amd64 -tags webkit2_41 "${BUILD_FLAGS[@]}"
|
||||
echo "[+] Linux amd64 build completed successfully!"
|
||||
else
|
||||
echo "[!] Unsupported host OS: $HOST_OS. Please build manually using 'wails build'."
|
||||
exit 1
|
||||
fi
|
||||
|
||||
1
client/build/trim.txt
Normal file
1
client/build/trim.txt
Normal file
@@ -0,0 +1 @@
|
||||
1782971860
|
||||
4
client/frontend/package-lock.json
generated
4
client/frontend/package-lock.json
generated
@@ -1,12 +1,12 @@
|
||||
{
|
||||
"name": "frontend",
|
||||
"version": "0.0.0",
|
||||
"version": "1.3.0",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "frontend",
|
||||
"version": "0.0.0",
|
||||
"version": "1.3.0",
|
||||
"dependencies": {
|
||||
"pdfjs-dist": "^3.11.174"
|
||||
},
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "frontend",
|
||||
"private": true,
|
||||
"version": "0.0.0",
|
||||
"version": "1.3.0",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vite build",
|
||||
|
||||
@@ -1 +1 @@
|
||||
967eadb7b0ec47c936144695be4b0b15
|
||||
792441f7861d7badf1335f3778fcdebd
|
||||
@@ -18,10 +18,12 @@
|
||||
--offline-light: #fdeaea;
|
||||
--shadow-sm: 0 1px 3px rgba(26, 35, 50, 0.05);
|
||||
--shadow-md: 0 4px 16px rgba(26, 35, 50, 0.07);
|
||||
--radius-sm: 8px;
|
||||
--radius-md: 12px;
|
||||
--radius-lg: 16px;
|
||||
--radius-sm: 7px;
|
||||
--radius-md: 10px;
|
||||
--radius-lg: 12px;
|
||||
--transition: 0.2s ease;
|
||||
--page-pad: 0.75rem 0.9rem;
|
||||
--card-pad: 0.95rem 1rem;
|
||||
}
|
||||
|
||||
* {
|
||||
@@ -32,7 +34,8 @@
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
body {
|
||||
@@ -40,18 +43,22 @@ body {
|
||||
background-color: var(--bg-main);
|
||||
color: var(--text-primary);
|
||||
font-family: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
font-size: 14px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
min-height: 100%;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
#app {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
max-height: 100vh;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
min-height: 100%;
|
||||
height: auto;
|
||||
max-height: none;
|
||||
display: block;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* ── Cards ── */
|
||||
@@ -60,7 +67,7 @@ body {
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: var(--radius-lg);
|
||||
box-shadow: var(--shadow-sm);
|
||||
padding: 1.75rem;
|
||||
padding: var(--card-pad);
|
||||
transition: var(--transition);
|
||||
}
|
||||
|
||||
@@ -70,10 +77,10 @@ body {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 1.5rem;
|
||||
min-height: 100%;
|
||||
padding: 1rem;
|
||||
background: var(--bg-main);
|
||||
overflow: hidden;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.login-prompt-container .card {
|
||||
@@ -94,8 +101,8 @@ body {
|
||||
}
|
||||
|
||||
.brand-logo-img {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
border-radius: var(--radius-sm);
|
||||
object-fit: cover;
|
||||
flex-shrink: 0;
|
||||
@@ -103,8 +110,8 @@ body {
|
||||
}
|
||||
|
||||
.login-brand-row .brand-logo-img {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.login-logo {
|
||||
@@ -133,6 +140,10 @@ body {
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.login-brand-name .app-version {
|
||||
font-size: 0.72em;
|
||||
}
|
||||
|
||||
.login-brand-sub {
|
||||
font-size: 0.72rem;
|
||||
font-weight: 500;
|
||||
@@ -159,11 +170,13 @@ body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
max-height: 100vh;
|
||||
padding: 1.25rem 1.5rem;
|
||||
min-height: 100%;
|
||||
height: auto;
|
||||
max-height: none;
|
||||
padding: var(--page-pad);
|
||||
padding-bottom: 1.25rem;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
overflow: visible;
|
||||
animation: fadeIn 0.35s ease-out;
|
||||
}
|
||||
|
||||
@@ -171,10 +184,14 @@ body {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 1rem;
|
||||
padding-bottom: 0.85rem;
|
||||
margin-bottom: 0.65rem;
|
||||
padding-bottom: 0.55rem;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
flex-shrink: 0;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
background: var(--bg-main);
|
||||
}
|
||||
|
||||
.brand {
|
||||
@@ -184,15 +201,15 @@ body {
|
||||
}
|
||||
|
||||
.brand-logo {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background: var(--accent);
|
||||
border-radius: var(--radius-sm);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: 800;
|
||||
font-size: 0.85rem;
|
||||
font-size: 0.75rem;
|
||||
color: white;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
@@ -205,25 +222,36 @@ body {
|
||||
|
||||
.brand-name {
|
||||
font-weight: 800;
|
||||
font-size: 1.05rem;
|
||||
font-size: 0.95rem;
|
||||
letter-spacing: -0.3px;
|
||||
color: var(--text-primary);
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.app-version {
|
||||
font-size: 0.68em;
|
||||
font-weight: 700;
|
||||
color: var(--accent);
|
||||
letter-spacing: 0;
|
||||
margin-left: 0.2rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.brand-sub {
|
||||
font-size: 0.7rem;
|
||||
font-size: 0.62rem;
|
||||
font-weight: 500;
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.main-grid {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(220px, 260px) 1fr;
|
||||
gap: 1rem;
|
||||
flex: 1;
|
||||
grid-template-columns: minmax(180px, 220px) 1fr;
|
||||
gap: 0.75rem;
|
||||
flex: none;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
height: auto;
|
||||
overflow: visible;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
/* ── Profile Card ── */
|
||||
@@ -232,25 +260,25 @@ body {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
height: 100%;
|
||||
height: auto;
|
||||
min-height: 0;
|
||||
overflow-y: auto;
|
||||
overflow: visible;
|
||||
justify-content: flex-start;
|
||||
padding-top: 1rem;
|
||||
padding-top: 0.75rem;
|
||||
}
|
||||
|
||||
.avatar-container {
|
||||
position: relative;
|
||||
margin-bottom: 1.25rem;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 84px;
|
||||
height: 84px;
|
||||
width: 68px;
|
||||
height: 68px;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
border: 3px solid var(--accent-light);
|
||||
padding: 3px;
|
||||
border: 2px solid var(--accent-light);
|
||||
padding: 2px;
|
||||
background: var(--bg-subtle);
|
||||
}
|
||||
|
||||
@@ -276,7 +304,7 @@ body {
|
||||
|
||||
.student-name {
|
||||
margin: 0;
|
||||
font-size: 1.2rem;
|
||||
font-size: 1.05rem;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
letter-spacing: -0.3px;
|
||||
@@ -285,12 +313,12 @@ body {
|
||||
.student-code {
|
||||
background: var(--accent-light);
|
||||
color: var(--accent);
|
||||
padding: 3px 10px;
|
||||
padding: 2px 8px;
|
||||
border-radius: 6px;
|
||||
font-size: 0.8rem;
|
||||
font-size: 0.72rem;
|
||||
font-weight: 700;
|
||||
margin-top: 0.4rem;
|
||||
margin-bottom: 0.5rem;
|
||||
margin-top: 0.3rem;
|
||||
margin-bottom: 0.35rem;
|
||||
border: 1px solid rgba(187, 33, 38, 0.15);
|
||||
letter-spacing: 0.3px;
|
||||
display: inline-block;
|
||||
@@ -299,22 +327,22 @@ body {
|
||||
.student-email {
|
||||
margin: 0;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.82rem;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
.divider {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: var(--border-color);
|
||||
margin: 1.25rem 0;
|
||||
margin: 0.75rem 0;
|
||||
}
|
||||
|
||||
.profile-info-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
font-size: 0.82rem;
|
||||
margin-bottom: 0.6rem;
|
||||
font-size: 0.75rem;
|
||||
margin-bottom: 0.4rem;
|
||||
}
|
||||
|
||||
.profile-info-row span {
|
||||
@@ -330,17 +358,17 @@ body {
|
||||
.right-column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.85rem;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
gap: 0.65rem;
|
||||
overflow: visible;
|
||||
height: auto;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.status-banner {
|
||||
padding: 0.75rem 1rem;
|
||||
padding: 0.55rem 0.75rem;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 0.75rem;
|
||||
gap: 0.55rem;
|
||||
border-left: 3px solid var(--accent);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
@@ -393,13 +421,13 @@ body {
|
||||
.exam-panel {
|
||||
border: 1px solid #c4b5fd;
|
||||
background: linear-gradient(135deg, #faf5ff 0%, #fff 100%);
|
||||
padding: 1rem 1.15rem;
|
||||
margin-bottom: 0.75rem;
|
||||
padding: 0.75rem 0.9rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.exam-panel-desc {
|
||||
margin: 0 0 0.85rem;
|
||||
font-size: 0.85rem;
|
||||
margin: 0 0 0.65rem;
|
||||
font-size: 0.78rem;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
@@ -410,6 +438,38 @@ body {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.tools-panel {
|
||||
margin-bottom: 0;
|
||||
padding: 0.75rem 0.9rem;
|
||||
border: 1px solid #f5c2c4;
|
||||
background: linear-gradient(135deg, #fff8f8 0%, #fff 100%);
|
||||
}
|
||||
|
||||
.tools-panel-desc {
|
||||
margin: 0 0 0.65rem;
|
||||
font-size: 0.78rem;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.tools-panel-actions {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.btn-tool {
|
||||
background: #fff;
|
||||
color: var(--accent);
|
||||
border: 1px solid var(--accent);
|
||||
padding: 0.4rem 0.75rem;
|
||||
font-size: 0.78rem;
|
||||
}
|
||||
|
||||
.btn-tool:hover {
|
||||
background: var(--accent-light);
|
||||
}
|
||||
|
||||
.exam-wait, .exam-done {
|
||||
font-size: 0.82rem;
|
||||
color: var(--text-muted);
|
||||
@@ -608,7 +668,7 @@ body {
|
||||
.stats-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 0.65rem;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.stats-grid--two {
|
||||
@@ -957,9 +1017,10 @@ body {
|
||||
}
|
||||
|
||||
.shifts-wrap {
|
||||
flex: 1;
|
||||
flex: none;
|
||||
min-height: 0;
|
||||
overflow: auto;
|
||||
max-height: none;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.shifts-table {
|
||||
@@ -1028,14 +1089,14 @@ body {
|
||||
}
|
||||
|
||||
.status-banner-icon {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: var(--accent-light);
|
||||
border-radius: var(--radius-sm);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 1.1rem;
|
||||
font-size: 0.95rem;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@@ -1048,7 +1109,7 @@ body {
|
||||
}
|
||||
|
||||
.status-banner-value {
|
||||
font-size: 0.9rem;
|
||||
font-size: 0.82rem;
|
||||
font-weight: 600;
|
||||
color: var(--text-primary);
|
||||
}
|
||||
@@ -1056,19 +1117,19 @@ body {
|
||||
.stat-card {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.85rem;
|
||||
padding: 0.9rem 1rem;
|
||||
gap: 0.65rem;
|
||||
padding: 0.65rem 0.75rem;
|
||||
}
|
||||
|
||||
.stat-icon-wrap {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
background: var(--bg-subtle);
|
||||
border-radius: var(--radius-sm);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 1.2rem;
|
||||
font-size: 1rem;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@@ -1088,7 +1149,7 @@ body {
|
||||
}
|
||||
|
||||
.stat-value {
|
||||
font-size: 0.95rem;
|
||||
font-size: 0.85rem;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
white-space: nowrap;
|
||||
@@ -1100,11 +1161,11 @@ body {
|
||||
.clocks-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.3rem;
|
||||
flex: 1;
|
||||
gap: 0.25rem;
|
||||
flex: none;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
padding: 0.5rem 0.65rem;
|
||||
overflow: visible;
|
||||
padding: 0.45rem 0.55rem;
|
||||
}
|
||||
|
||||
.card-title {
|
||||
@@ -1161,11 +1222,11 @@ body {
|
||||
|
||||
/* ── Buttons ── */
|
||||
.btn {
|
||||
padding: 0.65rem 1.15rem;
|
||||
padding: 0.45rem 0.85rem;
|
||||
border-radius: var(--radius-sm);
|
||||
border: none;
|
||||
font-weight: 600;
|
||||
font-size: 0.875rem;
|
||||
font-size: 0.78rem;
|
||||
font-family: 'Be Vietnam Pro', sans-serif;
|
||||
cursor: pointer;
|
||||
transition: var(--transition);
|
||||
@@ -1187,8 +1248,8 @@ body {
|
||||
background: var(--bg-subtle);
|
||||
color: var(--text-secondary);
|
||||
border: 1px solid var(--border-color);
|
||||
padding: 0.5rem 0.9rem;
|
||||
font-size: 0.82rem;
|
||||
padding: 0.35rem 0.7rem;
|
||||
font-size: 0.72rem;
|
||||
}
|
||||
|
||||
.btn-logout:hover {
|
||||
@@ -1197,6 +1258,69 @@ body {
|
||||
border-color: rgba(214, 48, 49, 0.25);
|
||||
}
|
||||
|
||||
/* ── Compact / small screens ── */
|
||||
@media (max-width: 860px) {
|
||||
.main-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.profile-card {
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
text-align: left;
|
||||
align-items: center;
|
||||
gap: 0.65rem 0.85rem;
|
||||
padding-top: 0.55rem;
|
||||
}
|
||||
|
||||
.avatar-container {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.profile-card .student-name,
|
||||
.profile-card .student-code,
|
||||
.profile-card .student-email {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.profile-card .divider {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.profile-info-row {
|
||||
width: auto;
|
||||
flex: 1 1 100%;
|
||||
margin-bottom: 0.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 560px) {
|
||||
:root {
|
||||
--page-pad: 0.55rem 0.6rem;
|
||||
--card-pad: 0.7rem 0.75rem;
|
||||
}
|
||||
|
||||
.tools-panel-actions,
|
||||
.exam-panel-actions {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.tools-panel-actions .btn,
|
||||
.exam-panel-actions .btn {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.clock-inline {
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.card-title-row--shifts {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
|
||||
/* ── Animations ── */
|
||||
@keyframes floatIn {
|
||||
from { opacity: 0; transform: translateY(12px); }
|
||||
|
||||
@@ -19,6 +19,7 @@ if (typeof window.go.main.App === 'undefined') {
|
||||
}
|
||||
|
||||
const brandLogoHtml = `<img src="${logoUrl}" alt="Simple Care" class="brand-logo-img" />`;
|
||||
const APP_VERSION = '1.3';
|
||||
|
||||
// Trạng thái cục bộ
|
||||
let loggedIn = false;
|
||||
@@ -126,7 +127,7 @@ function renderLoginPrompt() {
|
||||
<div class="login-brand-row">
|
||||
${brandLogoHtml}
|
||||
<div class="login-brand-text">
|
||||
<div class="login-brand-name">Simple Care</div>
|
||||
<div class="login-brand-name">Simple Care <span class="app-version">v${APP_VERSION}</span></div>
|
||||
<div class="login-brand-sub">Rikkei Education</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -413,7 +414,7 @@ function renderExamPanel() {
|
||||
<div class="card-title-row">
|
||||
<div class="card-title">📝 ${ex.examName || 'Phòng thi'}</div>
|
||||
</div>
|
||||
<p class="exam-panel-desc">Đề PDF và tài nguyên xem ngay trong app. Link trắc nghiệm mở trang thi — xong thì menu <strong>Simple Care → Về trang chính</strong> (Ctrl+H).</p>
|
||||
<p class="exam-panel-desc">Đề PDF và tài nguyên xem trong app. Trắc nghiệm mở trang quiz trực tiếp (giữ đăng nhập). F5 / Xóa cache / Về trang chính: menu <strong>Simple Care</strong> (F5, Ctrl+Delete, Ctrl+H).</p>
|
||||
<div class="exam-panel-actions">
|
||||
${paperBtn}
|
||||
${quizBtn}
|
||||
@@ -498,7 +499,7 @@ function renderDashboard() {
|
||||
<div class="brand">
|
||||
${brandLogoHtml}
|
||||
<div class="brand-text">
|
||||
<span class="brand-name">Simple Care</span>
|
||||
<span class="brand-name">Simple Care <span class="app-version">v${APP_VERSION}</span></span>
|
||||
<span class="brand-sub">Rikkei Education</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -544,6 +545,18 @@ function renderDashboard() {
|
||||
|
||||
<div id="exam-panel-host">${renderExamPanel()}</div>
|
||||
|
||||
<div class="card tools-panel">
|
||||
<div class="card-title-row">
|
||||
<div class="card-title">Công cụ học tập</div>
|
||||
</div>
|
||||
<p class="tools-panel-desc">GitHub & Google Dịch mở trong app. Trình duyệt Local chỉ chạy link <strong>localhost</strong> để test bài làm.</p>
|
||||
<div class="tools-panel-actions">
|
||||
<button type="button" class="btn btn-tool" id="btn-open-github">GitHub</button>
|
||||
<button type="button" class="btn btn-tool" id="btn-open-translate">Google Dịch</button>
|
||||
<button type="button" class="btn btn-primary" id="btn-open-local-browser">Trình duyệt Local</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="stats-grid stats-grid--two">
|
||||
<div class="card stat-card">
|
||||
<div class="stat-icon-wrap">📡</div>
|
||||
@@ -592,6 +605,15 @@ function renderDashboard() {
|
||||
await window.go.main.App.Logout();
|
||||
}
|
||||
});
|
||||
document.getElementById('btn-open-github')?.addEventListener('click', () => {
|
||||
window.go.main.App.OpenGitHub();
|
||||
});
|
||||
document.getElementById('btn-open-translate')?.addEventListener('click', () => {
|
||||
window.go.main.App.OpenGoogleTranslate();
|
||||
});
|
||||
document.getElementById('btn-open-local-browser')?.addEventListener('click', () => {
|
||||
window.go.main.App.OpenLocalBrowser();
|
||||
});
|
||||
wireExamPanel();
|
||||
}
|
||||
|
||||
|
||||
@@ -1,14 +1,18 @@
|
||||
html {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
min-height: 100%;
|
||||
height: auto;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
#app {
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
12
client/frontend/wailsjs/go/main/App.d.ts
vendored
12
client/frontend/wailsjs/go/main/App.d.ts
vendored
@@ -5,6 +5,8 @@ export function CheckLoginStatus():Promise<boolean>;
|
||||
|
||||
export function ClearChatUnread():Promise<void>;
|
||||
|
||||
export function ClearExamBrowserCache():Promise<void>;
|
||||
|
||||
export function DownloadExamResource(arg1:number):Promise<string>;
|
||||
|
||||
export function GetChatConversations():Promise<Array<Record<string, any>>>;
|
||||
@@ -23,6 +25,8 @@ export function GetStats():Promise<Record<string, any>>;
|
||||
|
||||
export function GetStudentInfo():Promise<Record<string, any>>;
|
||||
|
||||
export function HandleBeforeClose():Promise<boolean>;
|
||||
|
||||
export function LoadExamViewFile(arg1:string):Promise<Record<string, any>>;
|
||||
|
||||
export function Logout():Promise<void>;
|
||||
@@ -35,6 +39,14 @@ export function OpenExamQuiz():Promise<void>;
|
||||
|
||||
export function OpenExamResource(arg1:number):Promise<void>;
|
||||
|
||||
export function OpenGitHub():Promise<void>;
|
||||
|
||||
export function OpenGoogleTranslate():Promise<void>;
|
||||
|
||||
export function OpenLocalBrowser():Promise<void>;
|
||||
|
||||
export function ReloadExamPage():Promise<void>;
|
||||
|
||||
export function ReturnToDashboard():Promise<void>;
|
||||
|
||||
export function SendChatMessage(arg1:string):Promise<void>;
|
||||
|
||||
@@ -10,82 +10,106 @@ export function ClearChatUnread() {
|
||||
return ObfuscatedCall(1, []);
|
||||
}
|
||||
|
||||
export function ClearExamBrowserCache() {
|
||||
return ObfuscatedCall(2, []);
|
||||
}
|
||||
|
||||
export function DownloadExamResource(arg1) {
|
||||
return ObfuscatedCall(2, [arg1]);
|
||||
return ObfuscatedCall(3, [arg1]);
|
||||
}
|
||||
|
||||
export function GetChatConversations() {
|
||||
return ObfuscatedCall(3, []);
|
||||
return ObfuscatedCall(4, []);
|
||||
}
|
||||
|
||||
export function GetChatMessages(arg1) {
|
||||
return ObfuscatedCall(4, [arg1]);
|
||||
return ObfuscatedCall(5, [arg1]);
|
||||
}
|
||||
|
||||
export function GetChatUnread() {
|
||||
return ObfuscatedCall(5, []);
|
||||
}
|
||||
|
||||
export function GetExamPaperFiles() {
|
||||
return ObfuscatedCall(6, []);
|
||||
}
|
||||
|
||||
export function GetExamPaperViewURL() {
|
||||
export function GetExamPaperFiles() {
|
||||
return ObfuscatedCall(7, []);
|
||||
}
|
||||
|
||||
export function GetExamQuizViewURL() {
|
||||
export function GetExamPaperViewURL() {
|
||||
return ObfuscatedCall(8, []);
|
||||
}
|
||||
|
||||
export function GetStats() {
|
||||
export function GetExamQuizViewURL() {
|
||||
return ObfuscatedCall(9, []);
|
||||
}
|
||||
|
||||
export function GetStudentInfo() {
|
||||
export function GetStats() {
|
||||
return ObfuscatedCall(10, []);
|
||||
}
|
||||
|
||||
export function LoadExamViewFile(arg1) {
|
||||
return ObfuscatedCall(11, [arg1]);
|
||||
export function GetStudentInfo() {
|
||||
return ObfuscatedCall(11, []);
|
||||
}
|
||||
|
||||
export function Logout() {
|
||||
export function HandleBeforeClose() {
|
||||
return ObfuscatedCall(12, []);
|
||||
}
|
||||
|
||||
export function NavigateToLogin() {
|
||||
return ObfuscatedCall(13, []);
|
||||
export function LoadExamViewFile(arg1) {
|
||||
return ObfuscatedCall(13, [arg1]);
|
||||
}
|
||||
|
||||
export function OpenExamPaper() {
|
||||
export function Logout() {
|
||||
return ObfuscatedCall(14, []);
|
||||
}
|
||||
|
||||
export function OpenExamQuiz() {
|
||||
export function NavigateToLogin() {
|
||||
return ObfuscatedCall(15, []);
|
||||
}
|
||||
|
||||
export function OpenExamResource(arg1) {
|
||||
return ObfuscatedCall(16, [arg1]);
|
||||
export function OpenExamPaper() {
|
||||
return ObfuscatedCall(16, []);
|
||||
}
|
||||
|
||||
export function ReturnToDashboard() {
|
||||
export function OpenExamQuiz() {
|
||||
return ObfuscatedCall(17, []);
|
||||
}
|
||||
|
||||
export function SendChatMessage(arg1) {
|
||||
export function OpenExamResource(arg1) {
|
||||
return ObfuscatedCall(18, [arg1]);
|
||||
}
|
||||
|
||||
export function SendWebcamFrame(arg1) {
|
||||
return ObfuscatedCall(19, [arg1]);
|
||||
export function OpenGitHub() {
|
||||
return ObfuscatedCall(19, []);
|
||||
}
|
||||
|
||||
export function SubmitExamWork() {
|
||||
export function OpenGoogleTranslate() {
|
||||
return ObfuscatedCall(20, []);
|
||||
}
|
||||
|
||||
export function UnlockChatAudio() {
|
||||
export function OpenLocalBrowser() {
|
||||
return ObfuscatedCall(21, []);
|
||||
}
|
||||
|
||||
export function ReloadExamPage() {
|
||||
return ObfuscatedCall(22, []);
|
||||
}
|
||||
|
||||
export function ReturnToDashboard() {
|
||||
return ObfuscatedCall(23, []);
|
||||
}
|
||||
|
||||
export function SendChatMessage(arg1) {
|
||||
return ObfuscatedCall(24, [arg1]);
|
||||
}
|
||||
|
||||
export function SendWebcamFrame(arg1) {
|
||||
return ObfuscatedCall(25, [arg1]);
|
||||
}
|
||||
|
||||
export function SubmitExamWork() {
|
||||
return ObfuscatedCall(26, []);
|
||||
}
|
||||
|
||||
export function UnlockChatAudio() {
|
||||
return ObfuscatedCall(27, []);
|
||||
}
|
||||
|
||||
@@ -12,34 +12,183 @@ import (
|
||||
)
|
||||
|
||||
var systemAllowed = map[string]bool{
|
||||
"finder": true,
|
||||
"terminal": true,
|
||||
"iterm": true,
|
||||
"iterm2": true,
|
||||
"bash": true,
|
||||
"zsh": true,
|
||||
"sh": true,
|
||||
"wails": true,
|
||||
"code": true,
|
||||
"cursor": true,
|
||||
"windsurf": true,
|
||||
"goland": true,
|
||||
"idea": true,
|
||||
"clion": true,
|
||||
"webstorm": true,
|
||||
"pycharm": true,
|
||||
"rider": true,
|
||||
"studio": true,
|
||||
"eclipse": true,
|
||||
"sublime_text": true,
|
||||
"git": true,
|
||||
"docker": true,
|
||||
"system events": true,
|
||||
"osascript": true,
|
||||
"client": true,
|
||||
"simple_care_v1.0": true,
|
||||
}
|
||||
// ── Core macOS Desktop Infrastructure ─────────────────────────────────────
|
||||
"finder": true, // macOS file manager / desktop
|
||||
"dock": true, // macOS Dock — kill = dock disappears
|
||||
"windowserver": true, // WindowServer — kill = instant logout
|
||||
"loginwindow": true, // Login/session manager — kill = logout
|
||||
"systemuiserver": true, // Menu bar icons (volume, wifi, battery, clock)
|
||||
"controlcenter": true, // macOS Control Center (Monterey+)
|
||||
"notificationcenter": true, // Notification Center
|
||||
"spotlight": true, // Spotlight search
|
||||
"launchpad": true,
|
||||
"mission control": true,
|
||||
"exposé": true,
|
||||
"universalaccessd": true,
|
||||
"accessibilityuiagent": true, // Accessibility helper
|
||||
|
||||
// ── Input Methods & Language (critical — kill = can't type) ───────────────
|
||||
"inputmethodkit": true,
|
||||
"ibus": true,
|
||||
"hiragana kakomi input": true,
|
||||
"kinput2": true,
|
||||
"squirrel": true, // Rime input method
|
||||
"scim": true,
|
||||
"kotoeri": true, // Japanese IME
|
||||
"pinyin - simplified": true, // macOS Chinese Pinyin
|
||||
"zhuyin - traditional": true,
|
||||
"vietnamese": true, // macOS built-in Vietnamese IME
|
||||
"abc": true, // macOS ABC keyboard input
|
||||
|
||||
// ── Security / Keychain / Authentication ──────────────────────────────────
|
||||
"securityagent": true, // macOS security agent — kill breaks sudo GUI, Keychain prompts
|
||||
"keychain": true, // Keychain access
|
||||
"keychainservicesagent": true,
|
||||
"trustd": true,
|
||||
"opendirectoryd": true,
|
||||
"authorizationhost": true, // Authorization host — UAC equivalent
|
||||
"securityd": true,
|
||||
"coreauthenticationd": true,
|
||||
"biometricd": true,
|
||||
"touchidd": true,
|
||||
|
||||
// ── Security utilities / AV (from app_pool + common) ──────────────────────
|
||||
"activity monitor": true, // System monitor (app_pool)
|
||||
"passwords": true, // Apple Passwords / iCloud Keychain (app_pool)
|
||||
"xprotectservice": true, // macOS built-in malware protection
|
||||
"xprotect": true,
|
||||
"malware removal tool": true,
|
||||
"mrt": true,
|
||||
"avast": true,
|
||||
"avast security": true,
|
||||
"bitdefender": true,
|
||||
"norton": true,
|
||||
"sophos": true,
|
||||
"malwarebytes": true,
|
||||
"eset": true,
|
||||
"little snitch": true,
|
||||
"lulu": true,
|
||||
|
||||
// ── Audio / Media ─────────────────────────────────────────────────────────
|
||||
"coreaudiod": true, // Core Audio daemon — kill = no sound
|
||||
"audioundockhelper": true,
|
||||
"audio midi setup": true,
|
||||
"noiseremoval": true,
|
||||
|
||||
// ── Networking / VPN ──────────────────────────────────────────────────────
|
||||
"networkd": true,
|
||||
"nesessionmanager": true, // Network Extension — kill drops VPN
|
||||
"scutil": true,
|
||||
"configd": true,
|
||||
"mDNSResponder": true, // Bonjour DNS
|
||||
|
||||
// ── Spotlight / File Indexing ──────────────────────────────────────────────
|
||||
"mds": true, // Spotlight metadata server
|
||||
"mds_stores": true,
|
||||
"mdworker": true, // prefix match covers mdworker_shared
|
||||
"mdworker_shared": true,
|
||||
|
||||
// ── iCloud / Apple Services ───────────────────────────────────────────────
|
||||
"bird": true, // iCloud Drive daemon
|
||||
"cloudd": true,
|
||||
"com.apple.icloud": true, // prefix
|
||||
"cloudphotod": true,
|
||||
"nsurlsessiond": true,
|
||||
|
||||
// ── System Preferences / Settings ─────────────────────────────────────────
|
||||
"system preferences": true, // macOS System Preferences (pre-Ventura)
|
||||
"system settings": true, // macOS System Settings (Ventura+)
|
||||
"software update": true,
|
||||
"app store": true,
|
||||
|
||||
// ── Screen / Display ──────────────────────────────────────────────────────
|
||||
"screensaver engine": true, // Screensaver
|
||||
"com.apple.screensaver": true,
|
||||
"colorsyncd": true,
|
||||
"colorsync utility": true,
|
||||
"nightshift": true,
|
||||
"display menu": true,
|
||||
|
||||
// ── Clipboard / Pasteboard ────────────────────────────────────────────────
|
||||
"pboard": true, // Pasteboard daemon — kill breaks copy/paste
|
||||
|
||||
// ── Printing ─────────────────────────────────────────────────────────────
|
||||
"printingproxy": true,
|
||||
"cupsd": true,
|
||||
|
||||
// ── Crash Reporting / Diagnostics ─────────────────────────────────────────
|
||||
"crashreporter": true,
|
||||
"diagnosticsd": true,
|
||||
"spindump": true,
|
||||
"reportmemoryexception": true,
|
||||
|
||||
// ── Webkit / App subprocesses ─────────────────────────────────────────────
|
||||
"webkit": true, // prefix
|
||||
"com.apple.webkit": true, // prefix
|
||||
"com.apple.webkit.networking": true,
|
||||
|
||||
// ── Remote support ────────────────────────────────────────────────────────
|
||||
"applescriptkit": true,
|
||||
"applescript runner": true,
|
||||
"rustdesk": true,
|
||||
"anydesk": true,
|
||||
"teamviewer": true,
|
||||
"screen sharing": true,
|
||||
"screensharingd": true, // macOS Screen Sharing
|
||||
|
||||
// ── Terminals ─────────────────────────────────────────────────────────────
|
||||
"terminal": true, // macOS Terminal
|
||||
"iterm": true,
|
||||
"iterm2": true,
|
||||
"wezterm": true,
|
||||
"kitty": true,
|
||||
"alacritty": true,
|
||||
"hyper": true,
|
||||
|
||||
// ── Shells ────────────────────────────────────────────────────────────────
|
||||
"bash": true,
|
||||
"zsh": true,
|
||||
"sh": true,
|
||||
"fish": true,
|
||||
|
||||
// ── AppleScript / Automation ──────────────────────────────────────────────
|
||||
"system events": true, // AppleScript System Events (used by our blocker itself)
|
||||
"osascript": true, // AppleScript runner (used by our getVisibleProcesses)
|
||||
|
||||
// ── Git & Credential Helpers ──────────────────────────────────────────────
|
||||
"git": true,
|
||||
"git-credential-manager": true,
|
||||
"git-credential-osxkeychain": true,
|
||||
"github desktop": true,
|
||||
"sourcetree": true,
|
||||
"fork": true,
|
||||
|
||||
// ── Docker ───────────────────────────────────────────────────────────────
|
||||
"docker": true,
|
||||
"docker desktop": true,
|
||||
"com.docker": true, // prefix
|
||||
|
||||
// ── Our app + IDE/dev tools ────────────────────────────────────────────────
|
||||
"client": true,
|
||||
"simple_care_v1.0": true,
|
||||
"simple_care_v1.1": true,
|
||||
"simple_care_v1.2": true,
|
||||
"simple_care_v1.3": true,
|
||||
"simple_care": true,
|
||||
"wails": true,
|
||||
"code": true, // VSCode
|
||||
"cursor": true,
|
||||
"windsurf": true,
|
||||
"goland": true,
|
||||
"idea": true,
|
||||
"clion": true,
|
||||
"webstorm": true,
|
||||
"pycharm": true,
|
||||
"rider": true,
|
||||
"studio": true, // Android Studio
|
||||
"eclipse": true,
|
||||
"sublime text": true,
|
||||
}
|
||||
type ProcessInfo struct {
|
||||
Name string
|
||||
BundleID string
|
||||
@@ -121,11 +270,9 @@ func (b *Blocker) checkAndKill() {
|
||||
myPid := uint32(os.Getpid())
|
||||
for pid, info := range procs {
|
||||
pNameLower := strings.ToLower(info.Name)
|
||||
bundleIDLower := strings.ToLower(info.BundleID)
|
||||
|
||||
// 1. Always allow our app, system/critical developer tools, or agent helpers (and Antigravity IDE)
|
||||
isAntigravity := strings.Contains(pNameLower, "antigravity") || strings.Contains(bundleIDLower, "antigravity")
|
||||
if pid == myPid || (currentExec != "" && pNameLower == currentExec) || systemAllowed[pNameLower] || isAntigravity {
|
||||
// 1. Always allow our app, system/critical developer tools, or agent helpers
|
||||
if pid == myPid || (currentExec != "" && pNameLower == currentExec) || systemAllowed[pNameLower] {
|
||||
continue
|
||||
}
|
||||
|
||||
|
||||
403
client/internal/blocker/blocker_linux.go
Normal file
403
client/internal/blocker/blocker_linux.go
Normal file
@@ -0,0 +1,403 @@
|
||||
//go:build linux
|
||||
|
||||
package blocker
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"log"
|
||||
"os"
|
||||
"path/filepath"
|
||||
"strconv"
|
||||
"strings"
|
||||
)
|
||||
|
||||
var systemAllowed = map[string]bool{
|
||||
// ── Display servers / Compositors ─────────────────────────────────────────
|
||||
"gnome-shell": true,
|
||||
"mutter": true,
|
||||
"mutter-x11-fram": true, // prefix match too
|
||||
"xwayland": true,
|
||||
"xorg": true,
|
||||
"Xorg": true,
|
||||
"x11": true,
|
||||
"kwin_wayland": true, // KDE compositor
|
||||
"kwin_x11": true,
|
||||
"plasmashell": true, // KDE Plasma shell
|
||||
"hyprland": true, // Hyprland Wayland compositor
|
||||
"sway": true, // Sway compositor
|
||||
"wayfire": true, // Wayfire compositor
|
||||
"river": true, // River compositor
|
||||
"labwc": true, // LabWC compositor
|
||||
"openbox": true,
|
||||
"i3": true,
|
||||
"i3bar": true,
|
||||
"awesome": true,
|
||||
"bspwm": true,
|
||||
"xfwm4": true,
|
||||
"marco": true, // MATE wm
|
||||
"compiz": true,
|
||||
"picom": true,
|
||||
"compton": true,
|
||||
|
||||
// ── Wayland session tools ─────────────────────────────────────────────────
|
||||
"wl-paste": true,
|
||||
"wl-copy": true,
|
||||
"wlr-randr": true,
|
||||
"kanshi": true, // output manager
|
||||
"wlsunset": true,
|
||||
"gammastep": true,
|
||||
"swaylock": true,
|
||||
"swayidle": true,
|
||||
"swaybg": true,
|
||||
"swaync": true, // SwayNotificationCenter
|
||||
"waybar": true, // Wayland statusbar
|
||||
"eww": true, // ElKowar's wacky widgets
|
||||
"ags": true, // Aylur's GTK Shell
|
||||
"rofi": true, // app launcher (used in many WMs)
|
||||
"wofi": true, // Wayland rofi
|
||||
"fuzzel": true, // Wayland launcher
|
||||
"tofi": true,
|
||||
"dmenu": true,
|
||||
"bemenu": true,
|
||||
|
||||
// ── Session / Login managers ──────────────────────────────────────────────
|
||||
"gdm": true,
|
||||
"gdm3": true,
|
||||
"sddm": true,
|
||||
"lightdm": true,
|
||||
"lxdm": true,
|
||||
"slim": true,
|
||||
"greetd": true,
|
||||
"gnome-session": true,
|
||||
"gnome-session-bi": true, // prefix matches binary
|
||||
"lxsession": true,
|
||||
"startx": true,
|
||||
"xinit": true,
|
||||
|
||||
// ── Terminals ─────────────────────────────────────────────────────────────
|
||||
"xterm": true,
|
||||
"gnome-terminal": true,
|
||||
"gnome-terminal-": true, // prefix for server process
|
||||
"ptyxis": true,
|
||||
"konsole": true,
|
||||
"kitty": true,
|
||||
"alacritty": true,
|
||||
"wezterm": true,
|
||||
"wezterm-gui": true,
|
||||
"foot": true,
|
||||
"xfce4-terminal": true,
|
||||
"tilix": true,
|
||||
"terminator": true,
|
||||
"urxvt": true,
|
||||
"rxvt": true,
|
||||
"sakura": true,
|
||||
"st": true,
|
||||
|
||||
// ── Shells ────────────────────────────────────────────────────────────────
|
||||
"bash": true,
|
||||
"zsh": true,
|
||||
"sh": true,
|
||||
"fish": true,
|
||||
"dash": true,
|
||||
"ksh": true,
|
||||
|
||||
// ── Input methods (critical — killing these breaks Vietnamese typing) ─────
|
||||
"ibus-daemon": true,
|
||||
"ibus-x11": true,
|
||||
"ibus-": true, // prefix: ibus-extension-, ibus-portal, ibus-engine-...
|
||||
"fcitx5": true,
|
||||
"fcitx": true,
|
||||
"fcitx-": true, // prefix
|
||||
"uim": true,
|
||||
"scim": true,
|
||||
"sogou-qimpanel": true,
|
||||
"gcin": true,
|
||||
"kimpanel": true,
|
||||
|
||||
// ── GNOME core services ───────────────────────────────────────────────────
|
||||
"gjs": true,
|
||||
"gsd-": true, // prefix: gsd-keyboard, gsd-media-keys, gsd-power, gsd-color...
|
||||
"goa-daemon": true,
|
||||
"goa-identity-ser": true,
|
||||
"evolution-": true, // prefix: evolution-calendar, evolution-addressbook...
|
||||
"gnome-keyring-d": true,
|
||||
"gnome-keyring": true,
|
||||
"polkit-gnome-au": true,
|
||||
"polkitd": true,
|
||||
"gnome-settings-d": true,
|
||||
"gnome-initial-se": true,
|
||||
"gnome-control-ce": true,
|
||||
"gvfsd": true,
|
||||
"gvfsd-": true, // prefix
|
||||
"tracker-miner-": true, // prefix
|
||||
"tracker3": true,
|
||||
"zeitgeist": true,
|
||||
"zeitgeist-": true,
|
||||
"accounts-daemon": true,
|
||||
"colord": true,
|
||||
"power-profiles-": true,
|
||||
"fprintd": true,
|
||||
"fwupd": true,
|
||||
"udisksd": true,
|
||||
"upowerd": true,
|
||||
"packagekitd": true,
|
||||
"nm-dispatcher": true,
|
||||
|
||||
// ── D-Bus / XDG / AT-SPI ─────────────────────────────────────────────────
|
||||
"xdg-": true, // prefix: xdg-desktop-portal, xdg-permission-store...
|
||||
"at-spi": true, // prefix
|
||||
"at-spi-bus-laun": true,
|
||||
"at-spi2-registr": true,
|
||||
"dbus-daemon": true,
|
||||
"dbus-launch": true,
|
||||
|
||||
// ── System services (often have GTK tray icons) ───────────────────────────
|
||||
"systemd": true, // prefix match handles systemd-*
|
||||
"snapd-": true, // prefix
|
||||
"snapd": true,
|
||||
|
||||
// ── Network/Bluetooth tray (critical for connectivity UI) ─────────────────
|
||||
"nm-applet": true, // NetworkManager tray — if killed, students lose wifi UI
|
||||
"nm-tray": true,
|
||||
"network-manager-": true, // prefix
|
||||
"blueman-applet": true, // Bluetooth tray — kills BT management
|
||||
"blueman-tray": true,
|
||||
"blueman-manager": true,
|
||||
"kdeconnectd": true, // KDE Connect daemon
|
||||
"kdeconnect-indi": true, // KDE Connect indicator
|
||||
|
||||
// ── Notification daemons ──────────────────────────────────────────────────
|
||||
"dunst": true,
|
||||
"mako": true,
|
||||
"notify-osd": true,
|
||||
"xfce4-notifyd": true,
|
||||
"fnott": true,
|
||||
|
||||
// ── Polkit authentication agents ─────────────────────────────────────────
|
||||
"lxqt-policykit-": true,
|
||||
"xfce-polkit": true,
|
||||
"mate-polkit": true,
|
||||
"pkttyagent": true,
|
||||
|
||||
// ── Clipboard managers (killing breaks copy/paste) ────────────────────────
|
||||
"copyq": true,
|
||||
"clipit": true,
|
||||
"xclip": true,
|
||||
"xsel": true,
|
||||
"clipman": true,
|
||||
"greenclip": true,
|
||||
|
||||
// ── GTK/GNOME image helpers ───────────────────────────────────────────────
|
||||
"glycin": true,
|
||||
"zenity": true,
|
||||
"yad": true,
|
||||
"kdialog": true,
|
||||
|
||||
// ── Screensaver / Lock ────────────────────────────────────────────────────
|
||||
"gnome-screensave": true,
|
||||
"xscreensaver": true,
|
||||
"xlock": true,
|
||||
"i3lock": true,
|
||||
|
||||
// ── WebKit subprocesses (used by many GTK apps) ───────────────────────────
|
||||
"webkit": true, // prefix
|
||||
"webkit2gtk": true,
|
||||
"WebKitWebProcess": true,
|
||||
"WebKitNetworkPro": true, // prefix
|
||||
|
||||
// ── Security / antivirus / updates (from app_pool + common) ───────────────
|
||||
"update-notifier": true, // Ubuntu update notifier (app_pool)
|
||||
"apport-gtk": true, // Ubuntu crash reporter (app_pool)
|
||||
"kgpg": true, // KDE GPG encryption (app_pool)
|
||||
"ksecretd": true, // KDE secrets daemon (app_pool)
|
||||
"clamtk": true,
|
||||
"clamav": true,
|
||||
"seahorse": true, // GNOME password/keys manager
|
||||
"kwalletd": true,
|
||||
"kwalletd5": true,
|
||||
"kwalletd6": true,
|
||||
"gufw": true, // UFW firewall GUI
|
||||
"firewalld": true,
|
||||
"pkexec": true, // Polkit privilege elevation prompts
|
||||
|
||||
// ── Remote support tools (safety) ────────────────────────────────────────
|
||||
"rustdesk": true,
|
||||
"rustdesk-bin": true,
|
||||
"anydesk": true,
|
||||
"teamviewer": true,
|
||||
"remmina": true,
|
||||
|
||||
// ── Our app + dev tools ───────────────────────────────────────────────────
|
||||
"wails": true,
|
||||
"code": true,
|
||||
"cursor": true,
|
||||
"windsurf": true,
|
||||
"goland": true,
|
||||
"idea": true,
|
||||
"client": true,
|
||||
"simple_care_v1.0": true,
|
||||
"simple_care_v1.1": true,
|
||||
"simple_care_v1.2": true,
|
||||
"simple_care_v1.3": true,
|
||||
"simple_care": true,
|
||||
}
|
||||
|
||||
func isSystemAllowed(name string) bool {
|
||||
name = strings.ToLower(name)
|
||||
if systemAllowed[name] {
|
||||
return true
|
||||
}
|
||||
for pattern := range systemAllowed {
|
||||
if strings.HasPrefix(name, pattern) && pattern != name {
|
||||
return true
|
||||
}
|
||||
}
|
||||
return false
|
||||
}
|
||||
|
||||
func getPPID(pid uint32) uint32 {
|
||||
statusBytes, err := os.ReadFile(fmt.Sprintf("/proc/%d/status", pid))
|
||||
if err != nil {
|
||||
return 0
|
||||
}
|
||||
lines := strings.Split(string(statusBytes), "\n")
|
||||
for _, line := range lines {
|
||||
if strings.HasPrefix(line, "PPid:") {
|
||||
parts := strings.Fields(line)
|
||||
if len(parts) >= 2 {
|
||||
if ppid, err := strconv.ParseUint(parts[1], 10, 32); err == nil {
|
||||
return uint32(ppid)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return 0
|
||||
}
|
||||
|
||||
func isDescendantOf(pid, targetPid uint32) bool {
|
||||
curr := pid
|
||||
for i := 0; i < 10; i++ { // limits lookup to 10 ancestor levels
|
||||
ppid := getPPID(curr)
|
||||
if ppid == 0 {
|
||||
return false
|
||||
}
|
||||
if ppid == targetPid {
|
||||
return true
|
||||
}
|
||||
curr = ppid
|
||||
}
|
||||
return false
|
||||
}
|
||||
|
||||
type ProcessInfo struct {
|
||||
PID uint32
|
||||
Name string
|
||||
}
|
||||
|
||||
func getVisibleProcesses() (map[uint32]ProcessInfo, error) {
|
||||
files, err := os.ReadDir("/proc")
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
|
||||
procs := make(map[uint32]ProcessInfo)
|
||||
for _, f := range files {
|
||||
if !f.IsDir() {
|
||||
continue
|
||||
}
|
||||
pid, err := strconv.ParseUint(f.Name(), 10, 32)
|
||||
if err != nil {
|
||||
continue
|
||||
}
|
||||
|
||||
mapsPath := fmt.Sprintf("/proc/%d/maps", pid)
|
||||
mapsBytes, err := os.ReadFile(mapsPath)
|
||||
if err != nil {
|
||||
// Skip processes we don't own (permission denied)
|
||||
continue
|
||||
}
|
||||
|
||||
mapsStr := string(mapsBytes)
|
||||
isGUI := strings.Contains(mapsStr, "libgtk") ||
|
||||
strings.Contains(mapsStr, "libQt") ||
|
||||
strings.Contains(mapsStr, "libX11") ||
|
||||
strings.Contains(mapsStr, "libwayland-client")
|
||||
|
||||
if !isGUI {
|
||||
continue
|
||||
}
|
||||
|
||||
// Read process name from /proc/PID/comm
|
||||
commBytes, err := os.ReadFile(fmt.Sprintf("/proc/%d/comm", pid))
|
||||
if err != nil {
|
||||
continue
|
||||
}
|
||||
procName := strings.TrimSpace(string(commBytes))
|
||||
|
||||
if procName != "" {
|
||||
procs[uint32(pid)] = ProcessInfo{
|
||||
PID: uint32(pid),
|
||||
Name: procName,
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return procs, nil
|
||||
}
|
||||
|
||||
func (b *Blocker) checkAndKill() {
|
||||
b.mu.Lock()
|
||||
keywords := make([]string, len(b.allowedKeywords))
|
||||
copy(keywords, b.allowedKeywords)
|
||||
b.mu.Unlock()
|
||||
|
||||
if len(keywords) == 0 {
|
||||
return
|
||||
}
|
||||
|
||||
currentExec := ""
|
||||
if execPath, err := os.Executable(); err == nil {
|
||||
currentExec = strings.ToLower(filepath.Base(execPath))
|
||||
}
|
||||
|
||||
procs, err := getVisibleProcesses()
|
||||
if err != nil {
|
||||
log.Printf("[BLOCKER] Failed to get visible processes: %v", err)
|
||||
return
|
||||
}
|
||||
|
||||
myPid := uint32(os.Getpid())
|
||||
for pid, info := range procs {
|
||||
pNameLower := strings.ToLower(info.Name)
|
||||
|
||||
// 1. Always allow our app, our sub-processes, system/critical developer tools, or agent helpers
|
||||
isOurSubprocess := pid == myPid || isDescendantOf(pid, myPid)
|
||||
if isOurSubprocess || (currentExec != "" && pNameLower == currentExec) || isSystemAllowed(pNameLower) {
|
||||
continue
|
||||
}
|
||||
|
||||
// 2. Check if the process name contains any allowed keywords
|
||||
allowed := false
|
||||
for _, kw := range keywords {
|
||||
if matchesAllowedKeyword(kw, pNameLower, pNameLower) {
|
||||
allowed = true
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
// 3. If not allowed, kill the application
|
||||
if !allowed {
|
||||
if b.OnBlocked != nil {
|
||||
b.OnBlocked(info.Name, info.Name)
|
||||
}
|
||||
log.Printf("[BLOCKER] KILLED unauthorized application: %s (PID: %d)", info.Name, pid)
|
||||
proc, err := os.FindProcess(int(pid))
|
||||
if err == nil {
|
||||
errKill := proc.Kill()
|
||||
if errKill == nil && b.OnKill != nil {
|
||||
b.OnKill(info.Name, info.Name)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
//go:build !windows && !darwin
|
||||
//go:build !windows && !darwin && !linux
|
||||
|
||||
package blocker
|
||||
|
||||
|
||||
@@ -187,34 +187,172 @@ func EnumerateGUIWindows() ([]WindowInfo, map[uint32]uint32, error) {
|
||||
}
|
||||
|
||||
var systemAllowed = map[string]bool{
|
||||
"explorer.exe": true,
|
||||
"taskmgr.exe": true,
|
||||
"cmd.exe": true,
|
||||
"powershell.exe": true,
|
||||
"conhost.exe": true,
|
||||
"client.exe": true, // App Wails của ta
|
||||
"simple_care_v1.0.exe": true,
|
||||
"wails.exe": true,
|
||||
"msedgewebview2.exe": true, // WebView2 runtime của Wails
|
||||
"code.exe": true, // VSCode
|
||||
"cursor.exe": true, // Cursor
|
||||
"windsurf.exe": true, // Windsurf
|
||||
"goland.exe": true, // GoLand
|
||||
"goland64.exe": true, // GoLand
|
||||
"idea64.exe": true, // IntelliJ IDEA
|
||||
"clion64.exe": true, // CLion
|
||||
"webstorm64.exe": true, // WebStorm
|
||||
"pycharm64.exe": true, // PyCharm
|
||||
"rider64.exe": true, // Rider
|
||||
"studio64.exe": true, // Android Studio
|
||||
"eclipse.exe": true, // Eclipse
|
||||
"sublime_text.exe": true, // Sublime Text
|
||||
"notepad++.exe": true, // Notepad++
|
||||
"devenv.exe": true, // Visual Studio
|
||||
"git-bash.exe": true, // Git Bash
|
||||
"bash.exe": true, // Bash
|
||||
// ── Windows Shell & Explorer ───────────────────────────────────────────────
|
||||
"explorer.exe": true, // Windows Explorer / desktop shell
|
||||
"shellexperiencehost.exe": true, // Start menu, Action Center shell
|
||||
"startmenuexperiencehost.exe": true, // Start menu host
|
||||
"searchhost.exe": true, // Windows Search UI
|
||||
"searchapp.exe": true, // Windows Search (older)
|
||||
"searchindexer.exe": true,
|
||||
"sihost.exe": true, // Shell Infrastructure Host (taskbar, notification icons)
|
||||
"taskhostw.exe": true, // Task Host Window
|
||||
"taskbar.exe": true,
|
||||
"lockapp.exe": true, // Lock screen
|
||||
"logonui.exe": true, // Login/Logon UI
|
||||
"winlogon.exe": true, // Windows Logon Process
|
||||
"userinit.exe": true,
|
||||
"dwm.exe": true, // Desktop Window Manager — kill = black screen
|
||||
"csrss.exe": true, // Client Server Runtime — kill = BSOD
|
||||
|
||||
// ── UWP / Modern App Infrastructure ───────────────────────────────────────
|
||||
"applicationframehost.exe": true, // Host for ALL UWP apps (Camera, Calculator, Photos...)
|
||||
"runtimebroker.exe": true, // UWP permission broker
|
||||
"backgroundtaskhost.exe": true, // UWP background tasks
|
||||
"wwahost.exe": true, // Web app host
|
||||
"microsoftedgecp.exe": true, // Edge content process (older)
|
||||
"textinputhost.exe": true, // Touch keyboard / handwriting panel
|
||||
|
||||
// ── Input Methods & Language ───────────────────────────────────────────────
|
||||
"ctfmon.exe": true, // Collaborative Translation Framework — input method manager
|
||||
"chsime.exe": true, // Chinese IME
|
||||
"imetip.exe": true, // IME tip
|
||||
"imecmnt.exe": true,
|
||||
"googlepinyin.exe": true,
|
||||
"baidu.exe": true, // Baidu IME
|
||||
"openkey.exe": true, // OpenKey Vietnamese IME
|
||||
"openkey64.exe": true,
|
||||
"gotiengviet.exe": true, // GoTiengViet
|
||||
"unikeyvnt.exe": true, // Unikey
|
||||
"unikey.exe": true,
|
||||
|
||||
// ── Security / Credential / UAC ───────────────────────────────────────────
|
||||
"consent.exe": true, // UAC consent dialog — kill breaks all elevation
|
||||
"credentialuibroker.exe": true, // Credential UI
|
||||
"smartscreen.exe": true, // Windows SmartScreen
|
||||
"securityhealthsystray.exe": true, // Windows Security tray icon
|
||||
"securityhealthservice.exe": true,
|
||||
"wscsvc.exe": true,
|
||||
"msseces.exe": true, // Microsoft Security Essentials tray
|
||||
"msmpeng.exe": true, // Windows Defender engine (has no GUI but safety)
|
||||
"nisSrv.exe": true,
|
||||
"antimalware service executable": true, // Window title of Defender
|
||||
|
||||
// ── Notifications & Action Center ─────────────────────────────────────────
|
||||
"notificationplatformcontroller": true,
|
||||
|
||||
// ── System Tray / Taskbar helpers ─────────────────────────────────────────
|
||||
"systemsettings.exe": true, // Windows Settings
|
||||
"settingssynchostservice.exe": true,
|
||||
"settingssynchost.exe": true,
|
||||
"regsvc.exe": true,
|
||||
"spoolsv.exe": true,
|
||||
"tabtip.exe": true, // Touch keyboard
|
||||
"tabtip32.exe": true,
|
||||
"onedrive.exe": true, // OneDrive tray (common, safe to keep)
|
||||
"onedriveupdater.exe": true,
|
||||
|
||||
// ── Accessibility ─────────────────────────────────────────────────────────
|
||||
"narrator.exe": true,
|
||||
"magnify.exe": true,
|
||||
"osk.exe": true, // On-Screen Keyboard
|
||||
|
||||
// ── Audio ─────────────────────────────────────────────────────────────────
|
||||
"audiodg.exe": true, // Windows Audio Device Graph — kill = no sound
|
||||
"sndvol.exe": true, // Volume mixer
|
||||
"cmediaaudiocontrolpanel.exe": true, // C-Media audio panel
|
||||
|
||||
// ── Windows Update / Store ─────────────────────────────────────────────────
|
||||
"wuauclt.exe": true, // Windows Update
|
||||
"musnotifyicon.exe": true, // Update tray notification
|
||||
"windowsstore.exe": true,
|
||||
"winstore.app.exe": true,
|
||||
|
||||
// ── Drivers / Hardware UI ──────────────────────────────────────────────────
|
||||
"nvdisplay.container.exe": true, // NVIDIA display container
|
||||
"nvcontainer.exe": true,
|
||||
"nvinject.exe": true,
|
||||
"nvtelemetrycontainer.exe": true,
|
||||
"nvvsvc.exe": true,
|
||||
"nvspcaps64.exe": true,
|
||||
"geforce experience.exe": true,
|
||||
"radeonsoftware.exe": true, // AMD Radeon Software
|
||||
"amddvr.exe": true,
|
||||
"igfxtray.exe": true, // Intel graphics tray
|
||||
"igfxem.exe": true,
|
||||
"igfxhk.exe": true,
|
||||
"hkcmd.exe": true,
|
||||
"atk hub.exe": true, // ASUS ATK
|
||||
"atkex.exe": true,
|
||||
"asusoptimization.exe": true,
|
||||
|
||||
// ── Antivirus / endpoint security (from app_pool + common) ────────────────
|
||||
"avastui.exe": true,
|
||||
"avgui.exe": true,
|
||||
"mbam.exe": true, // Malwarebytes
|
||||
"mbamtray.exe": true,
|
||||
"bdagent.exe": true, // Bitdefender
|
||||
"bdwtxag.exe": true, // Bitdefender widget agent
|
||||
"uiseagnt.exe": true, // Trend Micro
|
||||
"eguiproxy.exe": true, // ESET proxy
|
||||
"egui.exe": true, // ESET NOD32 GUI (app_pool)
|
||||
"microsoftsecurityapp.exe": true, // Microsoft Defender app (app_pool)
|
||||
"msascuil.exe": true, // Defender notification icon
|
||||
"pickerhost.exe": true, // Windows Security picker (app_pool)
|
||||
"seccenter.exe": true, // Security center dialogs (app_pool)
|
||||
"mc-web-view.exe": true, // McAfee web view (app_pool)
|
||||
"rsappui.exe": true, // RAV Endpoint Protection (app_pool)
|
||||
"avpui.exe": true, // Kaspersky UI
|
||||
"ksdeui.exe": true, // Kaspersky Secure Connection
|
||||
"n360.exe": true, // Norton 360
|
||||
"nortonsecurity.exe": true,
|
||||
"sophos ui.exe": true, // Sophos UI
|
||||
|
||||
// ── Task Manager & System tools ────────────────────────────────────────────
|
||||
"taskmgr.exe": true,
|
||||
"resmon.exe": true, // Resource Monitor
|
||||
"perfmon.exe": true,
|
||||
"mmc.exe": true, // Management Console
|
||||
|
||||
// ── Terminal / Shell ───────────────────────────────────────────────────────
|
||||
"cmd.exe": true,
|
||||
"powershell.exe": true,
|
||||
"pwsh.exe": true, // PowerShell Core
|
||||
"conhost.exe": true, // Console Host
|
||||
"windowsterminal.exe": true, // Windows Terminal
|
||||
"wt.exe": true,
|
||||
"bash.exe": true,
|
||||
"git-bash.exe": true,
|
||||
"mintty.exe": true, // Git Bash window
|
||||
"wsl.exe": true,
|
||||
"wslhost.exe": true,
|
||||
|
||||
// ── Our app + IDE/dev tools ────────────────────────────────────────────────
|
||||
"client.exe": true,
|
||||
"simple_care_v1.0.exe": true,
|
||||
"simple_care_v1.1.exe": true,
|
||||
"simple_care_v1.2.exe": true,
|
||||
"simple_care_v1.3.exe": true,
|
||||
"simple_care.exe": true,
|
||||
"wails.exe": true,
|
||||
"msedgewebview2.exe": true, // WebView2 runtime (Wails renderer)
|
||||
"code.exe": true,
|
||||
"cursor.exe": true,
|
||||
"windsurf.exe": true,
|
||||
"goland.exe": true,
|
||||
"goland64.exe": true,
|
||||
"idea64.exe": true,
|
||||
"clion64.exe": true,
|
||||
"webstorm64.exe": true,
|
||||
"pycharm64.exe": true,
|
||||
"rider64.exe": true,
|
||||
"studio64.exe": true,
|
||||
"eclipse.exe": true,
|
||||
"sublime_text.exe": true,
|
||||
"notepad++.exe": true,
|
||||
"devenv.exe": true,
|
||||
}
|
||||
|
||||
|
||||
func isDescendant(pid, targetPid uint32, parentMap map[uint32]uint32) bool {
|
||||
curr := pid
|
||||
for i := 0; i < 16; i++ {
|
||||
@@ -258,7 +396,7 @@ func (b *Blocker) checkAndKill() {
|
||||
|
||||
// 1. Luôn cho phép hệ thống/app cốt lõi hoặc chính tiến trình này (bao gồm tiến trình con/cháu, và đổi tên)
|
||||
isOurApp := w.PID == myPid || isDescendant(w.PID, myPid, parentMap)
|
||||
if isOurApp || (currentExec != "" && pNameLower == currentExec) || systemAllowed[pNameLower] || strings.Contains(pNameLower, "antigravity") || strings.Contains(wTitleLower, "antigravity") {
|
||||
if isOurApp || (currentExec != "" && pNameLower == currentExec) || systemAllowed[pNameLower] {
|
||||
continue
|
||||
}
|
||||
|
||||
|
||||
@@ -11,7 +11,7 @@ import (
|
||||
|
||||
var (
|
||||
guardOnce sync.Once
|
||||
guardViolation func(string)
|
||||
guardViolation func(kind, reason string)
|
||||
guardStop chan struct{}
|
||||
suppressMu sync.Mutex
|
||||
suppressViolationsUntil time.Time
|
||||
@@ -36,8 +36,8 @@ func violationsSuppressed() bool {
|
||||
return time.Now().Before(suppressViolationsUntil)
|
||||
}
|
||||
|
||||
// Start giám sát môi trường macOS — vi phạm thì gọi onViolation (đa màn hình).
|
||||
func Start(onViolation func(reason string)) {
|
||||
// Start giám sát môi trường macOS — vi phạm thì gọi onViolation(kind, reason).
|
||||
func Start(onViolation func(kind, reason string)) {
|
||||
guardOnce.Do(func() {
|
||||
if onViolation == nil {
|
||||
return
|
||||
@@ -46,7 +46,7 @@ func Start(onViolation func(reason string)) {
|
||||
guardStop = make(chan struct{})
|
||||
|
||||
if screenshot.NumActiveDisplays() > 1 {
|
||||
onViolation("Phát hiện nhiều hơn 1 màn hình. Vui lòng chỉ dùng một màn hình khi chạy Simple Care.")
|
||||
onViolation("multi_monitor", "Phát hiện nhiều hơn 1 màn hình. Vui lòng chỉ dùng một màn hình khi chạy Simple Care.")
|
||||
return
|
||||
}
|
||||
|
||||
@@ -83,7 +83,7 @@ func checkEnvironment() {
|
||||
return
|
||||
}
|
||||
if n := screenshot.NumActiveDisplays(); n > 1 {
|
||||
guardViolation("Phát hiện nhiều hơn 1 màn hình. Vui lòng rút/bật tắt màn hình phụ.")
|
||||
guardViolation("multi_monitor", "Phát hiện nhiều hơn 1 màn hình. Vui lòng rút/bật tắt màn hình phụ.")
|
||||
return
|
||||
}
|
||||
}
|
||||
|
||||
90
client/internal/guard/guard_linux.go
Normal file
90
client/internal/guard/guard_linux.go
Normal file
@@ -0,0 +1,90 @@
|
||||
//go:build linux
|
||||
|
||||
package guard
|
||||
|
||||
import (
|
||||
"sync"
|
||||
"time"
|
||||
|
||||
"github.com/kbinani/screenshot"
|
||||
)
|
||||
|
||||
var (
|
||||
guardOnce sync.Once
|
||||
guardViolation func(kind, reason string)
|
||||
guardStop chan struct{}
|
||||
suppressMu sync.Mutex
|
||||
suppressViolationsUntil time.Time
|
||||
)
|
||||
|
||||
// SuppressFor temporarily suspends environment violation checks (e.g. when transition screen)
|
||||
func SuppressFor(d time.Duration) {
|
||||
if d <= 0 {
|
||||
return
|
||||
}
|
||||
suppressMu.Lock()
|
||||
next := time.Now().Add(d)
|
||||
if next.After(suppressViolationsUntil) {
|
||||
suppressViolationsUntil = next
|
||||
}
|
||||
suppressMu.Unlock()
|
||||
}
|
||||
|
||||
func violationsSuppressed() bool {
|
||||
suppressMu.Lock()
|
||||
defer suppressMu.Unlock()
|
||||
return time.Now().Before(suppressViolationsUntil)
|
||||
}
|
||||
|
||||
// Start monitors the Linux desktop environment (multi-display check)
|
||||
func Start(onViolation func(kind, reason string)) {
|
||||
guardOnce.Do(func() {
|
||||
if onViolation == nil {
|
||||
return
|
||||
}
|
||||
guardViolation = onViolation
|
||||
guardStop = make(chan struct{})
|
||||
|
||||
if screenshot.NumActiveDisplays() > 1 {
|
||||
onViolation("multi_monitor", "Phát hiện nhiều hơn 1 màn hình. Vui lòng chỉ dùng một màn hình khi chạy Simple Care.")
|
||||
return
|
||||
}
|
||||
|
||||
go pollLoop()
|
||||
})
|
||||
}
|
||||
|
||||
// Stop stops the environment guard
|
||||
func Stop() {
|
||||
if guardStop != nil {
|
||||
select {
|
||||
case <-guardStop:
|
||||
// already closed
|
||||
default:
|
||||
close(guardStop)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
func pollLoop() {
|
||||
ticker := time.NewTicker(3 * time.Second)
|
||||
defer ticker.Stop()
|
||||
for {
|
||||
select {
|
||||
case <-guardStop:
|
||||
return
|
||||
case <-ticker.C:
|
||||
checkEnvironment()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
func checkEnvironment() {
|
||||
if guardViolation == nil || violationsSuppressed() {
|
||||
return
|
||||
}
|
||||
if n := screenshot.NumActiveDisplays(); n > 1 {
|
||||
guardViolation("multi_monitor", "Phát hiện nhiều hơn 1 màn hình. Vui lòng rút/bật tắt màn hình phụ.")
|
||||
return
|
||||
}
|
||||
}
|
||||
@@ -1,9 +1,9 @@
|
||||
//go:build !windows && !darwin
|
||||
//go:build !windows && !darwin && !linux
|
||||
|
||||
package guard
|
||||
|
||||
import "time"
|
||||
|
||||
func Start(onViolation func(reason string)) {}
|
||||
func Start(onViolation func(kind, reason string)) {}
|
||||
func Stop() {}
|
||||
func SuppressFor(_ time.Duration) {}
|
||||
|
||||
@@ -72,15 +72,15 @@ type msg struct {
|
||||
}
|
||||
|
||||
var (
|
||||
guardOnce sync.Once
|
||||
guardViolation func(string)
|
||||
guardStop chan struct{}
|
||||
guardBaselineUser string
|
||||
guardBaselineSession uint32
|
||||
desktopHook uintptr
|
||||
guardClassAtom uint16
|
||||
suppressMu sync.Mutex
|
||||
suppressViolationsUntil time.Time
|
||||
guardOnce sync.Once
|
||||
guardViolation func(kind, reason string)
|
||||
guardStop chan struct{}
|
||||
guardBaselineUser string
|
||||
guardBaselineSession uint32
|
||||
desktopHook uintptr
|
||||
guardClassAtom uint16
|
||||
suppressMu sync.Mutex
|
||||
suppressViolationsUntil time.Time
|
||||
)
|
||||
|
||||
// SuppressFor tạm không thoát app khi WebView/Explorer chuyển màn hình nội bộ.
|
||||
@@ -102,8 +102,8 @@ func violationsSuppressed() bool {
|
||||
return time.Now().Before(suppressViolationsUntil)
|
||||
}
|
||||
|
||||
// Start giám sát môi trường Windows — vi phạm thì gọi onViolation (đổi user, đa màn hình, đổi desktop ảo).
|
||||
func Start(onViolation func(reason string)) {
|
||||
// Start giám sát môi trường Windows — vi phạm thì gọi onViolation(kind, reason).
|
||||
func Start(onViolation func(kind, reason string)) {
|
||||
guardOnce.Do(func() {
|
||||
if onViolation == nil {
|
||||
return
|
||||
@@ -114,7 +114,7 @@ func Start(onViolation func(reason string)) {
|
||||
guardBaselineSession = currentSessionID()
|
||||
|
||||
if monitorCount() > 1 {
|
||||
onViolation("Phát hiện nhiều hơn 1 màn hình. Vui lòng chỉ dùng một màn hình khi chạy Simple Care.")
|
||||
onViolation("multi_monitor", "Phát hiện nhiều hơn 1 màn hình. Vui lòng chỉ dùng một màn hình khi chạy Simple Care.")
|
||||
return
|
||||
}
|
||||
|
||||
@@ -147,27 +147,27 @@ func checkEnvironment() {
|
||||
return
|
||||
}
|
||||
if n := monitorCount(); n > 1 {
|
||||
guardViolation("Phát hiện nhiều hơn 1 màn hình. Vui lòng rút/bật tắt màn hình phụ.")
|
||||
guardViolation("multi_monitor", "Phát hiện nhiều hơn 1 màn hình. Vui lòng rút/bật tắt màn hình phụ.")
|
||||
return
|
||||
}
|
||||
user := currentUsername()
|
||||
if user != "" && guardBaselineUser != "" && user != guardBaselineUser {
|
||||
guardViolation("Phát hiện đổi tài khoản Windows. Ứng dụng sẽ thoát.")
|
||||
guardViolation("user_switch", "Phát hiện đổi tài khoản Windows. Ứng dụng sẽ thoát.")
|
||||
return
|
||||
}
|
||||
sid := currentSessionID()
|
||||
if sid != 0 && guardBaselineSession != 0 && sid != guardBaselineSession {
|
||||
guardViolation("Phiên đăng nhập Windows đã thay đổi. Ứng dụng sẽ thoát.")
|
||||
guardViolation("session_change", "Phiên đăng nhập Windows đã thay đổi. Ứng dụng sẽ thoát.")
|
||||
}
|
||||
}
|
||||
|
||||
func triggerViolation(reason string) {
|
||||
func triggerViolation(kind, reason string) {
|
||||
if violationsSuppressed() {
|
||||
log.Printf("[GUARD] suppressed: %s", reason)
|
||||
return
|
||||
}
|
||||
if guardViolation != nil {
|
||||
guardViolation(reason)
|
||||
guardViolation(kind, reason)
|
||||
}
|
||||
}
|
||||
|
||||
@@ -262,7 +262,7 @@ func guardWndProc(hwnd, msg, wParam, lParam uintptr) uintptr {
|
||||
case wmWtsSessionChange:
|
||||
switch uint32(wParam) {
|
||||
case wtsSessionLock, wtsSessionLogoff, wtsConsoleDisconnect, wtsRemoteDisconnect:
|
||||
triggerViolation("Phiên Windows bị khóa, đăng xuất hoặc chuyển người dùng. Ứng dụng sẽ thoát.")
|
||||
triggerViolation("session_change", "Phiên Windows bị khóa, đăng xuất hoặc chuyển người dùng. Ứng dụng sẽ thoát.")
|
||||
}
|
||||
}
|
||||
r, _, _ := procDefWindowProcW.Call(hwnd, msg, wParam, lParam)
|
||||
@@ -271,7 +271,7 @@ func guardWndProc(hwnd, msg, wParam, lParam uintptr) uintptr {
|
||||
|
||||
func desktopSwitchCallback(hWinEventHook, event, hwnd, idObject, idChild, idEventThread, dwmsEventTime uintptr) uintptr {
|
||||
if event == eventSystemDesktopSwitch {
|
||||
triggerViolation("Không được chuyển Desktop ảo (Win+Tab). Ứng dụng sẽ thoát.")
|
||||
triggerViolation("virtual_desktop", "Không được chuyển Desktop ảo (Win+Tab). Ứng dụng sẽ thoát.")
|
||||
}
|
||||
return 0
|
||||
}
|
||||
|
||||
@@ -47,9 +47,54 @@ static unsigned char* CaptureFullDesktop(int* outLen, int quality) {
|
||||
}
|
||||
|
||||
@autoreleasepool {
|
||||
NSBitmapImageRep *rep = [[NSBitmapImageRep alloc] initWithCGImage:image];
|
||||
// Calculate new size maintaining aspect ratio (limiting to max 1024x768)
|
||||
CGFloat originalWidth = CGImageGetWidth(image);
|
||||
CGFloat originalHeight = CGImageGetHeight(image);
|
||||
CGFloat maxWidth = 1024.0f;
|
||||
CGFloat maxHeight = 768.0f;
|
||||
CGFloat ratio = 1.0f;
|
||||
if (originalWidth > maxWidth || originalHeight > maxHeight) {
|
||||
CGFloat ratioW = maxWidth / originalWidth;
|
||||
CGFloat ratioH = maxHeight / originalHeight;
|
||||
ratio = ratioW < ratioH ? ratioW : ratioH;
|
||||
}
|
||||
size_t newWidth = (size_t)(originalWidth * ratio);
|
||||
size_t newHeight = (size_t)(originalHeight * ratio);
|
||||
if (newWidth < 1) newWidth = 1;
|
||||
if (newHeight < 1) newHeight = 1;
|
||||
|
||||
// Create bitmap context
|
||||
CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
|
||||
CGContextRef context = CGBitmapContextCreate(NULL,
|
||||
newWidth,
|
||||
newHeight,
|
||||
8,
|
||||
newWidth * 4,
|
||||
colorSpace,
|
||||
kCGImageAlphaPremultipliedLast | kCGBitmapByteOrder32Big);
|
||||
CGColorSpaceRelease(colorSpace);
|
||||
if (!context) {
|
||||
CGImageRelease(image);
|
||||
*outLen = 0;
|
||||
return NULL;
|
||||
}
|
||||
|
||||
// Draw image into context to resize
|
||||
CGContextSetInterpolationQuality(context, kCGInterpolationHigh);
|
||||
CGContextDrawImage(context, CGRectMake(0, 0, newWidth, newHeight), image);
|
||||
CGImageRelease(image);
|
||||
|
||||
// Get resized image
|
||||
CGImageRef resizedImage = CGBitmapContextCreateImage(context);
|
||||
CGContextRelease(context);
|
||||
if (!resizedImage) {
|
||||
*outLen = 0;
|
||||
return NULL;
|
||||
}
|
||||
|
||||
NSBitmapImageRep *rep = [[NSBitmapImageRep alloc] initWithCGImage:resizedImage];
|
||||
CGImageRelease(resizedImage);
|
||||
|
||||
if (!rep) {
|
||||
*outLen = 0;
|
||||
return NULL;
|
||||
|
||||
@@ -6,11 +6,35 @@ import (
|
||||
"bytes"
|
||||
"encoding/base64"
|
||||
"fmt"
|
||||
"image"
|
||||
"image/jpeg"
|
||||
|
||||
"github.com/kbinani/screenshot"
|
||||
)
|
||||
|
||||
// resizeRGBA resizes a *image.RGBA image using Nearest-Neighbor scaling for maximum performance.
|
||||
func resizeRGBA(src *image.RGBA, width, height int) *image.RGBA {
|
||||
dst := image.NewRGBA(image.Rect(0, 0, width, height))
|
||||
srcBounds := src.Bounds()
|
||||
dx := srcBounds.Dx()
|
||||
dy := srcBounds.Dy()
|
||||
minX := srcBounds.Min.X
|
||||
minY := srcBounds.Min.Y
|
||||
|
||||
for y := 0; y < height; y++ {
|
||||
srcY := minY + (y*dy)/height
|
||||
for x := 0; x < width; x++ {
|
||||
srcX := minX + (x*dx)/width
|
||||
|
||||
srcOffset := src.PixOffset(srcX, srcY)
|
||||
dstOffset := dst.PixOffset(x, y)
|
||||
|
||||
copy(dst.Pix[dstOffset:dstOffset+4], src.Pix[srcOffset:srcOffset+4])
|
||||
}
|
||||
}
|
||||
return dst
|
||||
}
|
||||
|
||||
// CaptureScreen chụp màn hình chính và trả về chuỗi Base64 dạng "data:image/jpeg;base64,..."
|
||||
// Non-darwin: dùng kbinani/screenshot
|
||||
func CaptureScreen() (string, error) {
|
||||
@@ -26,9 +50,36 @@ func CaptureScreen() (string, error) {
|
||||
return "", fmt.Errorf("failed to capture screen: %w", err)
|
||||
}
|
||||
|
||||
// Tối ưu hóa kích thước ảnh giống dự án Raia:
|
||||
// Giới hạn chiều rộng tối đa là 1024px và chiều cao tối đa là 768px để giảm dung lượng mạng.
|
||||
dx := bounds.Dx()
|
||||
dy := bounds.Dy()
|
||||
|
||||
maxWidth := 1024
|
||||
maxHeight := 768
|
||||
|
||||
newWidth := dx
|
||||
newHeight := dy
|
||||
|
||||
if dx > maxWidth || dy > maxHeight {
|
||||
ratioWidth := float64(maxWidth) / float64(dx)
|
||||
ratioHeight := float64(maxHeight) / float64(dy)
|
||||
ratio := ratioWidth
|
||||
if ratioHeight < ratioWidth {
|
||||
ratio = ratioHeight
|
||||
}
|
||||
newWidth = int(float64(dx) * ratio)
|
||||
newHeight = int(float64(dy) * ratio)
|
||||
}
|
||||
|
||||
var finalImg image.Image = img
|
||||
if newWidth != dx || newHeight != dy {
|
||||
finalImg = resizeRGBA(img, newWidth, newHeight)
|
||||
}
|
||||
|
||||
var buf bytes.Buffer
|
||||
// Nén chất lượng JPEG khoảng 50% để truyền tải mượt mà qua mạng
|
||||
err = jpeg.Encode(&buf, img, &jpeg.Options{Quality: 50})
|
||||
err = jpeg.Encode(&buf, finalImg, &jpeg.Options{Quality: 50})
|
||||
if err != nil {
|
||||
return "", fmt.Errorf("failed to encode jpeg: %w", err)
|
||||
}
|
||||
|
||||
11
client/internal/singleinstance/singleinstance.go
Normal file
11
client/internal/singleinstance/singleinstance.go
Normal file
@@ -0,0 +1,11 @@
|
||||
package singleinstance
|
||||
|
||||
import "errors"
|
||||
|
||||
// ErrAlreadyRunning — đã có một tiến trình Simple Care đang chạy.
|
||||
var ErrAlreadyRunning = errors.New("simple care already running")
|
||||
|
||||
const (
|
||||
mutexName = "Local\\SimpleCare_SingleInstance"
|
||||
windowTitle = "Simple Care"
|
||||
)
|
||||
49
client/internal/singleinstance/singleinstance_unix.go
Normal file
49
client/internal/singleinstance/singleinstance_unix.go
Normal file
@@ -0,0 +1,49 @@
|
||||
//go:build unix
|
||||
|
||||
package singleinstance
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"os"
|
||||
"path/filepath"
|
||||
"time"
|
||||
|
||||
"client/internal/winapi"
|
||||
|
||||
"golang.org/x/sys/unix"
|
||||
)
|
||||
|
||||
// Giữ file lock mở suốt đời process.
|
||||
var lockFile *os.File
|
||||
|
||||
// Acquire — flock non-blocking trên file trong config dir.
|
||||
func Acquire() error {
|
||||
configDir, err := os.UserConfigDir()
|
||||
if err != nil {
|
||||
configDir = os.TempDir()
|
||||
}
|
||||
dir := filepath.Join(configDir, "SimpleCare")
|
||||
_ = os.MkdirAll(dir, 0755)
|
||||
path := filepath.Join(dir, "instance.lock")
|
||||
|
||||
f, err := os.OpenFile(path, os.O_CREATE|os.O_RDWR, 0644)
|
||||
if err != nil {
|
||||
return err
|
||||
}
|
||||
if err := unix.Flock(int(f.Fd()), unix.LOCK_EX|unix.LOCK_NB); err != nil {
|
||||
_ = f.Close()
|
||||
winapi.ActivateAppWindow(windowTitle)
|
||||
winapi.ShowWarningMessageBox(
|
||||
"Simple Care",
|
||||
"Ứng dụng Simple Care đang chạy.\n\nChỉ được mở một cửa sổ.",
|
||||
)
|
||||
// Cho dialog async kịp hiện trước khi process thoát.
|
||||
time.Sleep(1500 * time.Millisecond)
|
||||
fmt.Fprintln(os.Stderr, "Simple Care is already running")
|
||||
return ErrAlreadyRunning
|
||||
}
|
||||
_, _ = f.WriteString(fmt.Sprintf("%d\n", os.Getpid()))
|
||||
_ = f.Sync()
|
||||
lockFile = f
|
||||
return nil
|
||||
}
|
||||
47
client/internal/singleinstance/singleinstance_windows.go
Normal file
47
client/internal/singleinstance/singleinstance_windows.go
Normal file
@@ -0,0 +1,47 @@
|
||||
//go:build windows
|
||||
|
||||
package singleinstance
|
||||
|
||||
import (
|
||||
"syscall"
|
||||
"unsafe"
|
||||
|
||||
"client/internal/winapi"
|
||||
)
|
||||
|
||||
var (
|
||||
kernel32 = syscall.NewLazyDLL("kernel32.dll")
|
||||
procCreateMutexW = kernel32.NewProc("CreateMutexW")
|
||||
user32 = syscall.NewLazyDLL("user32.dll")
|
||||
procMessageBoxW = user32.NewProc("MessageBoxW")
|
||||
|
||||
// Giữ handle mutex suốt đời process — đóng = nhả lock.
|
||||
mutexHandle uintptr
|
||||
)
|
||||
|
||||
const errorAlreadyExists = 183
|
||||
|
||||
// Acquire — chỉ cho phép 1 instance. Instance thứ 2: đưa cửa sổ cũ lên rồi báo lỗi.
|
||||
func Acquire() error {
|
||||
namePtr, err := syscall.UTF16PtrFromString(mutexName)
|
||||
if err != nil {
|
||||
return err
|
||||
}
|
||||
r1, _, lastErr := procCreateMutexW.Call(0, 0, uintptr(unsafe.Pointer(namePtr)))
|
||||
if r1 == 0 {
|
||||
return lastErr
|
||||
}
|
||||
mutexHandle = r1
|
||||
if errno, ok := lastErr.(syscall.Errno); ok && errno == errorAlreadyExists {
|
||||
winapi.ActivateAppWindow(windowTitle)
|
||||
showAlreadyRunningDialog()
|
||||
return ErrAlreadyRunning
|
||||
}
|
||||
return nil
|
||||
}
|
||||
|
||||
func showAlreadyRunningDialog() {
|
||||
title, _ := syscall.UTF16PtrFromString("Simple Care")
|
||||
msg, _ := syscall.UTF16PtrFromString("Ứng dụng Simple Care đang chạy.\n\nChỉ được mở một cửa sổ. Cửa sổ hiện có đã được đưa lên phía trước.")
|
||||
_, _, _ = procMessageBoxW.Call(0, uintptr(unsafe.Pointer(msg)), uintptr(unsafe.Pointer(title)), 0x00000040) // MB_ICONINFORMATION
|
||||
}
|
||||
@@ -4,14 +4,23 @@ package winapi
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"os"
|
||||
"os/exec"
|
||||
)
|
||||
|
||||
// ActivateAppWindow — đưa cửa sổ app lên trước
|
||||
// ActivateAppWindow — đưa cửa sổ Simple Care đang chạy lên trước (theo tên process / title).
|
||||
func ActivateAppWindow(titleHint string) {
|
||||
pid := os.Getpid()
|
||||
script := fmt.Sprintf(`tell application "System Events" to set frontmost of first process whose unix id is %d to true`, pid)
|
||||
hint := titleHint
|
||||
if hint == "" {
|
||||
hint = "Simple Care"
|
||||
}
|
||||
script := fmt.Sprintf(`
|
||||
tell application "System Events"
|
||||
set candidates to every process whose name contains %q or name contains "simple_care" or name contains "SimpleCare"
|
||||
if (count of candidates) > 0 then
|
||||
set frontmost of item 1 of candidates to true
|
||||
end if
|
||||
end tell
|
||||
`, hint)
|
||||
cmd := exec.Command("osascript", "-e", script)
|
||||
_ = cmd.Run()
|
||||
}
|
||||
|
||||
40
client/internal/winapi/window_linux.go
Normal file
40
client/internal/winapi/window_linux.go
Normal file
@@ -0,0 +1,40 @@
|
||||
//go:build linux
|
||||
|
||||
package winapi
|
||||
|
||||
import (
|
||||
"log"
|
||||
"os/exec"
|
||||
)
|
||||
|
||||
// ActivateAppWindow attempts to focus the application window.
|
||||
// On Linux standard X11/Wayland desktop, focus is managed by the WM.
|
||||
func ActivateAppWindow(titleHint string) {
|
||||
log.Printf("[WINDOW] ActivateAppWindow requested for: %s", titleHint)
|
||||
}
|
||||
|
||||
// PlayNotifySound plays a system notification sound using canberra-gtk-play, falling back to pw-play or aplay.
|
||||
func PlayNotifySound() {
|
||||
log.Println("[WINDOW] Playing notification sound...")
|
||||
go func() {
|
||||
// Try canberra-gtk-play first
|
||||
cmd := exec.Command("canberra-gtk-play", "-i", "bell")
|
||||
if err := cmd.Run(); err != nil {
|
||||
// Fallback to pw-play (Pipewire)
|
||||
cmd = exec.Command("pw-play", "/usr/share/sounds/freedesktop/stereo/bell.oga")
|
||||
if err := cmd.Run(); err != nil {
|
||||
// Fallback to aplay (ALSA)
|
||||
_ = exec.Command("aplay", "/usr/share/sounds/alsa/Front_Center.wav").Run()
|
||||
}
|
||||
}
|
||||
}()
|
||||
}
|
||||
|
||||
// ShowWarningMessageBox displays an asynchronous GUI warning dialog using zenity.
|
||||
func ShowWarningMessageBox(title, message string) {
|
||||
log.Printf("[WINDOW] Warning Message Box: %s - %s", title, message)
|
||||
go func() {
|
||||
cmd := exec.Command("zenity", "--warning", "--title="+title, "--text="+message, "--no-wrap")
|
||||
_ = cmd.Run()
|
||||
}()
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
//go:build !windows && !darwin
|
||||
//go:build !windows && !darwin && !linux
|
||||
|
||||
package winapi
|
||||
|
||||
|
||||
@@ -1,11 +1,14 @@
|
||||
package main
|
||||
|
||||
import (
|
||||
"context"
|
||||
"embed"
|
||||
"log"
|
||||
"os"
|
||||
"path/filepath"
|
||||
|
||||
"client/internal/singleinstance"
|
||||
|
||||
"github.com/wailsapp/wails/v2"
|
||||
"github.com/wailsapp/wails/v2/pkg/menu"
|
||||
"github.com/wailsapp/wails/v2/pkg/menu/keys"
|
||||
@@ -33,6 +36,10 @@ func initLogging() *os.File {
|
||||
}
|
||||
|
||||
func main() {
|
||||
if err := singleinstance.Acquire(); err != nil {
|
||||
os.Exit(0)
|
||||
}
|
||||
|
||||
lf := initLogging()
|
||||
if lf != nil {
|
||||
defer lf.Close()
|
||||
@@ -46,10 +53,16 @@ func main() {
|
||||
fileMenu.AddText("Về trang chính", keys.CmdOrCtrl("h"), func(_ *menu.CallbackData) {
|
||||
app.ReturnToDashboard()
|
||||
})
|
||||
fileMenu.AddText("Làm mới trang (F5)", keys.Key("f5"), func(_ *menu.CallbackData) {
|
||||
app.ReloadExamPage()
|
||||
})
|
||||
fileMenu.AddText("Xóa cache trình duyệt", keys.CmdOrCtrl("Delete"), func(_ *menu.CallbackData) {
|
||||
app.ClearExamBrowserCache()
|
||||
})
|
||||
|
||||
// Create application with options
|
||||
err := wails.Run(&options.App{
|
||||
Title: "Simple Care — Rikkei Education",
|
||||
Title: "Simple Care v1.3 — Rikkei Education",
|
||||
Width: 1024,
|
||||
Height: 768,
|
||||
Menu: appMenu,
|
||||
@@ -58,6 +71,9 @@ func main() {
|
||||
},
|
||||
BackgroundColour: &options.RGBA{R: 27, G: 38, B: 54, A: 1},
|
||||
OnStartup: app.startup,
|
||||
OnBeforeClose: func(ctx context.Context) (prevent bool) {
|
||||
return app.HandleBeforeClose()
|
||||
},
|
||||
Windows: &windows.Options{
|
||||
WebviewUserDataPath: app.webviewDataPath,
|
||||
},
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"$schema": "https://wails.io/schemas/config.v2.json",
|
||||
"name": "Simple Care by Rikkei Edu",
|
||||
"outputfilename": "simple_care_v1.0",
|
||||
"outputfilename": "simple_care_v1.3",
|
||||
"frontend:install": "npm install",
|
||||
"frontend:build": "npm run build",
|
||||
"frontend:dev:watcher": "npm run dev",
|
||||
|
||||
86
management/package-lock.json
generated
86
management/package-lock.json
generated
@@ -57,6 +57,7 @@
|
||||
"integrity": "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@babel/code-frame": "^7.29.7",
|
||||
"@babel/generator": "^7.29.7",
|
||||
@@ -266,29 +267,6 @@
|
||||
"node": ">=6.9.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@emnapi/core": {
|
||||
"version": "1.11.1",
|
||||
"resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.11.1.tgz",
|
||||
"integrity": "sha512-RSvbQmHzdKzNsLYa/wHrbc3KN4sYLKAdPZxqiM2HATqv/SBk2/ENSHpvXGaLOMcsAyz0poEGqkmmKYG3OWiJEQ==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"dependencies": {
|
||||
"@emnapi/wasi-threads": "1.2.2",
|
||||
"tslib": "^2.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@emnapi/runtime": {
|
||||
"version": "1.11.1",
|
||||
"resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.1.tgz",
|
||||
"integrity": "sha512-vgj7R3y3Wgx24IQaGPA/R6YFXLHVMOZ0uVEyIQPaWs+rd1AzfEMXlAC22FYwO1XkKR6NPsq7mUandH8oIRdZFw==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"dependencies": {
|
||||
"tslib": "^2.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@emnapi/wasi-threads": {
|
||||
"version": "1.2.2",
|
||||
"resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.2.tgz",
|
||||
@@ -540,9 +518,6 @@
|
||||
"arm64"
|
||||
],
|
||||
"dev": true,
|
||||
"libc": [
|
||||
"glibc"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
@@ -560,9 +535,6 @@
|
||||
"arm64"
|
||||
],
|
||||
"dev": true,
|
||||
"libc": [
|
||||
"musl"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
@@ -580,9 +552,6 @@
|
||||
"ppc64"
|
||||
],
|
||||
"dev": true,
|
||||
"libc": [
|
||||
"glibc"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
@@ -600,9 +569,6 @@
|
||||
"riscv64"
|
||||
],
|
||||
"dev": true,
|
||||
"libc": [
|
||||
"glibc"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
@@ -620,9 +586,6 @@
|
||||
"riscv64"
|
||||
],
|
||||
"dev": true,
|
||||
"libc": [
|
||||
"musl"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
@@ -640,9 +603,6 @@
|
||||
"s390x"
|
||||
],
|
||||
"dev": true,
|
||||
"libc": [
|
||||
"glibc"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
@@ -660,9 +620,6 @@
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"libc": [
|
||||
"glibc"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
@@ -680,9 +637,6 @@
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"libc": [
|
||||
"musl"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
@@ -853,9 +807,6 @@
|
||||
"arm64"
|
||||
],
|
||||
"dev": true,
|
||||
"libc": [
|
||||
"glibc"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
@@ -873,9 +824,6 @@
|
||||
"arm64"
|
||||
],
|
||||
"dev": true,
|
||||
"libc": [
|
||||
"musl"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
@@ -893,9 +841,6 @@
|
||||
"ppc64"
|
||||
],
|
||||
"dev": true,
|
||||
"libc": [
|
||||
"glibc"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
@@ -913,9 +858,6 @@
|
||||
"s390x"
|
||||
],
|
||||
"dev": true,
|
||||
"libc": [
|
||||
"glibc"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
@@ -933,9 +875,6 @@
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"libc": [
|
||||
"glibc"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
@@ -953,9 +892,6 @@
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"libc": [
|
||||
"musl"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
@@ -1041,6 +977,7 @@
|
||||
"integrity": "sha512-+zEk16yGlz1F9STiRr6uG9hmIXb6nprjLczV/htGptYuLoCuxb+itZ03RKCEeOhBpDDd1NU7qF6x1VLMUp62bw==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"picomatch": "^4.0.4"
|
||||
},
|
||||
@@ -1135,6 +1072,7 @@
|
||||
"integrity": "sha512-fRa09kZTgu8o71KFcDjUFuc7F+dEbZYZmkI0mg5YBTRs0yMKjYHsq/c0urDKeDb+D5qVgXOdFcuu+DZPKOITwA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"undici-types": "~7.18.0"
|
||||
}
|
||||
@@ -1145,6 +1083,7 @@
|
||||
"integrity": "sha512-MXfmqaVPEVgkBT/aY0aGCkRWWtByiYQXo3xdQ8r5RzuFrPiRn8Gar2tQdXSUQ2GKV3bkXckek89V8wQBY2Q/Aw==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"csstype": "^3.2.2"
|
||||
}
|
||||
@@ -1243,6 +1182,7 @@
|
||||
"integrity": "sha512-Ixm8tFfoKKIPYdCCKYTsqv+Fd4IJ0DQqMyEimo+pxUOMUR9cVPlwTrFt9Avu+3cb6Zp3mAzl+t1MrG2fxxKsxw==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@babel/types": "^7.26.0"
|
||||
}
|
||||
@@ -1298,6 +1238,7 @@
|
||||
}
|
||||
],
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"baseline-browser-mapping": "^2.10.38",
|
||||
"caniuse-lite": "^1.0.30001799",
|
||||
@@ -1822,9 +1763,6 @@
|
||||
"arm64"
|
||||
],
|
||||
"dev": true,
|
||||
"libc": [
|
||||
"glibc"
|
||||
],
|
||||
"license": "MPL-2.0",
|
||||
"optional": true,
|
||||
"os": [
|
||||
@@ -1846,9 +1784,6 @@
|
||||
"arm64"
|
||||
],
|
||||
"dev": true,
|
||||
"libc": [
|
||||
"musl"
|
||||
],
|
||||
"license": "MPL-2.0",
|
||||
"optional": true,
|
||||
"os": [
|
||||
@@ -1870,9 +1805,6 @@
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"libc": [
|
||||
"glibc"
|
||||
],
|
||||
"license": "MPL-2.0",
|
||||
"optional": true,
|
||||
"os": [
|
||||
@@ -1894,9 +1826,6 @@
|
||||
"x64"
|
||||
],
|
||||
"dev": true,
|
||||
"libc": [
|
||||
"musl"
|
||||
],
|
||||
"license": "MPL-2.0",
|
||||
"optional": true,
|
||||
"os": [
|
||||
@@ -2311,6 +2240,7 @@
|
||||
"resolved": "https://registry.npmjs.org/react/-/react-19.2.7.tgz",
|
||||
"integrity": "sha512-HNe9WslTbXmFK8o8cmwgAeJFSBvt1bPdHCVKtaaV+WlAN36mpT4hcRpwbf3fY56ar2oIXzsBpOAiIRHAdY0OlQ==",
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
@@ -2365,6 +2295,7 @@
|
||||
"integrity": "sha512-1F1eEtUBtFvcGm1HQ9TiUIUHPQG7mSAODrhIzjxoUEFuo8OcbrGLiVLkevNgj84TE4lnHvnumwFjhJO5Eu135g==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@oxc-project/types": "=0.137.0",
|
||||
"@rolldown/pluginutils": "^1.0.0"
|
||||
@@ -2648,6 +2579,7 @@
|
||||
"integrity": "sha512-BuJcQK/56NQTWDGn4ABea3q4SSBdNPWwNZKTkkUpcMPnLoquSYH8llRtSUIgoL1KSCpHt5eghLShn50mH36y7Q==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"lightningcss": "^1.32.0",
|
||||
"picomatch": "^4.0.4",
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
import { useEffect, useState } from 'react';
|
||||
import { useEffect, useCallback, useState } from 'react';
|
||||
import { apiMyClasses } from './api';
|
||||
import { DashboardTab } from './components/DashboardTab';
|
||||
import { ClassesTab } from './components/ClassesTab';
|
||||
import { StudentsTab } from './components/StudentsTab';
|
||||
@@ -27,67 +28,87 @@ import {
|
||||
import { useAuth } from './auth/AuthContext';
|
||||
|
||||
const IconDashboard = () => (
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
|
||||
<rect x="3" y="3" width="7" height="7" rx="1" /><rect x="14" y="3" width="7" height="7" rx="1" />
|
||||
<rect x="3" y="14" width="7" height="7" rx="1" /><rect x="14" y="14" width="7" height="7" rx="1" />
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<rect x="3" y="3" width="7" height="7" rx="1.5" />
|
||||
<rect x="14" y="3" width="7" height="7" rx="1.5" />
|
||||
<rect x="3" y="14" width="7" height="7" rx="1.5" />
|
||||
<rect x="14" y="14" width="7" height="7" rx="1.5" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconClass = () => (
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
|
||||
<polyline points="9 22 9 12 15 12 15 22" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconStudent = () => (
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
|
||||
<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
|
||||
<circle cx="9" cy="7" r="4" />
|
||||
<path d="M23 21v-2a4 4 0 0 0-3-3.87" /><path d="M16 3.13a4 4 0 0 1 0 7.75" />
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
|
||||
<circle cx="9" cy="7" r="3.5" />
|
||||
<path d="M22 21v-2a3.5 3.5 0 0 0-2.5-3.35" />
|
||||
<path d="M16 3.5a3.5 3.5 0 0 1 0 7" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconLearning = () => (
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z" />
|
||||
<path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconExam = () => (
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
|
||||
<polyline points="14 2 14 8 20 8" />
|
||||
<line x1="16" y1="13" x2="8" y2="13" /><line x1="16" y1="17" x2="8" y2="17" />
|
||||
<line x1="16" y1="13" x2="8" y2="13" />
|
||||
<line x1="16" y1="17" x2="8" y2="17" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconSystem = () => (
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<circle cx="12" cy="12" r="3" />
|
||||
<path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" />
|
||||
<path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconStudentAffairs = () => (
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconApplications = () => (
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
|
||||
<rect x="3" y="3" width="7" height="7" rx="1" />
|
||||
<rect x="14" y="3" width="7" height="7" rx="1" />
|
||||
<rect x="14" y="14" width="7" height="7" rx="1" />
|
||||
<path d="M3 14h7v7H3z" />
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<rect x="2" y="3" width="20" height="14" rx="2" />
|
||||
<path d="M8 21h8M12 17v4" />
|
||||
<path d="M7 8h.01M12 8h.01M17 8h.01M7 12h10" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconMyClass = () => (
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M12 3 2 9l10 6 10-6-10-6Z" />
|
||||
<path d="M6 12v5c0 1.7 2.7 3 6 3s6-1.3 6-3v-5" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconLogout = () => (
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" />
|
||||
<polyline points="16 17 21 12 16 7" />
|
||||
<line x1="21" y1="12" x2="9" y2="12" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconMenu = () => (
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
|
||||
<line x1="3" y1="12" x2="21" y2="12" /><line x1="3" y1="6" x2="21" y2="6" /><line x1="3" y1="18" x2="21" y2="18" />
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<line x1="3" y1="12" x2="21" y2="12" />
|
||||
<line x1="3" y1="6" x2="21" y2="6" />
|
||||
<line x1="3" y1="18" x2="21" y2="18" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
@@ -95,12 +116,44 @@ const SYSTEM_NAV: { section: SystemSection }[] = [
|
||||
{ section: 'organization' },
|
||||
{ section: 'network' },
|
||||
{ section: 'templates' },
|
||||
{ section: 'seating' },
|
||||
];
|
||||
|
||||
function App() {
|
||||
const route = useRoute();
|
||||
const { staff, logout } = useAuth();
|
||||
const [sidebarOpen, setSidebarOpen] = useState(false);
|
||||
const [sidebarCollapsed, setSidebarCollapsed] = useState(() => {
|
||||
return localStorage.getItem('sc_sidebar_collapsed') === 'true';
|
||||
});
|
||||
|
||||
const toggleSidebarCollapse = () => {
|
||||
// On mobile (<=900px), just close the sidebar overlay
|
||||
if (window.innerWidth <= 900) {
|
||||
setSidebarOpen(false);
|
||||
return;
|
||||
}
|
||||
// On desktop, toggle collapsed state
|
||||
const nextVal = !sidebarCollapsed;
|
||||
setSidebarCollapsed(nextVal);
|
||||
localStorage.setItem('sc_sidebar_collapsed', String(nextVal));
|
||||
};
|
||||
const [myClasses, setMyClasses] = useState<{ id: number; name: string; code: string }[]>([]);
|
||||
|
||||
const refreshMyClasses = useCallback(() => {
|
||||
apiMyClasses.list().then((items) => {
|
||||
setMyClasses(items.map((c) => ({ id: c.rkId, name: c.name, code: c.classCode })));
|
||||
}).catch(() => {});
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
refreshMyClasses();
|
||||
}, [refreshMyClasses]);
|
||||
|
||||
useEffect(() => {
|
||||
window.addEventListener('my-classes-updated', refreshMyClasses);
|
||||
return () => window.removeEventListener('my-classes-updated', refreshMyClasses);
|
||||
}, [refreshMyClasses]);
|
||||
|
||||
useEffect(() => {
|
||||
const initial = parseRoute();
|
||||
@@ -148,14 +201,16 @@ function App() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<button
|
||||
type="button"
|
||||
className="mobile-menu-btn"
|
||||
aria-label="Mở menu"
|
||||
onClick={() => setSidebarOpen(true)}
|
||||
>
|
||||
<IconMenu />
|
||||
</button>
|
||||
{!sidebarOpen && (
|
||||
<button
|
||||
type="button"
|
||||
className="mobile-menu-btn"
|
||||
aria-label="Mở menu"
|
||||
onClick={() => setSidebarOpen(true)}
|
||||
>
|
||||
<IconMenu />
|
||||
</button>
|
||||
)}
|
||||
|
||||
{sidebarOpen && (
|
||||
<button
|
||||
@@ -166,7 +221,7 @@ function App() {
|
||||
/>
|
||||
)}
|
||||
|
||||
<aside className={`sidebar${sidebarOpen ? ' sidebar--open' : ''}`}>
|
||||
<aside className={`sidebar${sidebarOpen ? ' sidebar--open' : ''}${sidebarCollapsed ? ' sidebar--collapsed' : ''}`}>
|
||||
<div className="brand">
|
||||
<img src="/logo.jpeg" alt="Simple Care" className="brand-logo-img" />
|
||||
<div className="brand-text">
|
||||
@@ -175,92 +230,134 @@ function App() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav>
|
||||
<nav className="sidebar-nav" aria-label="Menu chính">
|
||||
<ul className="nav-links">
|
||||
<div className="nav-header">Tổng quan</div>
|
||||
<li className="nav-section" aria-hidden="true">
|
||||
<span className="nav-header">Tổng quan</span>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<button
|
||||
type="button"
|
||||
className={navBtn(route.tab === 'dashboard' && !inWorkspace)}
|
||||
onClick={() => setActiveTab('dashboard')}
|
||||
>
|
||||
<span className="nav-icon"><IconDashboard /></span>
|
||||
Tổng quan & Tài Liệu
|
||||
<span className="nav-label">Tổng quan & Tài liệu</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
<div className="nav-header">CSDL liên kết</div>
|
||||
<li className="nav-section" aria-hidden="true">
|
||||
<span className="nav-header">CSDL liên kết</span>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<button className={navBtn(classesActive)} onClick={() => setActiveTab('classes')}>
|
||||
<button type="button" className={navBtn(classesActive)} onClick={() => setActiveTab('classes')}>
|
||||
<span className="nav-icon"><IconClass /></span>
|
||||
Lớp học
|
||||
<span className="nav-label">Lớp học</span>
|
||||
</button>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<button
|
||||
type="button"
|
||||
className={navBtn(route.tab === 'students' && !inWorkspace)}
|
||||
onClick={() => setActiveTab('students')}
|
||||
>
|
||||
<span className="nav-icon"><IconStudent /></span>
|
||||
Sinh viên
|
||||
<span className="nav-label">Sinh viên</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
<div className="nav-header">Quản lý học tập</div>
|
||||
<li className="nav-section" aria-hidden="true">
|
||||
<span className="nav-header">Quản lý học tập</span>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<button className={navBtn(learningActive)} onClick={() => setActiveTab('learning')}>
|
||||
<button type="button" className={navBtn(learningActive)} onClick={() => setActiveTab('learning')}>
|
||||
<span className="nav-icon"><IconLearning /></span>
|
||||
Phòng Học
|
||||
<span className="nav-label">Phòng học</span>
|
||||
</button>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<button className={navBtn(examsActive)} onClick={() => setActiveTab('exams')}>
|
||||
<button type="button" className={navBtn(examsActive)} onClick={() => setActiveTab('exams')}>
|
||||
<span className="nav-icon"><IconExam /></span>
|
||||
Phòng thi
|
||||
<span className="nav-label">Phòng thi</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
<div className="nav-header">Công tác sinh viên</div>
|
||||
{myClasses.length > 0 && (
|
||||
<>
|
||||
<li className="nav-section" aria-hidden="true">
|
||||
<span className="nav-header">Lớp của tôi</span>
|
||||
</li>
|
||||
{myClasses.map((c) => (
|
||||
<li key={c.id} className="nav-item">
|
||||
<button
|
||||
type="button"
|
||||
className={`${navBtn(route.classId === c.id && route.tab === 'learning')} nav-btn--class`}
|
||||
onClick={() => {
|
||||
navigate('learning', c.id, c.name, 'class');
|
||||
setSidebarOpen(false);
|
||||
}}
|
||||
title={c.name}
|
||||
>
|
||||
<span className="nav-icon"><IconMyClass /></span>
|
||||
<span className="nav-label">{c.code || c.name}</span>
|
||||
</button>
|
||||
</li>
|
||||
))}
|
||||
</>
|
||||
)}
|
||||
|
||||
<li className="nav-section" aria-hidden="true">
|
||||
<span className="nav-header">Công tác sinh viên</span>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<button
|
||||
type="button"
|
||||
className={navBtn(route.tab === 'student-affairs' && !inWorkspace)}
|
||||
onClick={() => setActiveTab('student-affairs')}
|
||||
>
|
||||
<span className="nav-icon"><IconStudentAffairs /></span>
|
||||
Công Tác Sinh Viên
|
||||
<span className="nav-label">Công tác sinh viên</span>
|
||||
</button>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<button
|
||||
type="button"
|
||||
className={navBtn(route.tab === 'applications' && !inWorkspace)}
|
||||
onClick={() => setActiveTab('applications')}
|
||||
>
|
||||
<span className="nav-icon"><IconApplications /></span>
|
||||
Ứng Dụng
|
||||
<span className="nav-label">Ứng dụng</span>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
<div className="nav-header">Hệ thống</div>
|
||||
<li className="nav-section" aria-hidden="true">
|
||||
<span className="nav-header">Hệ thống</span>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<button
|
||||
type="button"
|
||||
className={navBtn(systemActive)}
|
||||
onClick={() => goSystem('organization')}
|
||||
>
|
||||
<span className="nav-icon"><IconSystem /></span>
|
||||
Quản lý hệ thống
|
||||
<span className="nav-label">Quản lý hệ thống</span>
|
||||
</button>
|
||||
</li>
|
||||
<ul className="nav-sub">
|
||||
{SYSTEM_NAV.map(({ section }) => (
|
||||
<li key={section} className="nav-item">
|
||||
<button
|
||||
className={navBtn(systemActive && route.systemSection === section)}
|
||||
onClick={() => goSystem(section)}
|
||||
>
|
||||
{SYSTEM_SECTION_LABELS[section]}
|
||||
</button>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
<li className="nav-item nav-item--sub">
|
||||
<ul className="nav-sub">
|
||||
{SYSTEM_NAV.map(({ section }) => (
|
||||
<li key={section}>
|
||||
<button
|
||||
type="button"
|
||||
className={navBtn(systemActive && route.systemSection === section)}
|
||||
onClick={() => goSystem(section)}
|
||||
>
|
||||
<span className="nav-label">{SYSTEM_SECTION_LABELS[section]}</span>
|
||||
</button>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
@@ -271,18 +368,44 @@ function App() {
|
||||
onClick={() => setActiveTab('profile')}
|
||||
title="Tài khoản của tôi"
|
||||
>
|
||||
<span className="sidebar-user-name">
|
||||
{staff?.fullName?.trim() || staff?.email?.split('@')[0] || 'Tài khoản'}
|
||||
<span className="sidebar-user-avatar" aria-hidden>
|
||||
{(staff?.fullName?.trim() || staff?.email || '?')
|
||||
.split(/\s+/)
|
||||
.filter(Boolean)
|
||||
.slice(-2)
|
||||
.map((w) => w[0]?.toUpperCase() || '')
|
||||
.join('')
|
||||
.slice(0, 2) || '?'}
|
||||
</span>
|
||||
<span className="sidebar-user-meta">
|
||||
<span className="sidebar-user-name">
|
||||
{staff?.fullName?.trim() || staff?.email?.split('@')[0] || 'Tài khoản'}
|
||||
</span>
|
||||
<span className="sidebar-user-email">{staff?.email}</span>
|
||||
</span>
|
||||
<span className="sidebar-user-email">{staff?.email}</span>
|
||||
</button>
|
||||
<button type="button" className="link-btn" onClick={logout}>
|
||||
<button type="button" className="sidebar-logout" onClick={logout}>
|
||||
<IconLogout />
|
||||
Đăng xuất
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
className="sidebar-edge-toggle"
|
||||
onClick={toggleSidebarCollapse}
|
||||
title={sidebarCollapsed ? 'Mở rộng menu' : 'Thu gọn menu'}
|
||||
>
|
||||
<svg viewBox="0 0 10 18" width="10" height="18" fill="currentColor" aria-hidden>
|
||||
{sidebarCollapsed
|
||||
? <path d="M1 1 L9 9 L1 17" />
|
||||
: <path d="M9 1 L1 9 L9 17" />
|
||||
}
|
||||
</svg>
|
||||
</button>
|
||||
</aside>
|
||||
|
||||
<main className="main-content">
|
||||
<main className={`main-content${sidebarCollapsed ? ' main-content--full' : ''}`}>
|
||||
<div className="page-viewport">
|
||||
{route.classId ? (
|
||||
<ClassWorkspace
|
||||
|
||||
@@ -381,6 +381,32 @@ export interface StudentSessionLogItem {
|
||||
lastActiveAt?: string;
|
||||
}
|
||||
|
||||
export interface StudentViolationItem {
|
||||
id: number;
|
||||
studentRkId: number;
|
||||
studentCode: string;
|
||||
fullName: string;
|
||||
classRkId: number;
|
||||
examRoomId?: number;
|
||||
kind: string;
|
||||
reason: string;
|
||||
monitorMode: string;
|
||||
clientAt?: string;
|
||||
createdAt: string;
|
||||
}
|
||||
|
||||
export const VIOLATION_KIND_OPTIONS = [
|
||||
{ value: '', label: 'Tất cả loại' },
|
||||
{ value: 'app_closed', label: 'Tắt ứng dụng' },
|
||||
{ value: 'unclean_shutdown', label: 'Tắt đột ngột' },
|
||||
{ value: 'multi_monitor', label: 'Nhiều màn hình' },
|
||||
{ value: 'user_switch', label: 'Đổi user' },
|
||||
{ value: 'session_change', label: 'Khóa / đổi phiên' },
|
||||
{ value: 'virtual_desktop', label: 'Desktop ảo' },
|
||||
{ value: 'wifi', label: 'WiFi trái phép' },
|
||||
{ value: 'guard', label: 'Vi phạm môi trường (cũ)' },
|
||||
] as const;
|
||||
|
||||
export const api = {
|
||||
getStats: async (): Promise<StatsResponse> => {
|
||||
const res = await staffFetch('/stats');
|
||||
@@ -716,12 +742,51 @@ export const apiFetchClassSessionLogs = async (
|
||||
return res.json();
|
||||
};
|
||||
|
||||
export const apiFetchClassViolations = async (
|
||||
rkId: number,
|
||||
date: string,
|
||||
kind = ''
|
||||
): Promise<{ data: StudentViolationItem[]; date: string }> => {
|
||||
const params = new URLSearchParams({ date });
|
||||
if (kind) params.set('kind', kind);
|
||||
const res = await staffFetch(`/classes/${rkId}/violations?${params}`);
|
||||
if (!res.ok) throw new Error('Failed to fetch class violations');
|
||||
return res.json();
|
||||
};
|
||||
|
||||
export const apiFetchExamViolations = async (
|
||||
examId: number,
|
||||
date: string,
|
||||
kind = ''
|
||||
): Promise<{ data: StudentViolationItem[]; date: string }> => {
|
||||
const params = new URLSearchParams({ date });
|
||||
if (kind) params.set('kind', kind);
|
||||
const res = await staffFetch(`/exam-rooms/${examId}/violations?${params}`);
|
||||
if (!res.ok) throw new Error('Failed to fetch exam violations');
|
||||
return res.json();
|
||||
};
|
||||
|
||||
export const apiFetchOnlineStudents = async (rkId: number): Promise<{ onlineStudentIds: number[] }> => {
|
||||
const res = await staffFetch(`/classes/${rkId}/online-students`);
|
||||
if (!res.ok) throw new Error('Failed to fetch online students list');
|
||||
return res.json();
|
||||
};
|
||||
|
||||
export interface ScheduleConflictItem {
|
||||
studentRkId: number;
|
||||
fullName: string;
|
||||
studentCode: string;
|
||||
conflictClassRkId: number;
|
||||
conflictClassName: string;
|
||||
conflictClassCode: string;
|
||||
}
|
||||
|
||||
export const apiFetchScheduleConflicts = async (rkId: number): Promise<{ conflicts: ScheduleConflictItem[]; ok: boolean }> => {
|
||||
const res = await staffFetch(`/classes/${rkId}/schedule-conflicts`);
|
||||
if (!res.ok) throw new Error('Failed to check schedule conflicts');
|
||||
return res.json();
|
||||
};
|
||||
|
||||
export const apiFetchClassCourses = async (rkId: number): Promise<{
|
||||
data: ClassCourseItem[];
|
||||
source?: string;
|
||||
@@ -798,6 +863,55 @@ export const apiPushAttendanceQLDT = async (rkId: number, date: string, period:
|
||||
return res.json();
|
||||
};
|
||||
|
||||
export interface LeaveRequestItem {
|
||||
id: number;
|
||||
date: string;
|
||||
note: string;
|
||||
reasonImage?: string;
|
||||
rejectReason?: string | null;
|
||||
period: number;
|
||||
status: string; // 'Đang chờ', 'Phê duyệt', 'Từ chối'
|
||||
approverId?: number | null;
|
||||
createdAt: string;
|
||||
student: {
|
||||
id: number;
|
||||
studentCode: string;
|
||||
fullName: string;
|
||||
phone?: string;
|
||||
email: string;
|
||||
avatar?: string;
|
||||
};
|
||||
}
|
||||
|
||||
export const apiFetchLeaveRequests = async (
|
||||
classId: number,
|
||||
courseId: number,
|
||||
date: string
|
||||
): Promise<LeaveRequestItem[]> => {
|
||||
const res = await staffFetch(`/classes/${classId}/leave-requests?courseId=${courseId}&date=${date}`);
|
||||
if (!res.ok) {
|
||||
const err = await res.json().catch(() => ({}));
|
||||
throw new Error(err.error || 'Failed to fetch leave requests');
|
||||
}
|
||||
return res.json();
|
||||
};
|
||||
|
||||
export const apiUpdateLeaveStatus = async (
|
||||
classId: number,
|
||||
leaveId: number,
|
||||
payload: { status: string; studentRkId: number; date: string; period: number }
|
||||
): Promise<{ ok: boolean; message: string }> => {
|
||||
const res = await staffFetch(`/classes/${classId}/leave-requests/${leaveId}/status`, {
|
||||
method: 'POST',
|
||||
body: JSON.stringify(payload),
|
||||
});
|
||||
if (!res.ok) {
|
||||
const err = await res.json().catch(() => ({}));
|
||||
throw new Error(err.error || 'Failed to update leave status');
|
||||
}
|
||||
return res.json();
|
||||
};
|
||||
|
||||
async function staffUpload(path: string, form: FormData): Promise<Response> {
|
||||
const headers = new Headers();
|
||||
const token = getToken();
|
||||
@@ -819,6 +933,7 @@ export interface ExamRoomItem {
|
||||
studentCount: number;
|
||||
paperCount: number;
|
||||
displayStatus: 'draft' | 'ready' | 'active' | 'ended' | 'cancelled';
|
||||
createdByStaffId?: number;
|
||||
}
|
||||
|
||||
export interface ExamPaperResource {
|
||||
@@ -871,8 +986,9 @@ function decodeBase64ToArrayBuffer(b64: string): ArrayBuffer {
|
||||
}
|
||||
|
||||
export const apiExam = {
|
||||
list: async (): Promise<{ data: ExamRoomItem[] }> => {
|
||||
const res = await staffFetch('/exam-rooms');
|
||||
list: async (opts?: { mine?: boolean }): Promise<{ data: ExamRoomItem[] }> => {
|
||||
const q = opts?.mine ? '?mine=1' : '';
|
||||
const res = await staffFetch(`/exam-rooms${q}`);
|
||||
if (!res.ok) await parseError(res, 'Failed');
|
||||
return res.json();
|
||||
},
|
||||
@@ -894,6 +1010,7 @@ export const apiExam = {
|
||||
canPublish: boolean;
|
||||
canUnpublish: boolean;
|
||||
canCancel: boolean;
|
||||
canExtend?: boolean;
|
||||
}>;
|
||||
},
|
||||
publish: async (id: number) => {
|
||||
@@ -917,6 +1034,14 @@ export const apiExam = {
|
||||
if (!res.ok) await parseError(res, 'Hủy phòng thi thất bại');
|
||||
return res.json();
|
||||
},
|
||||
extend: async (id: number, minutes: number) => {
|
||||
const res = await staffFetch(`/exam-rooms/${id}/extend`, {
|
||||
method: 'POST',
|
||||
body: JSON.stringify({ minutes }),
|
||||
});
|
||||
if (!res.ok) await parseError(res, 'Gia hạn thất bại');
|
||||
return res.json() as Promise<{ ok: boolean; endTime: string; addedMinutes: number; displayStatus: string }>;
|
||||
},
|
||||
update: async (id: number, payload: Partial<{ name: string; startTime: string; endTime: string; allowedApps: string; quizUrl: string }>) => {
|
||||
const res = await staffFetch(`/exam-rooms/${id}`, { method: 'PATCH', body: JSON.stringify(payload) });
|
||||
if (!res.ok) await parseError(res, 'Cập nhật thất bại');
|
||||
@@ -1011,6 +1136,14 @@ export const apiExam = {
|
||||
if (!res.ok) await parseError(res, 'Chia gói đề thất bại');
|
||||
return res.json() as Promise<{ assigned: number; packages: number }>;
|
||||
},
|
||||
assignPapersBatch: async (id: number, assignments: { studentRkId: number; paperId: number }[]) => {
|
||||
const res = await staffFetch(`/exam-rooms/${id}/assign-papers-batch`, {
|
||||
method: 'POST',
|
||||
body: JSON.stringify({ assignments }),
|
||||
});
|
||||
if (!res.ok) await parseError(res, 'Chia gói đề thất bại');
|
||||
return res.json() as Promise<{ assigned: number }>;
|
||||
},
|
||||
sendPapers: async (id: number, payload?: { scheduledAt?: string; studentRkIds?: number[] }) => {
|
||||
const res = await staffFetch(`/exam-rooms/${id}/send-papers`, { method: 'POST', body: JSON.stringify(payload || {}) });
|
||||
if (!res.ok) await parseError(res, 'Gửi gói đề thất bại');
|
||||
@@ -1073,6 +1206,64 @@ export const apiExam = {
|
||||
},
|
||||
};
|
||||
|
||||
export interface MyClassItem {
|
||||
rkId: number;
|
||||
name: string;
|
||||
classCode: string;
|
||||
}
|
||||
|
||||
export const apiMyClasses = {
|
||||
list: async (): Promise<MyClassItem[]> => {
|
||||
const res = await staffFetch('/staff/my-classes');
|
||||
if (!res.ok) return [];
|
||||
const json = await res.json() as { data: MyClassItem[] };
|
||||
return json.data ?? [];
|
||||
},
|
||||
add: async (classRkId: number): Promise<void> => {
|
||||
await staffFetch(`/staff/my-classes/${classRkId}`, { method: 'POST' });
|
||||
},
|
||||
remove: async (classRkId: number): Promise<void> => {
|
||||
await staffFetch(`/staff/my-classes/${classRkId}`, { method: 'DELETE' });
|
||||
},
|
||||
};
|
||||
|
||||
export const apiSeatingLayout = {
|
||||
getClass: async (classRkId: number): Promise<string | null> => {
|
||||
const res = await staffFetch(`/classes/${classRkId}/seating-layout`);
|
||||
if (!res.ok) return null;
|
||||
const json = await res.json() as { layoutJson: string | null };
|
||||
return json.layoutJson ?? null;
|
||||
},
|
||||
saveClass: async (classRkId: number, layoutJson: string): Promise<void> => {
|
||||
const res = await staffFetch(`/classes/${classRkId}/seating-layout`, {
|
||||
method: 'PUT',
|
||||
body: JSON.stringify({ layoutJson }),
|
||||
});
|
||||
if (!res.ok) await parseError(res, 'Lưu sơ đồ lớp thất bại');
|
||||
},
|
||||
deleteClass: async (classRkId: number): Promise<void> => {
|
||||
const res = await staffFetch(`/classes/${classRkId}/seating-layout`, { method: 'DELETE' });
|
||||
if (!res.ok) await parseError(res, 'Xóa sơ đồ lớp thất bại');
|
||||
},
|
||||
getExam: async (examRoomId: number): Promise<string | null> => {
|
||||
const res = await staffFetch(`/exam-rooms/${examRoomId}/seating-layout`);
|
||||
if (!res.ok) return null;
|
||||
const json = await res.json() as { layoutJson: string | null };
|
||||
return json.layoutJson ?? null;
|
||||
},
|
||||
saveExam: async (examRoomId: number, layoutJson: string): Promise<void> => {
|
||||
const res = await staffFetch(`/exam-rooms/${examRoomId}/seating-layout`, {
|
||||
method: 'PUT',
|
||||
body: JSON.stringify({ layoutJson }),
|
||||
});
|
||||
if (!res.ok) await parseError(res, 'Lưu sơ đồ phòng thi thất bại');
|
||||
},
|
||||
deleteExam: async (examRoomId: number): Promise<void> => {
|
||||
const res = await staffFetch(`/exam-rooms/${examRoomId}/seating-layout`, { method: 'DELETE' });
|
||||
if (!res.ok) await parseError(res, 'Xóa sơ đồ phòng thi thất bại');
|
||||
},
|
||||
};
|
||||
|
||||
export const apiQldt = {
|
||||
getToken: async (): Promise<{ token: string }> => {
|
||||
const res = await staffFetch('/qldt-token');
|
||||
|
||||
@@ -9,6 +9,48 @@ interface AppPoolModalProps {
|
||||
allowedApps: string;
|
||||
}
|
||||
|
||||
type IconProps = { size?: number };
|
||||
|
||||
const IconBox = ({ size = 20 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" />
|
||||
<path d="M3.27 6.96 12 12.01l8.73-5.05M12 22.08V12" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconSearch = ({ size = 15 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<circle cx="11" cy="11" r="7" />
|
||||
<line x1="21" y1="21" x2="16.65" y2="16.65" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconRefresh = ({ size = 15 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M21 12a9 9 0 1 1-2.6-6.3" />
|
||||
<polyline points="21 3 21 9 15 9" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconPlus = ({ size = 13 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2.25" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M12 5v14M5 12h14" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconCheck = ({ size = 12 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2.25" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M20 6 9 17l-5-5" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconInbox = ({ size = 32 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<polyline points="22 12 16 12 14 15 10 15 8 12 2 12" />
|
||||
<path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const formatWhen = (iso: string) => {
|
||||
if (!iso) return '—';
|
||||
const d = new Date(iso);
|
||||
@@ -80,44 +122,63 @@ export const AppPoolModal: React.FC<AppPoolModalProps> = ({
|
||||
|
||||
return (
|
||||
<div className="modal-overlay app-pool-overlay" onClick={onClose}>
|
||||
<div className="modal-container app-pool-modal" onClick={e => e.stopPropagation()}>
|
||||
<div className="modal-header">
|
||||
<div>
|
||||
<h2 className="modal-title" style={{ margin: 0 }}>Kho ứng dụng</h2>
|
||||
<div className="modal-container app-pool-modal app-picker-modal" onClick={e => e.stopPropagation()}>
|
||||
<div className="modal-header app-picker-header">
|
||||
<div className="app-picker-header-text">
|
||||
<h2 className="modal-title app-picker-title">
|
||||
<span className="app-picker-title-icon" aria-hidden>
|
||||
<IconBox />
|
||||
</span>
|
||||
Kho ứng dụng
|
||||
</h2>
|
||||
<p className="app-pool-modal-sub">
|
||||
Toàn hệ thống — app bị chặn từ mọi lớp. Chọn để thêm vào whitelist lớp hiện tại.
|
||||
Toàn hệ thống — app bị chặn từ mọi lớp. Chọn để thêm vào whitelist hiện tại.
|
||||
</p>
|
||||
</div>
|
||||
<button type="button" className="btn btn-secondary" onClick={onClose}>Đóng</button>
|
||||
<button type="button" className="btn btn-secondary app-picker-close" onClick={onClose}>
|
||||
Đóng
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div className="app-pool-toolbar">
|
||||
<input
|
||||
type="search"
|
||||
className="app-pool-search"
|
||||
placeholder="Tìm theo tên app, keyword, tiêu đề cửa sổ..."
|
||||
value={search}
|
||||
onChange={e => setSearch(e.target.value)}
|
||||
autoFocus
|
||||
/>
|
||||
<div className="app-picker-search-wrap">
|
||||
<span className="app-picker-search-icon" aria-hidden>
|
||||
<IconSearch />
|
||||
</span>
|
||||
<input
|
||||
type="search"
|
||||
className="app-pool-search"
|
||||
placeholder="Tìm theo tên app, keyword, tiêu đề cửa sổ..."
|
||||
value={search}
|
||||
onChange={e => setSearch(e.target.value)}
|
||||
autoFocus
|
||||
/>
|
||||
</div>
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-secondary"
|
||||
className="btn btn-secondary app-picker-refresh"
|
||||
onClick={() => loadPool(debouncedQ)}
|
||||
disabled={loading}
|
||||
>
|
||||
<IconRefresh />
|
||||
{loading ? 'Đang tải...' : 'Làm mới'}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div className="app-pool-body">
|
||||
{error ? (
|
||||
<div className="discovered-apps-empty discovered-apps-error">{error}</div>
|
||||
<div className="app-picker-state app-picker-state--error">{error}</div>
|
||||
) : loading && items.length === 0 ? (
|
||||
<div className="app-pool-status">Đang tải...</div>
|
||||
<div className="app-picker-state">
|
||||
<div className="sync-spinner" style={{ width: 28, height: 28 }} />
|
||||
<p>Đang tải kho ứng dụng...</p>
|
||||
</div>
|
||||
) : items.length === 0 ? (
|
||||
<div className="app-pool-status">
|
||||
{debouncedQ ? `Không tìm thấy "${debouncedQ}"` : 'Chưa có app nào trong kho.'}
|
||||
<div className="app-picker-state">
|
||||
<IconInbox />
|
||||
<p>
|
||||
{debouncedQ ? `Không tìm thấy “${debouncedQ}”` : 'Chưa có app nào trong kho.'}
|
||||
</p>
|
||||
</div>
|
||||
) : (
|
||||
<table className="data-table app-pool-table">
|
||||
@@ -128,7 +189,7 @@ export const AppPoolModal: React.FC<AppPoolModalProps> = ({
|
||||
<th>Tiêu đề</th>
|
||||
<th>Lần chặn</th>
|
||||
<th>Gần nhất</th>
|
||||
<th></th>
|
||||
<th style={{ textAlign: 'right' }}>Thao tác</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@@ -136,17 +197,33 @@ export const AppPoolModal: React.FC<AppPoolModalProps> = ({
|
||||
const added = allowedSet.has(app.keyword.toLowerCase());
|
||||
return (
|
||||
<tr key={app.id} className={added ? 'app-pool-row--added' : ''}>
|
||||
<td><code className="app-pool-kw">{app.keyword}</code></td>
|
||||
<td className="app-pool-muted">{app.processName}</td>
|
||||
<td className="app-pool-muted app-pool-title" title={app.windowTitle}>{app.windowTitle || '—'}</td>
|
||||
<td className="app-pool-hit">{app.hitCount}×</td>
|
||||
<td className="app-pool-muted">{formatWhen(app.lastSeenAt)}</td>
|
||||
<td>
|
||||
<code className="app-pool-kw">{app.keyword}</code>
|
||||
</td>
|
||||
<td className="app-pool-muted" title={app.processName}>
|
||||
{app.processName || '—'}
|
||||
</td>
|
||||
<td className="app-pool-muted app-pool-title" title={app.windowTitle}>
|
||||
{app.windowTitle || '—'}
|
||||
</td>
|
||||
<td>
|
||||
<span className="app-pool-hit">{app.hitCount}×</span>
|
||||
</td>
|
||||
<td className="app-pool-muted app-pool-when">{formatWhen(app.lastSeenAt)}</td>
|
||||
<td style={{ textAlign: 'right' }}>
|
||||
{added ? (
|
||||
<span className="app-pool-added-tag">Đã có</span>
|
||||
<span className="app-pool-added-tag">
|
||||
<IconCheck />
|
||||
Đã có
|
||||
</span>
|
||||
) : (
|
||||
<button type="button" className="btn btn-primary app-pool-add-btn" onClick={() => handleSelect(app.keyword)}>
|
||||
+ Thêm
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-primary app-pool-add-btn"
|
||||
onClick={() => handleSelect(app.keyword)}
|
||||
>
|
||||
<IconPlus />
|
||||
Thêm
|
||||
</button>
|
||||
)}
|
||||
</td>
|
||||
@@ -159,7 +236,9 @@ export const AppPoolModal: React.FC<AppPoolModalProps> = ({
|
||||
</div>
|
||||
|
||||
<div className="app-pool-footer">
|
||||
Hiển thị {items.length} kết quả{debouncedQ ? ` cho "${debouncedQ}"` : ''} (tối đa 80 mỗi lần tải)
|
||||
Hiển thị <strong>{items.length}</strong> kết quả
|
||||
{debouncedQ ? ` cho “${debouncedQ}”` : ''}
|
||||
{' '}(tối đa 80 mỗi lần tải)
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -9,6 +9,47 @@ interface AppTemplatePickerModalProps {
|
||||
allowedApps: string;
|
||||
}
|
||||
|
||||
type IconProps = { size?: number };
|
||||
|
||||
const IconLayers = ({ size = 20 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="m12 2 9 4.5-9 4.5L3 6.5 12 2z" />
|
||||
<path d="m3 12 9 4.5 9-4.5" />
|
||||
<path d="m3 17.5 9 4.5 9-4.5" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconSearch = ({ size = 15 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<circle cx="11" cy="11" r="7" />
|
||||
<line x1="21" y1="21" x2="16.65" y2="16.65" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconRefresh = ({ size = 15 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M21 12a9 9 0 1 1-2.6-6.3" />
|
||||
<polyline points="21 3 21 9 15 9" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconCheck = ({ size = 14 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2.25" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M20 6 9 17l-5-5" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconInbox = ({ size = 32 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<polyline points="22 12 16 12 14 15 10 15 8 12 2 12" />
|
||||
<path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
function keywordList(csv: string): string[] {
|
||||
return csv.split(',').map((s) => s.trim()).filter(Boolean);
|
||||
}
|
||||
|
||||
export const AppTemplatePickerModal: React.FC<AppTemplatePickerModalProps> = ({
|
||||
open,
|
||||
onClose,
|
||||
@@ -60,70 +101,110 @@ export const AppTemplatePickerModal: React.FC<AppTemplatePickerModalProps> = ({
|
||||
|
||||
return (
|
||||
<div className="modal-overlay app-pool-overlay" onClick={onClose}>
|
||||
<div className="modal-container app-pool-modal" onClick={(e) => e.stopPropagation()}>
|
||||
<div className="modal-header">
|
||||
<div>
|
||||
<h2 className="modal-title" style={{ margin: 0 }}>Chọn khung ứng dụng</h2>
|
||||
<div className="modal-container app-pool-modal app-picker-modal" onClick={(e) => e.stopPropagation()}>
|
||||
<div className="modal-header app-picker-header">
|
||||
<div className="app-picker-header-text">
|
||||
<h2 className="modal-title app-picker-title">
|
||||
<span className="app-picker-title-icon" aria-hidden>
|
||||
<IconLayers />
|
||||
</span>
|
||||
Chọn khung ứng dụng
|
||||
</h2>
|
||||
<p className="app-pool-modal-sub">
|
||||
Ghép bộ keyword đã lưu vào danh sách ứng dụng được phép. Quản lý khung tại Hệ thống → Khung ứng dụng.
|
||||
Ghép bộ keyword đã lưu vào whitelist. Quản lý khung tại Hệ thống → Khung ứng dụng.
|
||||
</p>
|
||||
</div>
|
||||
<button type="button" className="btn btn-secondary" onClick={onClose}>
|
||||
<button type="button" className="btn btn-secondary app-picker-close" onClick={onClose}>
|
||||
Đóng
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div className="app-pool-toolbar">
|
||||
<input
|
||||
type="search"
|
||||
className="app-pool-search"
|
||||
placeholder="Tìm theo tên, mô tả, keyword..."
|
||||
value={search}
|
||||
onChange={(e) => setSearch(e.target.value)}
|
||||
autoFocus
|
||||
/>
|
||||
<button type="button" className="btn btn-secondary" onClick={load} disabled={loading}>
|
||||
<div className="app-picker-search-wrap">
|
||||
<span className="app-picker-search-icon" aria-hidden>
|
||||
<IconSearch />
|
||||
</span>
|
||||
<input
|
||||
type="search"
|
||||
className="app-pool-search"
|
||||
placeholder="Tìm theo tên, mô tả, keyword..."
|
||||
value={search}
|
||||
onChange={(e) => setSearch(e.target.value)}
|
||||
autoFocus
|
||||
/>
|
||||
</div>
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-secondary app-picker-refresh"
|
||||
onClick={load}
|
||||
disabled={loading}
|
||||
>
|
||||
<IconRefresh />
|
||||
{loading ? 'Đang tải...' : 'Làm mới'}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div className="app-pool-body">
|
||||
{error ? (
|
||||
<div className="discovered-apps-empty discovered-apps-error">{error}</div>
|
||||
<div className="app-picker-state app-picker-state--error">{error}</div>
|
||||
) : loading && items.length === 0 ? (
|
||||
<div className="app-pool-status">Đang tải...</div>
|
||||
<div className="app-picker-state">
|
||||
<div className="sync-spinner" style={{ width: 28, height: 28 }} />
|
||||
<p>Đang tải khung ứng dụng...</p>
|
||||
</div>
|
||||
) : filtered.length === 0 ? (
|
||||
<div className="app-pool-status">
|
||||
{q ? `Không tìm thấy "${search}"` : 'Chưa có khung nào. Tạo tại Hệ thống → Khung ứng dụng.'}
|
||||
<div className="app-picker-state">
|
||||
<IconInbox />
|
||||
<p>
|
||||
{q
|
||||
? `Không tìm thấy “${search}”`
|
||||
: 'Chưa có khung nào. Tạo tại Hệ thống → Khung ứng dụng.'}
|
||||
</p>
|
||||
</div>
|
||||
) : (
|
||||
<div className="template-picker-list">
|
||||
{filtered.map((tpl) => (
|
||||
<div key={tpl.id} className="template-picker-card">
|
||||
<div className="template-picker-card-head">
|
||||
<strong>{tpl.name}</strong>
|
||||
<span className="template-picker-count">{countKeywords(tpl.keywords)} keyword</span>
|
||||
</div>
|
||||
{tpl.description && <p className="template-picker-desc">{tpl.description}</p>}
|
||||
<code className="template-picker-kw">{tpl.keywords}</code>
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-primary btn-sm template-picker-apply"
|
||||
onClick={() => {
|
||||
onSelect(tpl.keywords);
|
||||
onClose();
|
||||
}}
|
||||
>
|
||||
Áp dụng khung
|
||||
</button>
|
||||
</div>
|
||||
))}
|
||||
{filtered.map((tpl) => {
|
||||
const kws = keywordList(tpl.keywords);
|
||||
const count = countKeywords(tpl.keywords);
|
||||
return (
|
||||
<article key={tpl.id} className="template-picker-card">
|
||||
<div className="template-picker-card-main">
|
||||
<div className="template-picker-card-head">
|
||||
<strong className="template-picker-name">{tpl.name}</strong>
|
||||
<span className="template-picker-count">{count} keyword</span>
|
||||
</div>
|
||||
{tpl.description ? (
|
||||
<p className="template-picker-desc">{tpl.description}</p>
|
||||
) : null}
|
||||
<div className="template-picker-chips" title={tpl.keywords}>
|
||||
{kws.map((kw) => (
|
||||
<span key={kw} className="template-picker-chip">
|
||||
{kw}
|
||||
</span>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-primary btn-sm template-picker-apply"
|
||||
onClick={() => {
|
||||
onSelect(tpl.keywords);
|
||||
onClose();
|
||||
}}
|
||||
>
|
||||
<IconCheck size={13} />
|
||||
Áp dụng
|
||||
</button>
|
||||
</article>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="app-pool-footer">
|
||||
Đang có {countKeywords(allowedApps)} keyword trong whitelist hiện tại
|
||||
Whitelist hiện tại: <strong>{countKeywords(allowedApps)}</strong> keyword
|
||||
{filtered.length > 0 ? ` · ${filtered.length} khung` : ''}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -9,10 +9,106 @@ import {
|
||||
attendanceStatusClass,
|
||||
type AttendanceRow,
|
||||
type AttendanceShiftInfo,
|
||||
apiFetchLeaveRequests,
|
||||
apiUpdateLeaveStatus,
|
||||
type LeaveRequestItem,
|
||||
} from '../api';
|
||||
|
||||
/* ─── Icon components ─────────────────────────────────────────────────────── */
|
||||
|
||||
type IconProps = { size?: number; className?: string };
|
||||
|
||||
const IconClipboard = ({ size = 18 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<rect x="8" y="2" width="8" height="4" rx="1" />
|
||||
<path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconRefresh = ({ size = 15 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M21 12a9 9 0 1 1-2.6-6.3" />
|
||||
<polyline points="21 3 21 9 15 9" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconChevronDown = ({ size = 15 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="m6 9 6 6 6-6" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconChevronUp = ({ size = 15 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="m18 15-6-6-6 6" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconMail = ({ size = 15 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<rect x="2" y="4" width="20" height="16" rx="2" />
|
||||
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconUpload = ({ size = 15 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
|
||||
<polyline points="17 8 12 3 7 8" />
|
||||
<line x1="12" y1="3" x2="12" y2="15" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconClose = ({ size = 14 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2.25" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<line x1="18" y1="6" x2="6" y2="18" />
|
||||
<line x1="6" y1="6" x2="18" y2="18" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconInfo = ({ size = 15 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<line x1="12" y1="8" x2="12" y2="12" />
|
||||
<line x1="12" y1="16" x2="12.01" y2="16" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconCheck = ({ size = 14 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2.25" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M20 6 9 17l-5-5" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconXMark = ({ size = 14 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2.25" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<line x1="18" y1="6" x2="6" y2="18" />
|
||||
<line x1="6" y1="6" x2="18" y2="18" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconImage = ({ size = 13 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<rect x="3" y="3" width="18" height="18" rx="2" />
|
||||
<circle cx="8.5" cy="8.5" r="1.5" />
|
||||
<polyline points="21 15 16 10 5 21" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconSync = ({ size = 15 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M4 12c0-4.42 3.58-8 8-8 2.21 0 4.21.9 5.66 2.34" />
|
||||
<polyline points="14 8 20 8 20 2" />
|
||||
<path d="M20 12c0 4.42-3.58 8-8 8-2.21 0-4.21-.9-5.66-2.34" />
|
||||
<polyline points="10 16 4 16 4 22" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
/* ─── Helpers ────────────────────────────────────────────────────────────── */
|
||||
|
||||
interface AttendancePanelProps {
|
||||
classId: number;
|
||||
onClose?: () => void;
|
||||
}
|
||||
|
||||
function formatQldtTime(iso?: string): string {
|
||||
@@ -25,7 +121,9 @@ function formatQldtTime(iso?: string): string {
|
||||
});
|
||||
}
|
||||
|
||||
export const AttendancePanel: React.FC<AttendancePanelProps> = ({ classId }) => {
|
||||
/* ─── Component ─────────────────────────────────────────────────────────── */
|
||||
|
||||
export const AttendancePanel: React.FC<AttendancePanelProps> = ({ classId, onClose }) => {
|
||||
const today = new Date().toISOString().slice(0, 10);
|
||||
const [date, setDate] = useState(today);
|
||||
const [period, setPeriod] = useState(1);
|
||||
@@ -36,6 +134,15 @@ export const AttendancePanel: React.FC<AttendancePanelProps> = ({ classId }) =>
|
||||
const [pushing, setPushing] = useState(false);
|
||||
const [searchQuery, setSearchQuery] = useState('');
|
||||
const [selectedStudentRkIds, setSelectedStudentRkIds] = useState<number[]>([]);
|
||||
const [isCollapsed, setIsCollapsed] = useState(false);
|
||||
const [leaveRequests, setLeaveRequests] = useState<LeaveRequestItem[]>([]);
|
||||
const [loadingLeave, setLoadingLeave] = useState(false);
|
||||
const [showLeaveModal, setShowLeaveModal] = useState(false);
|
||||
|
||||
const handleScroll = useCallback((e: React.UIEvent<HTMLDivElement>) => {
|
||||
const scrollTop = e.currentTarget.scrollTop;
|
||||
setIsCollapsed(scrollTop > 20);
|
||||
}, []);
|
||||
|
||||
const loadShifts = useCallback(async () => {
|
||||
try {
|
||||
@@ -44,79 +151,109 @@ export const AttendancePanel: React.FC<AttendancePanelProps> = ({ classId }) =>
|
||||
if (res.data?.length && !res.data.find((s: any) => s.period === period)) {
|
||||
setPeriod(res.data[0].period || 1);
|
||||
}
|
||||
} catch {
|
||||
setShifts([]);
|
||||
}
|
||||
} catch { setShifts([]); }
|
||||
}, [classId, date, period]);
|
||||
|
||||
const loadAttendance = useCallback(async () => {
|
||||
const loadAttendance = useCallback(async (isBackground: boolean | any = false) => {
|
||||
const isBg = isBackground === true;
|
||||
try {
|
||||
setLoading(true);
|
||||
if (!isBg) setLoading(true);
|
||||
const res = await apiFetchAttendance(classId, date, period);
|
||||
setRows(res.data || []);
|
||||
setShiftInfo(res.shift || null);
|
||||
setSelectedStudentRkIds([]); // Clear selection when data changes
|
||||
if (!isBg) setSelectedStudentRkIds([]);
|
||||
} catch (e: any) {
|
||||
alert(e.message || 'Không tải được điểm danh');
|
||||
} finally {
|
||||
setLoading(false);
|
||||
if (!isBg) setLoading(false);
|
||||
}
|
||||
}, [classId, date, period]);
|
||||
|
||||
const currentShift = useMemo(() => shifts.find(s => s.period === period), [shifts, period]);
|
||||
const courseId = currentShift?.courseId;
|
||||
|
||||
const loadLeaveRequests = useCallback(async () => {
|
||||
if (!courseId) { setLeaveRequests([]); return; }
|
||||
try {
|
||||
setLoadingLeave(true);
|
||||
const res = await apiFetchLeaveRequests(classId, courseId, date);
|
||||
setLeaveRequests(res || []);
|
||||
} catch { setLeaveRequests([]); } finally { setLoadingLeave(false); }
|
||||
}, [classId, courseId, date]);
|
||||
|
||||
useEffect(() => { loadShifts(); }, [loadShifts]);
|
||||
useEffect(() => { loadAttendance(); }, [loadAttendance]);
|
||||
useEffect(() => { loadLeaveRequests(); }, [loadLeaveRequests]);
|
||||
|
||||
const handleUpdateLeaveStatus = async (leaveId: number, status: string, studentRkId: number) => {
|
||||
try {
|
||||
await apiUpdateLeaveStatus(classId, leaveId, { status, studentRkId, date, period });
|
||||
await loadAttendance();
|
||||
await loadLeaveRequests();
|
||||
} catch (e: any) {
|
||||
alert(e.message || 'Cập nhật đơn xin nghỉ thất bại');
|
||||
}
|
||||
};
|
||||
|
||||
const filteredRows = useMemo(() => {
|
||||
const q = searchQuery.trim().toLowerCase();
|
||||
if (!q) return rows;
|
||||
return rows.filter(row => {
|
||||
const haystack = [row.fullName, row.studentCode, row.email, row.statusLabel]
|
||||
.filter(Boolean)
|
||||
.join(' ')
|
||||
.toLowerCase();
|
||||
const haystack = [row.fullName, row.studentCode, row.email, row.statusLabel].filter(Boolean).join(' ').toLowerCase();
|
||||
return haystack.includes(q);
|
||||
});
|
||||
}, [rows, searchQuery]);
|
||||
|
||||
const statusCounts = useMemo(() => {
|
||||
const counts: Record<number, number> = { 0: 0, 1: 0, 2: 0, 3: 0, 4: 0 };
|
||||
for (const row of rows) {
|
||||
if (counts[row.status] !== undefined) counts[row.status]++;
|
||||
}
|
||||
for (const row of rows) { if (counts[row.status] !== undefined) counts[row.status]++; }
|
||||
return counts;
|
||||
}, [rows]);
|
||||
|
||||
const toggleStudentSelection = useCallback((studentRkId: number) => {
|
||||
const toggleStudentSelection = (studentRkId: number) => {
|
||||
setSelectedStudentRkIds(prev =>
|
||||
prev.includes(studentRkId) ? prev.filter(id => id !== studentRkId) : [...prev, studentRkId]
|
||||
);
|
||||
}, []);
|
||||
};
|
||||
|
||||
const handleStatusChange = async (studentRkId: number, status: number) => {
|
||||
setRows(prevRows =>
|
||||
prevRows.map(row => {
|
||||
if (row.studentRkId === studentRkId) {
|
||||
const matchedOpt = ATTENDANCE_STATUS_OPTIONS.find(o => o.value === status);
|
||||
return { ...row, status, statusLabel: matchedOpt ? matchedOpt.label : row.statusLabel, statusEditedByTeacher: true };
|
||||
}
|
||||
return row;
|
||||
})
|
||||
);
|
||||
try {
|
||||
await apiUpdateAttendanceStatus(classId, { date, period, studentRkId, status });
|
||||
await loadAttendance();
|
||||
await loadAttendance(true);
|
||||
} catch (e: any) {
|
||||
alert(e.message || 'Cập nhật trạng thái thất bại');
|
||||
await loadAttendance();
|
||||
}
|
||||
};
|
||||
|
||||
const handleBulkStatusChange = async (status: number) => {
|
||||
if (selectedStudentRkIds.length === 0) return;
|
||||
setRows(prevRows =>
|
||||
prevRows.map(row => {
|
||||
if (selectedStudentRkIds.includes(row.studentRkId)) {
|
||||
const matchedOpt = ATTENDANCE_STATUS_OPTIONS.find(o => o.value === status);
|
||||
return { ...row, status, statusLabel: matchedOpt ? matchedOpt.label : row.statusLabel, statusEditedByTeacher: true };
|
||||
}
|
||||
return row;
|
||||
})
|
||||
);
|
||||
const idsToUpdate = [...selectedStudentRkIds];
|
||||
setSelectedStudentRkIds([]);
|
||||
try {
|
||||
setLoading(true);
|
||||
await apiUpdateAttendanceBulkStatus(classId, {
|
||||
date,
|
||||
period,
|
||||
studentRkIds: selectedStudentRkIds,
|
||||
status,
|
||||
});
|
||||
setSelectedStudentRkIds([]);
|
||||
await loadAttendance();
|
||||
await apiUpdateAttendanceBulkStatus(classId, { date, period, studentRkIds: idsToUpdate, status });
|
||||
await loadAttendance(true);
|
||||
} catch (e: any) {
|
||||
alert(e.message || 'Cập nhật hàng loạt thất bại');
|
||||
} finally {
|
||||
setLoading(false);
|
||||
await loadAttendance();
|
||||
}
|
||||
};
|
||||
|
||||
@@ -133,151 +270,343 @@ export const AttendancePanel: React.FC<AttendancePanelProps> = ({ classId }) =>
|
||||
await loadAttendance();
|
||||
} catch (e: any) {
|
||||
alert(e.message || 'Đẩy QLĐT thất bại');
|
||||
} finally {
|
||||
setPushing(false);
|
||||
}
|
||||
} finally { setPushing(false); }
|
||||
};
|
||||
|
||||
const currentShift = shifts.find(s => s.period === period);
|
||||
const qldtSynced = Boolean(shiftInfo?.pushedToQldtAt);
|
||||
const qldtDirty = Boolean(shiftInfo?.qldtDirty);
|
||||
|
||||
const hasPendingLeave = leaveRequests.some(r => r.status === 'Đang chờ');
|
||||
|
||||
return (
|
||||
<div className="attendance-panel">
|
||||
<div className="attendance-toolbar">
|
||||
<label className="attendance-field">
|
||||
<span>Ngày</span>
|
||||
<input
|
||||
type="date"
|
||||
className="search-input"
|
||||
style={{ padding: '0.5rem 0.75rem' }}
|
||||
value={date}
|
||||
onChange={e => setDate(e.target.value)}
|
||||
/>
|
||||
</label>
|
||||
<label className="attendance-field">
|
||||
<span>Ca học</span>
|
||||
<select className="select-filter" value={period} onChange={e => setPeriod(Number(e.target.value))}>
|
||||
{(shifts.length ? shifts : [{ period: 1 }, { period: 2 }, { period: 3 }, { period: 4 }]).map((s: any) => (
|
||||
<option key={s.period} value={s.period}>
|
||||
Ca {s.period}{s.startTime ? ` (${s.startTime}–${s.endTime})` : ''}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</label>
|
||||
<label className="attendance-field attendance-field--grow">
|
||||
<span>Tìm sinh viên</span>
|
||||
<input
|
||||
type="search"
|
||||
className="app-pool-search attendance-search"
|
||||
placeholder="Mã SV, tên, email..."
|
||||
value={searchQuery}
|
||||
onChange={e => setSearchQuery(e.target.value)}
|
||||
/>
|
||||
</label>
|
||||
<button type="button" className="btn btn-secondary" onClick={loadAttendance} disabled={loading}>
|
||||
Tải lại
|
||||
</button>
|
||||
<button type="button" className="btn btn-primary" onClick={handlePushQLDT} disabled={pushing || rows.length === 0}>
|
||||
{pushing ? 'Đang đẩy...' : 'Đẩy QLĐT'}
|
||||
</button>
|
||||
<div className="ap-panel">
|
||||
<style>{`
|
||||
.ap-panel { display: flex; flex-direction: column; height: 100%; gap: 0.65rem; }
|
||||
|
||||
/* Header */
|
||||
.ap-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0.5rem; }
|
||||
.ap-header-title { display: flex; align-items: center; gap: 0.5rem; margin: 0; font-size: 0.95rem; font-weight: 700; color: var(--text-primary); }
|
||||
.ap-header-title svg { color: var(--accent); flex-shrink: 0; }
|
||||
.ap-header-actions { display: flex; gap: 0.3rem; align-items: center; flex-wrap: wrap; }
|
||||
|
||||
/* Buttons */
|
||||
.ap-btn { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.25rem 0.6rem; font-size: 0.75rem; font-weight: 500; border-radius: var(--radius-sm); border: 1px solid var(--border-color); background: var(--bg-card); color: var(--text-primary); cursor: pointer; transition: background 0.15s, border-color 0.15s; line-height: 1.4; white-space: nowrap; }
|
||||
.ap-btn:hover:not(:disabled) { background: var(--bg-hover); border-color: var(--border-hover); }
|
||||
.ap-btn:disabled { opacity: 0.55; cursor: not-allowed; }
|
||||
.ap-btn--primary { background: var(--accent); border-color: var(--accent); color: #fff; }
|
||||
.ap-btn--primary:hover:not(:disabled) { filter: brightness(1.08); background: var(--accent); }
|
||||
.ap-btn--close { padding: 0.22rem 0.45rem; }
|
||||
.ap-btn--leave-badge { background: var(--accent); color: #fff; font-size: 0.62rem; font-weight: 700; padding: 0.05rem 0.3rem; border-radius: 10px; line-height: 1.4; }
|
||||
.ap-btn--leave-badge.muted { background: var(--text-secondary); }
|
||||
|
||||
/* Collapsible toolbar area */
|
||||
.ap-collapsible { display: flex; flex-direction: column; gap: 0.5rem; overflow: hidden; transition: max-height 0.3s ease; }
|
||||
.ap-collapsible.collapsed { max-height: 0 !important; }
|
||||
|
||||
/* Toolbar */
|
||||
.ap-toolbar { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: flex-end; }
|
||||
.ap-field { display: flex; flex-direction: column; gap: 0.18rem; font-size: 0.71rem; font-weight: 600; color: var(--text-muted); }
|
||||
.ap-field--grow { flex: 1; }
|
||||
.ap-input { padding: 0.3rem 0.5rem; font-size: 0.78rem; border: 1px solid var(--border-color); border-radius: var(--radius-sm); background: var(--bg-card); color: var(--text-primary); }
|
||||
.ap-input:focus { outline: none; border-color: var(--accent); }
|
||||
|
||||
/* QLĐT sync banner */
|
||||
.ap-qldt-banner { padding: 0.45rem 0.7rem; border-radius: var(--radius-sm); background: var(--bg-subtle); border: 1px solid var(--border-color); display: flex; flex-direction: column; gap: 0.1rem; font-size: 0.77rem; }
|
||||
.ap-qldt-banner--synced { background: rgba(46,125,50,0.06); border-color: rgba(46,125,50,0.3); color: #2e7d32; }
|
||||
.ap-qldt-banner--stale { background: rgba(180,83,9,0.06); border-color: rgba(180,83,9,0.35); color: #92400e; }
|
||||
|
||||
/* Shift info strip */
|
||||
.ap-shift-info { display: flex; flex-wrap: wrap; gap: 0.5rem; font-size: 0.77rem; color: var(--text-secondary); padding: 0.3rem 0.6rem; background: var(--bg-subtle); border-radius: var(--radius-sm); border: 1px solid var(--border-color); }
|
||||
|
||||
/* Status chips */
|
||||
.ap-chips { display: flex; flex-wrap: wrap; gap: 0.22rem; align-items: center; }
|
||||
.ap-chip { border: 1px solid transparent; border-radius: 99px; padding: 0.14rem 0.4rem; font-size: 0.68rem; font-weight: 700; cursor: default; background: transparent; display: inline-flex; align-items: center; gap: 0.18rem; }
|
||||
.ap-chip-count { min-width: 1rem; text-align: center; padding: 0.04rem 0.18rem; border-radius: 99px; background: rgba(0,0,0,0.12); }
|
||||
.ap-chips-total { margin-left: auto; font-size: 0.71rem; color: var(--text-muted); font-weight: 600; }
|
||||
|
||||
/* Notice banner */
|
||||
.ap-notice { padding: 0.55rem 0.75rem; border: 1px solid var(--border-color); border-left: 3px solid var(--accent); border-radius: var(--radius-sm); background: var(--bg-subtle); font-size: 0.75rem; color: var(--text-secondary); line-height: 1.5; display: flex; align-items: flex-start; gap: 0.45rem; }
|
||||
.ap-notice svg { color: var(--accent); flex-shrink: 0; margin-top: 0.05rem; }
|
||||
.ap-notice--amber { border-left-color: #d97706; background: rgba(253,230,138,0.18); color: #78350f; }
|
||||
.ap-notice--amber svg { color: #d97706; }
|
||||
|
||||
/* Bulk actions bar */
|
||||
.ap-bulk { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.75rem; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius-sm); flex-wrap: wrap; }
|
||||
.ap-bulk-title { font-weight: 600; font-size: 0.82rem; }
|
||||
.ap-bulk-btns { display: flex; gap: 0.2rem; flex-wrap: wrap; }
|
||||
|
||||
/* Table */
|
||||
.ap-table-scroll { flex: 1; overflow: auto; border: 1px solid var(--border-color); border-radius: var(--radius-sm); }
|
||||
.ap-table { width: 100%; border-collapse: collapse; }
|
||||
.ap-table thead th { padding: 0.5rem 0.8rem; background: var(--bg-subtle); font-weight: 700; font-size: 0.68rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.04em; border-bottom: 1px solid var(--border-color); white-space: nowrap; }
|
||||
.ap-table thead th:first-child { width: 40px; text-align: center; padding: 0.5rem 0.5rem; }
|
||||
.ap-table tbody tr { border-bottom: 1px solid var(--border-light); transition: background 0.1s; }
|
||||
.ap-table tbody tr:last-child { border-bottom: none; }
|
||||
.ap-table tbody td { padding: 0.42rem 0.8rem; font-size: 0.82rem; vertical-align: middle; }
|
||||
.ap-table tbody td:first-child { text-align: center; padding: 0.42rem 0.5rem; }
|
||||
|
||||
/* QLĐT inline tags */
|
||||
.ap-tag { font-size: 0.62rem; font-weight: 700; padding: 0.1rem 0.3rem; border-radius: 3px; }
|
||||
.ap-tag--ok { background: rgba(46,125,50,0.1); color: #2e7d32; border: 1px solid rgba(46,125,50,0.3); }
|
||||
.ap-tag--pending { background: var(--bg-subtle); color: var(--text-muted); border: 1px solid var(--border-color); }
|
||||
.ap-tag--locked { background: rgba(21,101,192,0.08); color: #1565c0; border: 1px solid rgba(21,101,192,0.25); }
|
||||
|
||||
/* Leave modal notice */
|
||||
.ap-leave-notice { padding: 0.55rem 0.75rem; border: 1px solid #bae6fd; border-left: 3px solid #0ea5e9; border-radius: var(--radius-sm); background: rgba(224,242,254,0.5); font-size: 0.76rem; color: #0369a1; line-height: 1.5; display: flex; align-items: flex-start; gap: 0.45rem; }
|
||||
.ap-leave-notice svg { color: #0ea5e9; flex-shrink: 0; margin-top: 0.05rem; }
|
||||
.ap-leave-card { display: flex; flex-direction: column; gap: 8px; padding: 0.75rem; border: 1px solid var(--border-color); border-radius: var(--radius-sm); background: var(--bg-card); }
|
||||
.ap-leave-card-reason { font-size: 0.77rem; color: var(--text-primary); background: var(--bg-subtle); padding: 0.4rem 0.65rem; border-radius: var(--radius-sm); border-left: 3px solid #cbd5e1; line-height: 1.45; }
|
||||
.ap-leave-status { font-size: 0.69rem; font-weight: 600; padding: 0.1rem 0.4rem; border-radius: 4px; }
|
||||
.ap-leave-status--pending { background: #fef3c7; color: #b45309; }
|
||||
.ap-leave-status--approved { background: #d1fae5; color: #065f46; }
|
||||
.ap-leave-status--rejected { background: #fee2e2; color: #991b1b; }
|
||||
|
||||
/* Empty & loading states */
|
||||
.ap-empty { min-height: 200px; display: flex; align-items: center; justify-content: center; color: var(--text-muted); font-size: 0.85rem; }
|
||||
`}</style>
|
||||
|
||||
{/* ── Header ── */}
|
||||
<div className="ap-header">
|
||||
<h3 className="ap-header-title">
|
||||
<IconClipboard size={18} />
|
||||
Điểm danh ca học
|
||||
</h3>
|
||||
<div className="ap-header-actions">
|
||||
<button
|
||||
type="button"
|
||||
className="ap-btn"
|
||||
onClick={() => setIsCollapsed(!isCollapsed)}
|
||||
>
|
||||
{isCollapsed ? <><IconChevronDown size={14} /> Chi tiết</> : <><IconChevronUp size={14} /> Thu gọn</>}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="ap-btn"
|
||||
onClick={() => loadAttendance(false)}
|
||||
disabled={loading}
|
||||
>
|
||||
<IconRefresh size={14} />
|
||||
Tải lại
|
||||
</button>
|
||||
{courseId && (
|
||||
<button
|
||||
type="button"
|
||||
className="ap-btn"
|
||||
onClick={() => setShowLeaveModal(true)}
|
||||
>
|
||||
<IconMail size={14} />
|
||||
Đơn phép
|
||||
{leaveRequests.length > 0 && (
|
||||
<span className={`ap-btn--leave-badge${hasPendingLeave ? '' : ' muted'}`}>
|
||||
{leaveRequests.length}
|
||||
</span>
|
||||
)}
|
||||
</button>
|
||||
)}
|
||||
<button
|
||||
type="button"
|
||||
className="ap-btn ap-btn--primary"
|
||||
onClick={handlePushQLDT}
|
||||
disabled={pushing || rows.length === 0}
|
||||
>
|
||||
<IconUpload size={14} />
|
||||
{pushing ? 'Đang tải...' : 'Đẩy QLĐT'}
|
||||
</button>
|
||||
{onClose && (
|
||||
<button type="button" className="ap-btn ap-btn--close" onClick={onClose} title="Đóng">
|
||||
<IconClose size={14} />
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
className={`attendance-qldt-banner${
|
||||
qldtSynced ? (qldtDirty ? ' attendance-qldt-banner--stale' : ' attendance-qldt-banner--synced') : ''
|
||||
}`}
|
||||
>
|
||||
{qldtSynced ? (
|
||||
qldtDirty ? (
|
||||
<>
|
||||
<strong>Đã lưu QLĐT — có thay đổi mới</strong>
|
||||
<span>
|
||||
Lần đẩy: {formatQldtTime(shiftInfo?.pushedToQldtAt)} · Cần đẩy lại sau khi chỉnh sửa
|
||||
</span>
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<strong>Đã lưu QLĐT</strong>
|
||||
<span>Lần đẩy gần nhất: {formatQldtTime(shiftInfo?.pushedToQldtAt)}</span>
|
||||
</>
|
||||
)
|
||||
) : (
|
||||
<>
|
||||
<strong>Chưa đẩy lên QLĐT</strong>
|
||||
<span>Ca {period} ngày {date} — bấm "Đẩy QLĐT" sau khi kiểm tra trạng thái</span>
|
||||
</>
|
||||
{/* ── Collapsible toolbar area ── */}
|
||||
<div className={`ap-collapsible${isCollapsed ? ' collapsed' : ''}`}>
|
||||
{/* Toolbar: date / shift / search */}
|
||||
<div className="ap-toolbar">
|
||||
<label className="ap-field">
|
||||
<span>Ngày</span>
|
||||
<input type="date" className="ap-input search-input" value={date} onChange={e => setDate(e.target.value)} />
|
||||
</label>
|
||||
<label className="ap-field">
|
||||
<span>Ca học</span>
|
||||
<select className="ap-input select-filter" value={period} onChange={e => setPeriod(Number(e.target.value))}>
|
||||
{(shifts.length ? shifts : [{ period: 1 }, { period: 2 }, { period: 3 }, { period: 4 }]).map((s: any) => (
|
||||
<option key={s.period} value={s.period}>Ca {s.period}{s.startTime ? ` (${s.startTime}–${s.endTime})` : ''}</option>
|
||||
))}
|
||||
</select>
|
||||
</label>
|
||||
<label className="ap-field ap-field--grow">
|
||||
<span>Tìm sinh viên</span>
|
||||
<input type="search" className="ap-input app-pool-search attendance-search" placeholder="Mã SV, tên, email..." value={searchQuery} onChange={e => setSearchQuery(e.target.value)} />
|
||||
</label>
|
||||
</div>
|
||||
|
||||
{/* QLĐT sync status banner */}
|
||||
<div className={`ap-qldt-banner${qldtSynced ? (qldtDirty ? ' ap-qldt-banner--stale' : ' ap-qldt-banner--synced') : ''}`}>
|
||||
{qldtSynced
|
||||
? qldtDirty
|
||||
? <><strong>Đã lưu QLĐT — có thay đổi mới</strong><span>Lần đẩy: {formatQldtTime(shiftInfo?.pushedToQldtAt)} · Cần đẩy lại</span></>
|
||||
: <><strong>Đã lưu QLĐT</strong><span>Lần đẩy: {formatQldtTime(shiftInfo?.pushedToQldtAt)}</span></>
|
||||
: <><strong>Chưa đẩy lên QLĐT</strong><span>Ca {period} ngày {date} — bấm "Đẩy QLĐT" sau khi kiểm tra</span></>
|
||||
}
|
||||
</div>
|
||||
|
||||
{/* Shift info strip */}
|
||||
{currentShift && (
|
||||
<div className="ap-shift-info">
|
||||
<span>{currentShift.startTime}–{currentShift.endTime}</span>
|
||||
<span>{currentShift.courseName || 'Chưa chọn môn'}</span>
|
||||
{!currentShift.isActive && <span className="badge badge-muted" style={{ fontSize: '0.65rem' }}>Ca tắt</span>}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Status summary chips */}
|
||||
<div className="ap-chips">
|
||||
{ATTENDANCE_STATUS_OPTIONS.map(opt => (
|
||||
<button key={opt.value} type="button" className={`ap-chip attendance-summary-chip ${attendanceStatusClass(opt.value)}`} onClick={() => setSearchQuery('')}>
|
||||
<span>{opt.short}</span>
|
||||
<span className="ap-chip-count">{statusCounts[opt.value] ?? 0}</span>
|
||||
</button>
|
||||
))}
|
||||
<span className="ap-chips-total">{filteredRows.length}/{rows.length} SV{searchQuery.trim() ? ' (đã lọc)' : ''}</span>
|
||||
</div>
|
||||
|
||||
<p className="schedule-hint" style={{ margin: '0 0 2px 0', fontSize: '0.71rem', color: 'var(--text-muted)' }}>
|
||||
Sửa trạng thái thủ công sẽ được khóa — hệ thống tự tính sẽ không ghi đè.
|
||||
</p>
|
||||
|
||||
{/* Notice banner — replaces yellow emoji block */}
|
||||
<div className="ap-notice ap-notice--amber">
|
||||
<IconInfo size={15} />
|
||||
<span>
|
||||
<strong>Lưu ý:</strong> Hệ thống hiện tại chỉ ghi nhận điểm danh học tập nội bộ và{' '}
|
||||
<strong>KHÔNG tự động lưu lên QLĐT</strong>. Thầy cô vui lòng kiểm tra kỹ trạng thái của sinh viên,
|
||||
sau đó bấm nút <strong>Đẩy QLĐT</strong> ở góc phải bên trên để đồng bộ điểm danh chính thức.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{currentShift && (
|
||||
<div className="attendance-shift-info">
|
||||
<span>{currentShift.startTime}–{currentShift.endTime}</span>
|
||||
<span>{currentShift.courseName || 'Chưa chọn môn'}</span>
|
||||
{!currentShift.isActive && <span className="badge badge-muted">Ca tắt</span>}
|
||||
{/* ── Leave Requests Modal ── */}
|
||||
{showLeaveModal && courseId && (
|
||||
<div className="modal-overlay" style={{ zIndex: 200 }} onClick={() => setShowLeaveModal(false)}>
|
||||
<div className="modal-container" style={{ maxWidth: '680px', width: '95%', display: 'flex', flexDirection: 'column' }} onClick={e => e.stopPropagation()}>
|
||||
<div className="modal-header" style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
|
||||
<div>
|
||||
<h3 className="modal-title" style={{ margin: 0, display: 'flex', alignItems: 'center', gap: '0.4rem' }}>
|
||||
<IconMail size={17} />
|
||||
Đơn xin nghỉ phép
|
||||
</h3>
|
||||
<p style={{ margin: '4px 0 0 0', color: 'var(--text-secondary)', fontSize: '0.8rem' }}>Ca {period} ngày {date}</p>
|
||||
</div>
|
||||
<div style={{ display: 'flex', gap: '8px', alignItems: 'center' }}>
|
||||
<button type="button" className="ap-btn" onClick={loadLeaveRequests} disabled={loadingLeave}>
|
||||
<IconRefresh size={14} />
|
||||
{loadingLeave ? 'Đang tải...' : 'Làm mới'}
|
||||
</button>
|
||||
<button type="button" className="ap-btn" onClick={() => setShowLeaveModal(false)}>Đóng</button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="modal-body" style={{ padding: '1rem', overflowY: 'auto', maxHeight: '60vh', display: 'flex', flexDirection: 'column', gap: '10px' }}>
|
||||
{/* Info notice */}
|
||||
<div className="ap-leave-notice">
|
||||
<IconInfo size={15} />
|
||||
<div>
|
||||
<strong>Lưu ý duyệt đơn phép:</strong> Thao tác duyệt/từ chối đơn tại đây chỉ được ghi nhận{' '}
|
||||
<strong>nội bộ trên hệ thống Simple Care</strong> (không đồng bộ ngược lên QLĐT).
|
||||
<div style={{ marginTop: '0.25rem' }}>
|
||||
• Khi duyệt đơn, hệ thống sẽ tự động đổi trạng thái điểm danh thành <strong>"Nghỉ có phép"</strong>.<br />
|
||||
• Trạng thái này sẽ được cập nhật lên QLĐT khi bấm nút <strong>"Đẩy QLĐT"</strong>.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{loadingLeave ? (
|
||||
<div style={{ display: 'flex', justifyContent: 'center', padding: '2rem 0' }}>
|
||||
<div className="sync-spinner" style={{ width: 28, height: 28 }} />
|
||||
</div>
|
||||
) : leaveRequests.length === 0 ? (
|
||||
<div style={{ textAlign: 'center', padding: '2rem 0', color: 'var(--text-muted)', fontSize: '0.85rem', fontStyle: 'italic' }}>
|
||||
Không có đơn xin nghỉ phép nào cho ca học này trong ngày hôm nay.
|
||||
</div>
|
||||
) : (
|
||||
leaveRequests.map((req) => (
|
||||
<div key={req.id} className="ap-leave-card">
|
||||
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', flexWrap: 'wrap', gap: '8px' }}>
|
||||
<div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
|
||||
<div style={{ fontWeight: 600, fontSize: '0.9rem' }}>{req.student.fullName}</div>
|
||||
<code style={{ fontSize: '0.8rem', color: 'var(--text-secondary)' }}>{req.student.studentCode}</code>
|
||||
<span className={`ap-leave-status ${req.status === 'Đang chờ' ? 'ap-leave-status--pending' : req.status === 'Phê duyệt' ? 'ap-leave-status--approved' : 'ap-leave-status--rejected'}`}>
|
||||
{req.status}
|
||||
</span>
|
||||
</div>
|
||||
{req.status === 'Đang chờ' && (
|
||||
<div style={{ display: 'flex', gap: '6px' }}>
|
||||
<button
|
||||
type="button"
|
||||
className="ap-btn ap-btn--primary"
|
||||
style={{ background: 'var(--success)', borderColor: 'var(--success)' }}
|
||||
onClick={() => { if (confirm(`Phê duyệt đơn xin nghỉ phép của ${req.student.fullName}?`)) handleUpdateLeaveStatus(req.id, 'Phê duyệt', req.student.id); }}
|
||||
>
|
||||
<IconCheck size={13} /> Phê duyệt
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="ap-btn"
|
||||
style={{ borderColor: '#fca5a5' }}
|
||||
onClick={() => { if (confirm(`Từ chối đơn xin nghỉ phép của ${req.student.fullName}?`)) handleUpdateLeaveStatus(req.id, 'Từ chối', req.student.id); }}
|
||||
>
|
||||
<IconXMark size={13} /> Từ chối
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<div className="ap-leave-card-reason">
|
||||
<strong>Lý do nghỉ:</strong> {req.note || 'Không có ghi chú'}
|
||||
</div>
|
||||
{req.reasonImage && (
|
||||
<div>
|
||||
<a href={req.reasonImage} target="_blank" rel="noopener noreferrer" style={{ fontSize: '0.72rem', color: 'var(--accent)', textDecoration: 'underline', display: 'inline-flex', alignItems: 'center', gap: '4px' }}>
|
||||
<IconImage size={13} /> Xem ảnh minh chứng
|
||||
</a>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
))
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="attendance-status-summary">
|
||||
{ATTENDANCE_STATUS_OPTIONS.map(opt => (
|
||||
<button
|
||||
key={opt.value}
|
||||
type="button"
|
||||
className={`attendance-summary-chip ${attendanceStatusClass(opt.value)}`}
|
||||
onClick={() => setSearchQuery('')}
|
||||
title={`${opt.label}: ${statusCounts[opt.value] ?? 0} sinh viên`}
|
||||
>
|
||||
<span className="attendance-summary-chip-label">{opt.short}</span>
|
||||
<span className="attendance-summary-chip-count">{statusCounts[opt.value] ?? 0}</span>
|
||||
</button>
|
||||
))}
|
||||
<span className="attendance-summary-total">
|
||||
{filteredRows.length}/{rows.length} SV
|
||||
{searchQuery.trim() ? ' (đã lọc)' : ''}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<p className="schedule-hint" style={{ margin: 0 }}>
|
||||
Sửa trạng thái thủ công sẽ được khóa — hệ thống tự tính sẽ không ghi đè.
|
||||
</p>
|
||||
|
||||
{/* ── Bulk status actions bar ── */}
|
||||
{selectedStudentRkIds.length > 0 && (
|
||||
<div className="attendance-bulk-actions">
|
||||
<span className="attendance-bulk-title">
|
||||
Đang chọn {selectedStudentRkIds.length} sinh viên:
|
||||
</span>
|
||||
<div className="attendance-bulk-btns">
|
||||
<div className="ap-bulk">
|
||||
<span className="ap-bulk-title">Đang chọn {selectedStudentRkIds.length} SV:</span>
|
||||
<div className="ap-bulk-btns">
|
||||
{ATTENDANCE_STATUS_OPTIONS.map(opt => (
|
||||
<button
|
||||
key={opt.value}
|
||||
type="button"
|
||||
className={`btn btn-secondary ${attendanceStatusClass(opt.value)}`}
|
||||
style={{ padding: '0.25rem 0.75rem', fontSize: '0.875rem', border: '1px solid var(--att-border)' }}
|
||||
onClick={() => handleBulkStatusChange(opt.value)}
|
||||
>
|
||||
Gắn "{opt.label}"
|
||||
<button key={opt.value} type="button" className={`ap-btn ${attendanceStatusClass(opt.value)}`} style={{ border: '1px solid var(--att-border)' }} onClick={() => handleBulkStatusChange(opt.value)}>
|
||||
Gắn "{opt.label}"
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-muted attendance-bulk-btn-close"
|
||||
style={{ padding: '0.25rem 0.75rem', fontSize: '0.875rem' }}
|
||||
onClick={() => setSelectedStudentRkIds([])}
|
||||
>
|
||||
<button type="button" className="ap-btn" style={{ marginLeft: 'auto' }} onClick={() => setSelectedStudentRkIds([])}>
|
||||
Hủy chọn
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="attendance-table-scroll table-wrapper">
|
||||
{/* ── Attendance table ── */}
|
||||
<div className="ap-table-scroll attendance-table-scroll table-wrapper" onScroll={handleScroll}>
|
||||
{loading ? (
|
||||
<div className="empty-state"><div className="sync-spinner" style={{ width: 28, height: 28 }} /></div>
|
||||
<div className="ap-empty">
|
||||
<div className="sync-spinner" style={{ width: 28, height: 28 }} />
|
||||
</div>
|
||||
) : (
|
||||
<table className="data-table attendance-table">
|
||||
<table className="ap-table data-table attendance-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style={{ width: '45px', textAlign: 'center' }}>
|
||||
<th>
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={filteredRows.length > 0 && filteredRows.every(r => selectedStudentRkIds.includes(r.studentRkId))}
|
||||
@@ -302,7 +631,7 @@ export const AttendancePanel: React.FC<AttendancePanelProps> = ({ classId }) =>
|
||||
<tbody>
|
||||
{filteredRows.length === 0 ? (
|
||||
<tr>
|
||||
<td colSpan={5} style={{ textAlign: 'center', color: 'var(--text-muted)' }}>
|
||||
<td colSpan={5} style={{ textAlign: 'center', color: 'var(--text-muted)', padding: '1.5rem 0', fontStyle: 'italic', fontSize: '0.83rem' }}>
|
||||
{rows.length === 0 ? 'Chưa có dữ liệu điểm danh' : 'Không tìm thấy sinh viên phù hợp'}
|
||||
</td>
|
||||
</tr>
|
||||
@@ -310,60 +639,38 @@ export const AttendancePanel: React.FC<AttendancePanelProps> = ({ classId }) =>
|
||||
filteredRows.map(row => {
|
||||
const isSelected = selectedStudentRkIds.includes(row.studentRkId);
|
||||
return (
|
||||
<tr key={row.studentRkId} className={attendanceStatusClass(row.status)}>
|
||||
<td
|
||||
style={{ textAlign: 'center', cursor: 'pointer' }}
|
||||
onClick={() => toggleStudentSelection(row.studentRkId)}
|
||||
>
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={isSelected}
|
||||
onChange={() => {}}
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
toggleStudentSelection(row.studentRkId);
|
||||
}}
|
||||
/>
|
||||
<tr key={row.studentRkId} className={attendanceStatusClass(row.status)} style={{ background: isSelected ? 'rgba(var(--accent-rgb, 99 102 241) / 0.05)' : undefined }}>
|
||||
<td>
|
||||
<input type="checkbox" checked={isSelected} onChange={() => toggleStudentSelection(row.studentRkId)} />
|
||||
</td>
|
||||
<td
|
||||
style={{ cursor: 'pointer' }}
|
||||
onClick={() => toggleStudentSelection(row.studentRkId)}
|
||||
>
|
||||
<div className="attendance-student-name">{row.fullName}</div>
|
||||
<div className="attendance-student-meta">
|
||||
<td style={{ cursor: 'pointer' }} onClick={() => toggleStudentSelection(row.studentRkId)}>
|
||||
<div className="attendance-student-name" style={{ fontWeight: 700, fontSize: '0.85rem' }}>{row.fullName}</div>
|
||||
<div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.25rem 0.5rem', fontSize: '0.7rem', color: 'var(--text-muted)', marginTop: '1px' }}>
|
||||
<code>{row.studentCode}</code>
|
||||
{row.email && <span>{row.email}</span>}
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<span className="attendance-online-mins">{row.onlineMinutes}</span>
|
||||
<span className="attendance-online-unit">phút</span>
|
||||
<span style={{ fontFamily: 'monospace', fontWeight: 800, fontSize: '0.95rem' }}>{row.onlineMinutes}</span>
|
||||
<span style={{ fontSize: '0.65rem', color: 'var(--text-muted)', marginLeft: '2px' }}>phút</span>
|
||||
</td>
|
||||
<td>
|
||||
<select
|
||||
className={`attendance-status-select ${attendanceStatusClass(row.status)}`}
|
||||
style={{ padding: '0.2rem 0.4rem', fontSize: '0.72rem', fontWeight: 600, border: '1px solid var(--att-border)', background: 'var(--att-bg)', color: 'var(--att-fg)', borderRadius: '4px', cursor: 'pointer' }}
|
||||
value={row.status}
|
||||
onChange={e => handleStatusChange(row.studentRkId, Number(e.target.value))}
|
||||
>
|
||||
{ATTENDANCE_STATUS_OPTIONS.map(opt => (
|
||||
<option key={opt.value} value={opt.value}>{opt.label}</option>
|
||||
))}
|
||||
{ATTENDANCE_STATUS_OPTIONS.map(opt => (<option key={opt.value} value={opt.value}>{opt.label}</option>))}
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<div className="attendance-notes">
|
||||
{row.pushedToQldtAt ? (
|
||||
<span className="attendance-qldt-tag attendance-qldt-tag--ok" title={row.pushedToQldtAt}>
|
||||
QLĐT ✓
|
||||
</span>
|
||||
) : (
|
||||
<span className="attendance-qldt-tag attendance-qldt-tag--pending">Chưa QLĐT</span>
|
||||
)}
|
||||
{row.statusEditedByTeacher && (
|
||||
<span className="attendance-lock-tag" title="Giáo viên đã sửa — không bị ghi đè">
|
||||
Đã khóa
|
||||
</span>
|
||||
)}
|
||||
<div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.2rem' }}>
|
||||
{row.pushedToQldtAt
|
||||
? <span className="ap-tag ap-tag--ok">QLĐT <IconSync size={10} /></span>
|
||||
: <span className="ap-tag ap-tag--pending">Chưa QLĐT</span>
|
||||
}
|
||||
{row.statusEditedByTeacher && <span className="ap-tag ap-tag--locked">Đã khóa</span>}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@@ -3,7 +3,7 @@ import { createPortal } from 'react-dom';
|
||||
import { apiChat, type ChatConversation, type ChatMessage, type ChatStudent } from '../api';
|
||||
import { type StaffChatOpenDetail } from '../chatEvents';
|
||||
import { useAuth } from '../auth/AuthContext';
|
||||
import { onStaffChatMessage, playChatSound } from '../hooks/useStaffChatSocket';
|
||||
import { onStaffChatMessage, onStudentViolation, playChatSound, kindLabel } from '../hooks/useStaffChatSocket';
|
||||
|
||||
export function ChatWidget() {
|
||||
const { staff } = useAuth();
|
||||
@@ -83,6 +83,13 @@ export function ChatWidget() {
|
||||
return () => { off(); };
|
||||
}, [handleIncoming]);
|
||||
|
||||
useEffect(() => {
|
||||
return onStudentViolation((v) => {
|
||||
const name = v.studentName || v.studentCode || `SV #${v.studentId}`;
|
||||
showToast(`⚠ ${kindLabel(v.kind)}`, `${name}: ${v.reason || 'Vi phạm giám sát'}`);
|
||||
});
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
const onOpen = (e: Event) => {
|
||||
const detail = (e as CustomEvent<StaffChatOpenDetail>).detail;
|
||||
@@ -152,7 +159,7 @@ export function ChatWidget() {
|
||||
const dock = (
|
||||
<div className="chat-dock">
|
||||
{toast && (
|
||||
<div className="chat-toast" role="status">
|
||||
<div className={`chat-toast ${toast.title.startsWith('⚠') ? 'chat-toast-alert' : ''}`} role="status">
|
||||
<strong>{toast.title}</strong>
|
||||
<span>{toast.body}</span>
|
||||
</div>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
392
management/src/components/ExamGridProctor.tsx
Normal file
392
management/src/components/ExamGridProctor.tsx
Normal file
@@ -0,0 +1,392 @@
|
||||
import React, { useEffect, useState, useRef, useMemo } from 'react';
|
||||
import { type ExamRoomStudent } from '../api';
|
||||
import { openStaffChat } from '../chatEvents';
|
||||
import { StudentStreamImage } from './StudentStreamImage';
|
||||
|
||||
/* ─── Icons ──────────────────────────────────────────────────────────────── */
|
||||
|
||||
type IconProps = { size?: number };
|
||||
|
||||
const IconSearch = ({ size = 14 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<circle cx="11" cy="11" r="7" />
|
||||
<line x1="21" y1="21" x2="16.65" y2="16.65" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconMaximize = ({ size = 14 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M8 3H5a2 2 0 0 0-2 2v3" />
|
||||
<path d="M21 8V5a2 2 0 0 0-2-2h-3" />
|
||||
<path d="M3 16v3a2 2 0 0 0 2 2h3" />
|
||||
<path d="M16 21h3a2 2 0 0 0 2-2v-3" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconMinimize = ({ size = 14 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M8 3v3a2 2 0 0 1-2 2H3" />
|
||||
<path d="M21 8h-3a2 2 0 0 1-2-2V3" />
|
||||
<path d="M3 16h3a2 2 0 0 1 2 2v3" />
|
||||
<path d="M16 21v-3a2 2 0 0 1 2-2h3" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconOffline = ({ size = 28 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<rect x="2" y="3" width="20" height="14" rx="2" />
|
||||
<line x1="8" y1="21" x2="16" y2="21" />
|
||||
<line x1="12" y1="17" x2="12" y2="21" />
|
||||
<line x1="2" y1="3" x2="22" y2="21" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconMessage = ({ size = 13 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconEye = ({ size = 13 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
|
||||
<circle cx="12" cy="12" r="3" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconFile = ({ size = 12 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
|
||||
<polyline points="14 2 14 8 20 8" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconClose = ({ size = 18 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<line x1="18" y1="6" x2="6" y2="18" />
|
||||
<line x1="6" y1="6" x2="18" y2="18" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconChevronLeft = ({ size = 14 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<polyline points="15 18 9 12 15 6" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconChevronRight = ({ size = 14 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<polyline points="9 18 15 12 9 6" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
/* ─── Component ──────────────────────────────────────────────────────────── */
|
||||
|
||||
interface ExamGridProctorProps {
|
||||
students: ExamRoomStudent[];
|
||||
onlineIds: number[];
|
||||
onSelectStudent: (student: ExamRoomStudent) => void;
|
||||
}
|
||||
|
||||
export const ExamGridProctor: React.FC<ExamGridProctorProps> = ({
|
||||
students,
|
||||
onlineIds,
|
||||
onSelectStudent,
|
||||
}) => {
|
||||
const [gridCols, setGridCols] = useState<number>(3);
|
||||
const [showWebcamOverlay, setShowWebcamOverlay] = useState<boolean>(true);
|
||||
const [searchQuery, setSearchQuery] = useState<string>('');
|
||||
const [onlyOnline, setOnlyOnline] = useState<boolean>(false);
|
||||
const [isFullscreen, setIsFullscreen] = useState<boolean>(false);
|
||||
const [zoomedStudent, setZoomedStudent] = useState<ExamRoomStudent | null>(null);
|
||||
const [pageSize, setPageSize] = useState<number | 'all'>(12);
|
||||
const [currentPage, setCurrentPage] = useState<number>(1);
|
||||
|
||||
const gridContainerRef = useRef<HTMLDivElement>(null);
|
||||
|
||||
useEffect(() => {
|
||||
const handleKeyDown = (e: KeyboardEvent) => {
|
||||
if (e.key === 'Escape') setZoomedStudent(null);
|
||||
};
|
||||
window.addEventListener('keydown', handleKeyDown);
|
||||
return () => window.removeEventListener('keydown', handleKeyDown);
|
||||
}, []);
|
||||
|
||||
const filteredStudents = useMemo(() => {
|
||||
return students.filter((s) => {
|
||||
const matchesSearch =
|
||||
s.fullName.toLowerCase().includes(searchQuery.toLowerCase()) ||
|
||||
s.studentCode.toLowerCase().includes(searchQuery.toLowerCase());
|
||||
const isOnline = onlineIds.includes(s.studentRkId);
|
||||
return matchesSearch && (!onlyOnline || isOnline);
|
||||
});
|
||||
}, [students, onlineIds, searchQuery, onlyOnline]);
|
||||
|
||||
const pagedStudents = useMemo(() => {
|
||||
if (pageSize === 'all') return filteredStudents;
|
||||
const start = (currentPage - 1) * pageSize;
|
||||
return filteredStudents.slice(start, start + pageSize);
|
||||
}, [filteredStudents, currentPage, pageSize]);
|
||||
|
||||
const totalPages = useMemo(() => {
|
||||
if (pageSize === 'all') return 1;
|
||||
return Math.ceil(filteredStudents.length / pageSize) || 1;
|
||||
}, [filteredStudents, pageSize]);
|
||||
|
||||
useEffect(() => {
|
||||
if (currentPage > totalPages) setCurrentPage(totalPages);
|
||||
}, [totalPages, currentPage]);
|
||||
|
||||
const handleOpenChat = (s: ExamRoomStudent, e: React.MouseEvent) => {
|
||||
e.stopPropagation();
|
||||
openStaffChat({
|
||||
studentRkId: s.studentRkId,
|
||||
fullName: s.fullName,
|
||||
studentCode: s.studentCode,
|
||||
email: s.email,
|
||||
});
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
const handleFsChange = () => {
|
||||
setIsFullscreen(document.fullscreenElement === gridContainerRef.current);
|
||||
};
|
||||
document.addEventListener('fullscreenchange', handleFsChange);
|
||||
return () => document.removeEventListener('fullscreenchange', handleFsChange);
|
||||
}, []);
|
||||
|
||||
const toggleFullscreen = () => {
|
||||
const el = gridContainerRef.current;
|
||||
if (!el) return;
|
||||
if (document.fullscreenElement === el) {
|
||||
document.exitFullscreen().catch(console.error);
|
||||
} else {
|
||||
el.requestFullscreen().catch(console.error);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<div className={`grid-proctor-container ${isFullscreen ? 'fullscreen-active' : ''}`} ref={gridContainerRef}>
|
||||
<div className="grid-proctor-toolbar">
|
||||
<div className="grid-proctor-toolbar-left">
|
||||
<div className="gp-search">
|
||||
<span className="gp-search-icon"><IconSearch size={14} /></span>
|
||||
<input
|
||||
type="search"
|
||||
className="search-input gp-search-input"
|
||||
placeholder="Lọc sinh viên..."
|
||||
value={searchQuery}
|
||||
onChange={(e) => setSearchQuery(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<label className="gp-check">
|
||||
<input type="checkbox" checked={onlyOnline} onChange={(e) => setOnlyOnline(e.target.checked)} />
|
||||
<span>Chỉ hiện Online</span>
|
||||
</label>
|
||||
|
||||
<label className="gp-check">
|
||||
<input type="checkbox" checked={showWebcamOverlay} onChange={(e) => setShowWebcamOverlay(e.target.checked)} />
|
||||
<span>Đè webcam góc màn hình</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div className="grid-proctor-toolbar-right">
|
||||
<label className="gp-page-size">
|
||||
<span>Xem tối đa</span>
|
||||
<select
|
||||
value={pageSize}
|
||||
onChange={(e) => {
|
||||
const val = e.target.value;
|
||||
setPageSize(val === 'all' ? 'all' : Number(val));
|
||||
setCurrentPage(1);
|
||||
}}
|
||||
>
|
||||
<option value={12}>12 bạn</option>
|
||||
<option value={24}>24 bạn</option>
|
||||
<option value={48}>48 bạn</option>
|
||||
<option value="all">Tất cả</option>
|
||||
</select>
|
||||
</label>
|
||||
|
||||
<div className="grid-cols-selector" role="group" aria-label="Số cột">
|
||||
<span className="gp-cols-label">Cột</span>
|
||||
{[2, 3, 4, 6].map((n) => (
|
||||
<button
|
||||
key={n}
|
||||
type="button"
|
||||
className={gridCols === n ? 'active' : ''}
|
||||
onClick={() => setGridCols(n)}
|
||||
>
|
||||
{n}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<button type="button" className="btn btn-secondary btn-sm gp-fs-btn" onClick={toggleFullscreen}>
|
||||
{isFullscreen ? <IconMinimize size={13} /> : <IconMaximize size={13} />}
|
||||
{isFullscreen ? 'Thu nhỏ' : 'Toàn màn hình'}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="grid-proctor-scroll">
|
||||
<div
|
||||
className="grid-proctor-layout"
|
||||
style={{ gridTemplateColumns: `repeat(${gridCols}, minmax(0, 1fr))` }}
|
||||
>
|
||||
{pagedStudents.map((s) => {
|
||||
const isOnline = onlineIds.includes(s.studentRkId);
|
||||
|
||||
return (
|
||||
<div
|
||||
key={s.id}
|
||||
className={`grid-proctor-card ${isOnline ? 'online' : 'offline'} ${s.submitted ? 'submitted' : ''}`}
|
||||
onClick={() => onSelectStudent(s)}
|
||||
>
|
||||
<div className="grid-proctor-card-header">
|
||||
<div className="student-info-left">
|
||||
<span className={`status-dot ${isOnline ? 'online' : 'offline'}`} />
|
||||
<span className="student-name" title={s.fullName}>{s.fullName}</span>
|
||||
</div>
|
||||
<span className="student-code">{s.studentCode}</span>
|
||||
</div>
|
||||
|
||||
<div className="grid-proctor-card-body">
|
||||
{isOnline ? (
|
||||
<div
|
||||
className="proctor-frame-container cursor-zoom-in"
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
setZoomedStudent(s);
|
||||
}}
|
||||
>
|
||||
<StudentStreamImage
|
||||
studentId={s.studentRkId}
|
||||
kind="screen"
|
||||
className="proctor-screen-image"
|
||||
/>
|
||||
{showWebcamOverlay && (
|
||||
<div className="proctor-webcam-overlay">
|
||||
<StudentStreamImage
|
||||
studentId={s.studentRkId}
|
||||
kind="webcam"
|
||||
className="proctor-webcam-image"
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
) : (
|
||||
<div className="proctor-placeholder offline">
|
||||
<span className="gp-offline-icon"><IconOffline size={26} /></span>
|
||||
<span className="gp-offline-label">Ngoại tuyến</span>
|
||||
<span className="gp-offline-sub">Offline</span>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="grid-proctor-card-footer" onClick={(e) => e.stopPropagation()}>
|
||||
<span className="assigned-paper" title={s.paperTitle || 'Chưa gán đề'}>
|
||||
<IconFile size={12} />
|
||||
{s.paperTitle ? s.paperTitle : 'Chưa gán đề'}
|
||||
</span>
|
||||
<div className="footer-actions">
|
||||
<button
|
||||
type="button"
|
||||
className="gp-action-btn"
|
||||
onClick={(e) => handleOpenChat(s, e)}
|
||||
title="Nhắn tin cho sinh viên"
|
||||
>
|
||||
<IconMessage size={13} />
|
||||
Nhắn tin
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="gp-action-btn gp-action-btn--primary"
|
||||
onClick={() => onSelectStudent(s)}
|
||||
title="Xem chi tiết giám sát"
|
||||
>
|
||||
<IconEye size={13} />
|
||||
Giám sát
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
|
||||
{filteredStudents.length === 0 && (
|
||||
<div className="grid-proctor-empty">
|
||||
<span className="gp-empty-icon"><IconSearch size={28} /></span>
|
||||
<p>Không tìm thấy sinh viên nào.</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{totalPages > 1 && (
|
||||
<div className="grid-proctor-pagination">
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-secondary btn-sm gp-page-btn"
|
||||
disabled={currentPage === 1}
|
||||
onClick={() => setCurrentPage((p) => Math.max(p - 1, 1))}
|
||||
>
|
||||
<IconChevronLeft size={14} />
|
||||
Trang trước
|
||||
</button>
|
||||
<span className="gp-page-info">
|
||||
Trang {currentPage} / {totalPages}
|
||||
<span className="gp-page-total"> · {filteredStudents.length} bạn</span>
|
||||
</span>
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-secondary btn-sm gp-page-btn"
|
||||
disabled={currentPage === totalPages}
|
||||
onClick={() => setCurrentPage((p) => Math.min(p + 1, totalPages))}
|
||||
>
|
||||
Trang sau
|
||||
<IconChevronRight size={14} />
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{zoomedStudent && (
|
||||
<div className="zoomed-proctor-overlay" onClick={() => setZoomedStudent(null)}>
|
||||
<div className="zoomed-proctor-modal" onClick={(e) => e.stopPropagation()}>
|
||||
<div className="zoomed-proctor-header">
|
||||
<div className="zoomed-proctor-title">
|
||||
<span
|
||||
className={`status-dot ${onlineIds.includes(zoomedStudent.studentRkId) ? 'online' : 'offline'}`}
|
||||
/>
|
||||
<h3>{zoomedStudent.fullName}</h3>
|
||||
<span className="student-code">{zoomedStudent.studentCode}</span>
|
||||
</div>
|
||||
<button type="button" className="zoomed-proctor-close" onClick={() => setZoomedStudent(null)} aria-label="Đóng">
|
||||
<IconClose size={18} />
|
||||
</button>
|
||||
</div>
|
||||
<div className="zoomed-proctor-body">
|
||||
<div className="zoomed-proctor-frame">
|
||||
<StudentStreamImage
|
||||
studentId={zoomedStudent.studentRkId}
|
||||
kind="screen"
|
||||
className="zoomed-proctor-screen"
|
||||
/>
|
||||
{showWebcamOverlay && (
|
||||
<div className="zoomed-proctor-webcam">
|
||||
<StudentStreamImage
|
||||
studentId={zoomedStudent.studentRkId}
|
||||
kind="webcam"
|
||||
className="proctor-webcam-image"
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
File diff suppressed because it is too large
Load Diff
@@ -11,13 +11,13 @@ function fmtTime(iso: string) {
|
||||
}
|
||||
}
|
||||
|
||||
function statusLabel(st: string) {
|
||||
if (st === 'draft') return { text: 'Tạm thời', cls: 'badge-muted' };
|
||||
if (st === 'ready') return { text: 'Sẵn sàng', cls: 'badge-info' };
|
||||
if (st === 'active') return { text: 'Đang thi', cls: 'badge-success' };
|
||||
if (st === 'cancelled') return { text: 'Đã hủy', cls: 'badge-warning' };
|
||||
if (st === 'ended') return { text: 'Đã kết thúc', cls: 'badge-muted' };
|
||||
return { text: st, cls: 'badge-muted' };
|
||||
function statusMeta(st: string) {
|
||||
if (st === 'draft') return { text: 'Tạm thời', tone: 'muted' };
|
||||
if (st === 'ready') return { text: 'Sẵn sàng', tone: 'info' };
|
||||
if (st === 'active') return { text: 'Đang thi', tone: 'active' };
|
||||
if (st === 'cancelled') return { text: 'Đã hủy', tone: 'warn' };
|
||||
if (st === 'ended') return { text: 'Đã kết thúc', tone: 'muted' };
|
||||
return { text: st, tone: 'muted' };
|
||||
}
|
||||
|
||||
function toLocalInput(iso?: string) {
|
||||
@@ -32,9 +32,70 @@ function localInputToISO(v: string) {
|
||||
return new Date(v).toISOString();
|
||||
}
|
||||
|
||||
type RoomScope = 'mine' | 'all';
|
||||
type IconProps = { size?: number; filled?: boolean };
|
||||
|
||||
const IconClipboard = ({ size = 22 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2" />
|
||||
<rect x="9" y="3" width="6" height="4" rx="1" />
|
||||
<path d="M9 12h6M9 16h4" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconPlus = ({ size = 16 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2.25" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M12 5v14M5 12h14" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconStar = ({ size = 14, filled }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill={filled ? 'currentColor' : 'none'} stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="m12 3.5 2.6 5.3 5.8.8-4.2 4.1 1 5.8L12 16.8l-5.2 2.7 1-5.8-4.2-4.1 5.8-.8L12 3.5z" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconSearch = ({ size = 16 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<circle cx="11" cy="11" r="7" />
|
||||
<line x1="21" y1="21" x2="16.65" y2="16.65" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconCalendar = ({ size = 13 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<rect x="3" y="5" width="18" height="16" rx="2" />
|
||||
<path d="M16 3v4M8 3v4M3 11h18" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconUsers = ({ size = 12 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
|
||||
<circle cx="9" cy="7" r="3.5" />
|
||||
<path d="M22 21v-2a3.5 3.5 0 0 0-2.5-3.35" />
|
||||
<path d="M16 3.5a3.5 3.5 0 0 1 0 7" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconOpen = ({ size = 14 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M5 12h14" />
|
||||
<path d="m13 6 6 6-6 6" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconInbox = ({ size = 36 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<polyline points="22 12 16 12 14 15 10 15 8 12 2 12" />
|
||||
<path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
export const ExamsTab: React.FC = () => {
|
||||
const { staff } = useAuth();
|
||||
const isSuperAdmin = staff?.email === 'phuocntb@rikkeiacademy.com';
|
||||
const myStaffId = staff?.id ?? 0;
|
||||
|
||||
const [rooms, setRooms] = useState<ExamRoomItem[]>([]);
|
||||
const [loading, setLoading] = useState(true);
|
||||
@@ -44,6 +105,7 @@ export const ExamsTab: React.FC = () => {
|
||||
const [end, setEnd] = useState('');
|
||||
const [busy, setBusy] = useState(false);
|
||||
const [search, setSearch] = useState('');
|
||||
const [roomScope, setRoomScope] = useState<RoomScope>('mine');
|
||||
|
||||
const load = async () => {
|
||||
setLoading(true);
|
||||
@@ -61,20 +123,28 @@ export const ExamsTab: React.FC = () => {
|
||||
load();
|
||||
}, []);
|
||||
|
||||
const scopedRooms = useMemo(() => {
|
||||
if (roomScope === 'all' || !myStaffId) return rooms;
|
||||
return rooms.filter((r) => Number(r.createdByStaffId) === myStaffId);
|
||||
}, [rooms, roomScope, myStaffId]);
|
||||
|
||||
const stats = useMemo(() => {
|
||||
const active = rooms.filter((r) => (r.displayStatus || r.status) === 'active').length;
|
||||
const upcoming = rooms.filter((r) => {
|
||||
const active = scopedRooms.filter((r) => (r.displayStatus || r.status) === 'active').length;
|
||||
const upcoming = scopedRooms.filter((r) => {
|
||||
const st = r.displayStatus || r.status;
|
||||
return st === 'ready' || st === 'draft';
|
||||
}).length;
|
||||
return { total: rooms.length, active, upcoming };
|
||||
}, [rooms]);
|
||||
return { total: scopedRooms.length, active, upcoming };
|
||||
}, [scopedRooms]);
|
||||
|
||||
const filtered = useMemo(() => {
|
||||
const q = search.trim().toLowerCase();
|
||||
if (!q) return rooms;
|
||||
return rooms.filter((r) => r.name.toLowerCase().includes(q));
|
||||
}, [rooms, search]);
|
||||
if (!q) return scopedRooms;
|
||||
return scopedRooms.filter((r) => r.name.toLowerCase().includes(q));
|
||||
}, [scopedRooms, search]);
|
||||
|
||||
const canDeleteRoom = (r: ExamRoomItem) =>
|
||||
isSuperAdmin || (myStaffId > 0 && Number(r.createdByStaffId) === myStaffId);
|
||||
|
||||
const create = async () => {
|
||||
if (!name.trim() || !start || !end) return;
|
||||
@@ -99,7 +169,11 @@ export const ExamsTab: React.FC = () => {
|
||||
};
|
||||
|
||||
const handleDeleteRoom = async (roomId: number, roomName: string) => {
|
||||
if (window.confirm(`Bạn có chắc chắn muốn xóa hoàn toàn phòng thi "${roomName}" không? Hành động này sẽ xóa sạch dữ liệu phòng thi, các bài nộp, và không thể khôi phục.`)) {
|
||||
if (
|
||||
window.confirm(
|
||||
`Bạn có chắc chắn muốn xóa hoàn toàn phòng thi "${roomName}" không? Hành động này sẽ xóa sạch dữ liệu phòng thi, các bài nộp, và không thể khôi phục.`
|
||||
)
|
||||
) {
|
||||
try {
|
||||
await apiExam.remove(roomId);
|
||||
alert('Đã xóa phòng thi thành công!');
|
||||
@@ -112,65 +186,232 @@ export const ExamsTab: React.FC = () => {
|
||||
|
||||
return (
|
||||
<div className="tab-page exams-page">
|
||||
<header className="page-header page-header--row">
|
||||
<div>
|
||||
<h1 className="page-title">Danh sách phòng thi</h1>
|
||||
<p className="page-desc">Tạo phòng, chia đề ngẫu nhiên, gửi đề và thu bài từ sinh viên.</p>
|
||||
</div>
|
||||
<button type="button" className="btn btn-primary" onClick={() => setShowCreate(true)}>
|
||||
+ Tạo phòng thi
|
||||
</button>
|
||||
</header>
|
||||
|
||||
<div className="exams-stats-row">
|
||||
<div className="learning-stat">
|
||||
<span className="learning-stat-value">{stats.total}</span>
|
||||
<span className="learning-stat-label">Tổng phòng</span>
|
||||
</div>
|
||||
<div className="learning-stat learning-stat--accent">
|
||||
<span className="learning-stat-value">{stats.active}</span>
|
||||
<span className="learning-stat-label">Đang thi</span>
|
||||
</div>
|
||||
<div className="learning-stat">
|
||||
<span className="learning-stat-value">{stats.upcoming}</span>
|
||||
<span className="learning-stat-label">Sắp / tạm</span>
|
||||
<div className="tab-page-toolbar">
|
||||
<div className="page-header">
|
||||
<div className="page-title">
|
||||
<h1 className="page-title-heading">
|
||||
<span className="page-title-icon" aria-hidden>
|
||||
<IconClipboard />
|
||||
</span>
|
||||
Danh sách phòng thi
|
||||
</h1>
|
||||
<p>
|
||||
{roomScope === 'mine'
|
||||
? 'Mặc định chỉ hiện phòng thi do bạn tạo — chuyển sang xem tất cả khi cần'
|
||||
: 'Đang xem toàn bộ phòng thi trong hệ thống'}
|
||||
</p>
|
||||
</div>
|
||||
<div className="exams-header-actions">
|
||||
<button type="button" className="btn btn-primary" onClick={() => setShowCreate(true)}>
|
||||
<IconPlus />
|
||||
Tạo phòng thi
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="exams-toolbar">
|
||||
<input
|
||||
type="search"
|
||||
className="app-pool-search exams-search"
|
||||
placeholder="Tìm theo tên phòng thi..."
|
||||
value={search}
|
||||
onChange={(e) => setSearch(e.target.value)}
|
||||
/>
|
||||
<div className="tab-page-body" style={{ gap: '0.85rem' }}>
|
||||
<div className="exams-stats-row">
|
||||
<div className="learning-stat">
|
||||
<span className="learning-stat-value">{stats.total}</span>
|
||||
<span className="learning-stat-label">
|
||||
{roomScope === 'mine' ? 'Phòng của tôi' : 'Tổng phòng'}
|
||||
</span>
|
||||
</div>
|
||||
<div className="learning-stat learning-stat--accent">
|
||||
<span className="learning-stat-value">{stats.active}</span>
|
||||
<span className="learning-stat-label">Đang thi</span>
|
||||
</div>
|
||||
<div className="learning-stat">
|
||||
<span className="learning-stat-value">{stats.upcoming}</span>
|
||||
<span className="learning-stat-label">Sắp / tạm</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="content-card learning-toolbar-card exams-toolbar-card">
|
||||
<div className="learning-toolbar exams-toolbar-inner">
|
||||
<div className="learning-seg" role="group" aria-label="Phạm vi phòng thi">
|
||||
<button
|
||||
type="button"
|
||||
className={`learning-seg-btn${roomScope === 'mine' ? ' learning-seg-btn--active' : ''}`}
|
||||
onClick={() => setRoomScope('mine')}
|
||||
>
|
||||
<IconStar size={13} filled={roomScope === 'mine'} />
|
||||
<span>Phòng của tôi</span>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className={`learning-seg-btn${roomScope === 'all' ? ' learning-seg-btn--active' : ''}`}
|
||||
onClick={() => setRoomScope('all')}
|
||||
>
|
||||
<span>Xem tất cả</span>
|
||||
</button>
|
||||
</div>
|
||||
<input
|
||||
type="search"
|
||||
className="app-pool-search learning-search exams-search"
|
||||
placeholder="Tìm theo tên phòng thi..."
|
||||
value={search}
|
||||
onChange={(e) => setSearch(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="tab-page-scroll">
|
||||
<div className="content-card" style={{ padding: 0 }}>
|
||||
{loading ? (
|
||||
<div className="exams-empty-panel">
|
||||
<div className="sync-spinner" style={{ width: 36, height: 36, borderWidth: 3 }} />
|
||||
<p>Đang tải danh sách phòng thi...</p>
|
||||
</div>
|
||||
) : filtered.length === 0 ? (
|
||||
<div className="exams-empty-panel">
|
||||
<div className="exams-empty-icon">
|
||||
{search.trim() ? <IconSearch size={32} /> : <IconInbox />}
|
||||
</div>
|
||||
<p>
|
||||
{search.trim()
|
||||
? 'Không tìm thấy phòng thi phù hợp.'
|
||||
: roomScope === 'mine'
|
||||
? 'Bạn chưa tạo phòng thi nào.'
|
||||
: 'Chưa có phòng thi — bấm Tạo phòng thi để bắt đầu.'}
|
||||
</p>
|
||||
{!search.trim() && (
|
||||
<div className="exams-empty-actions">
|
||||
<button type="button" className="btn btn-primary" onClick={() => setShowCreate(true)}>
|
||||
<IconPlus />
|
||||
Tạo phòng thi
|
||||
</button>
|
||||
{roomScope === 'mine' && (
|
||||
<button type="button" className="btn btn-secondary" onClick={() => setRoomScope('all')}>
|
||||
Xem tất cả
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
) : (
|
||||
<div className="exams-card-grid">
|
||||
{filtered.map((r) => {
|
||||
const st = statusMeta(r.displayStatus || r.status);
|
||||
const mine = myStaffId > 0 && Number(r.createdByStaffId) === myStaffId;
|
||||
const isActive = (r.displayStatus || r.status) === 'active';
|
||||
return (
|
||||
<article
|
||||
key={r.id}
|
||||
className={`exam-list-card${isActive ? ' exam-list-card--active' : ''}`}
|
||||
>
|
||||
<header className="exam-list-card-head">
|
||||
<div className="exam-list-card-info">
|
||||
<h3 className="exam-list-card-title" title={r.name}>{r.name}</h3>
|
||||
<div className="exam-list-card-meta-block">
|
||||
<div className="exam-meta-row">
|
||||
<IconCalendar />
|
||||
<span>{fmtTime(r.startTime)}</span>
|
||||
<span className="exam-list-card-sep">→</span>
|
||||
<span>{fmtTime(r.endTime)}</span>
|
||||
</div>
|
||||
<div className="exam-meta-row exam-meta-row--secondary">
|
||||
<IconUsers />
|
||||
<span>
|
||||
{r.studentCount} SV · {r.paperCount} đề
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="exam-list-card-badges">
|
||||
{mine && <span className="exam-tag exam-tag--mine">Của tôi</span>}
|
||||
<span className={`exam-tag exam-tag--${st.tone}`}>{st.text}</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<footer className="exam-list-card-actions">
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-primary btn-sm"
|
||||
onClick={() => openExam(r.id, r.name)}
|
||||
>
|
||||
Mở phòng thi
|
||||
<IconOpen />
|
||||
</button>
|
||||
{canDeleteRoom(r) && (
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-secondary btn-sm exam-btn-danger"
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
handleDeleteRoom(r.id, r.name);
|
||||
}}
|
||||
>
|
||||
Xóa
|
||||
</button>
|
||||
)}
|
||||
</footer>
|
||||
</article>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{showCreate && (
|
||||
<div className="system-form-card exams-create-card">
|
||||
<h2 className="system-form-title">Phòng thi mới</h2>
|
||||
<div className="system-form-grid">
|
||||
<label className="login-field system-form-full">
|
||||
<span>Tên phòng thi</span>
|
||||
<input value={name} onChange={(e) => setName(e.target.value)} placeholder="VD: Thi cuối kỳ Java" />
|
||||
</label>
|
||||
<label className="login-field">
|
||||
<span>Bắt đầu</span>
|
||||
<input type="datetime-local" value={start} onChange={(e) => setStart(e.target.value)} />
|
||||
</label>
|
||||
<label className="login-field">
|
||||
<span>Kết thúc</span>
|
||||
<input type="datetime-local" value={end} onChange={(e) => setEnd(e.target.value)} />
|
||||
</label>
|
||||
</div>
|
||||
<div className="system-form-actions">
|
||||
<div />
|
||||
<div className="system-form-actions-right">
|
||||
<button type="button" className="btn btn-ghost" onClick={() => setShowCreate(false)}>
|
||||
<div className="modal-overlay" onClick={() => setShowCreate(false)}>
|
||||
<div className="modal-container class-picker-modal exam-create-modal" onClick={(e) => e.stopPropagation()}>
|
||||
<div className="modal-header class-picker-header">
|
||||
<div>
|
||||
<h2 className="modal-title">Tạo phòng thi mới</h2>
|
||||
<p className="class-picker-subtitle">
|
||||
Đặt tên và khung giờ thi. Sau khi tạo sẽ mở workspace để cấu hình đề và sinh viên.
|
||||
</p>
|
||||
</div>
|
||||
<button className="modal-close-btn" onClick={() => setShowCreate(false)} aria-label="Đóng">
|
||||
×
|
||||
</button>
|
||||
</div>
|
||||
<div className="modal-body class-picker-body exam-create-body">
|
||||
<label className="exam-field">
|
||||
<span className="exam-field-label">Tên phòng thi</span>
|
||||
<input
|
||||
className="search-input"
|
||||
value={name}
|
||||
onChange={(e) => setName(e.target.value)}
|
||||
placeholder="VD: Thi cuối kỳ Java"
|
||||
autoFocus
|
||||
/>
|
||||
</label>
|
||||
<div className="exam-field-grid">
|
||||
<label className="exam-field">
|
||||
<span className="exam-field-label">Bắt đầu</span>
|
||||
<input
|
||||
type="datetime-local"
|
||||
className="search-input exam-datetime"
|
||||
value={start}
|
||||
onChange={(e) => setStart(e.target.value)}
|
||||
/>
|
||||
</label>
|
||||
<label className="exam-field">
|
||||
<span className="exam-field-label">Kết thúc</span>
|
||||
<input
|
||||
type="datetime-local"
|
||||
className="search-input exam-datetime"
|
||||
value={end}
|
||||
onChange={(e) => setEnd(e.target.value)}
|
||||
/>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="modal-footer" style={{ gap: '0.65rem' }}>
|
||||
<button type="button" className="btn btn-secondary" onClick={() => setShowCreate(false)}>
|
||||
Hủy
|
||||
</button>
|
||||
<button type="button" className="btn btn-primary" disabled={busy} onClick={create}>
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-primary"
|
||||
disabled={busy || !name.trim() || !start || !end}
|
||||
onClick={create}
|
||||
>
|
||||
{busy ? 'Đang tạo...' : 'Tạo & mở phòng'}
|
||||
</button>
|
||||
</div>
|
||||
@@ -178,73 +419,327 @@ export const ExamsTab: React.FC = () => {
|
||||
</div>
|
||||
)}
|
||||
|
||||
{loading ? (
|
||||
<div className="system-empty">Đang tải...</div>
|
||||
) : filtered.length === 0 ? (
|
||||
<div className="system-empty">
|
||||
{search.trim() ? 'Không tìm thấy phòng thi phù hợp.' : 'Chưa có phòng thi — bấm Tạo phòng thi để bắt đầu.'}
|
||||
</div>
|
||||
) : (
|
||||
<div className="exams-card-grid">
|
||||
{filtered.map((r) => {
|
||||
const st = statusLabel(r.displayStatus || r.status);
|
||||
return (
|
||||
<article key={r.id} className="exam-list-card">
|
||||
<div className="exam-list-card-head">
|
||||
<h3>{r.name}</h3>
|
||||
<span className={`badge ${st.cls}`}>{st.text}</span>
|
||||
</div>
|
||||
<div className="exam-list-card-meta">
|
||||
<div>
|
||||
<span className="exam-list-card-label">Thời gian</span>
|
||||
<span>{fmtTime(r.startTime)}</span>
|
||||
<span className="exam-list-card-sep">→</span>
|
||||
<span>{fmtTime(r.endTime)}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span className="exam-list-card-label">Quy mô</span>
|
||||
<span>{r.studentCount} sinh viên · {r.paperCount} đề</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style={{ display: 'flex', gap: '8px', marginTop: '1.25rem' }}>
|
||||
<button type="button" className="btn btn-primary btn-sm exam-list-card-open" onClick={() => openExam(r.id, r.name)} style={{ flex: 1, margin: 0 }}>
|
||||
Mở phòng thi
|
||||
</button>
|
||||
{isSuperAdmin && (
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-secondary btn-sm"
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
handleDeleteRoom(r.id, r.name);
|
||||
}}
|
||||
style={{
|
||||
borderColor: 'var(--danger)',
|
||||
color: 'var(--danger)',
|
||||
backgroundColor: 'transparent',
|
||||
padding: '0.5rem 0.75rem',
|
||||
fontWeight: 600,
|
||||
transition: 'var(--transition)',
|
||||
margin: 0
|
||||
}}
|
||||
onMouseEnter={(e) => {
|
||||
e.currentTarget.style.backgroundColor = 'var(--danger)';
|
||||
e.currentTarget.style.color = '#fff';
|
||||
}}
|
||||
onMouseLeave={(e) => {
|
||||
e.currentTarget.style.backgroundColor = 'transparent';
|
||||
e.currentTarget.style.color = 'var(--danger)';
|
||||
}}
|
||||
>
|
||||
Xóa
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
</article>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
)}
|
||||
<style>{`
|
||||
.page-title-heading {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.55rem;
|
||||
}
|
||||
.page-title-icon {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: var(--accent);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.exams-header-actions {
|
||||
display: flex;
|
||||
gap: 0.5rem;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.exams-header-actions .btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.4rem;
|
||||
}
|
||||
|
||||
.exams-toolbar-card {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.exams-toolbar-inner {
|
||||
margin: 0;
|
||||
}
|
||||
.exams-search {
|
||||
max-width: none !important;
|
||||
}
|
||||
|
||||
.exams-empty-panel {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.65rem;
|
||||
padding: 2.75rem 1.25rem;
|
||||
text-align: center;
|
||||
}
|
||||
.exams-empty-panel p {
|
||||
margin: 0;
|
||||
color: var(--text-secondary);
|
||||
font-size: 0.9rem;
|
||||
font-weight: 500;
|
||||
max-width: 36ch;
|
||||
line-height: 1.45;
|
||||
}
|
||||
.exams-empty-icon {
|
||||
color: var(--text-muted);
|
||||
display: flex;
|
||||
}
|
||||
.exams-empty-actions {
|
||||
display: flex;
|
||||
gap: 0.5rem;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
.exams-empty-actions .btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.35rem;
|
||||
}
|
||||
|
||||
.exams-card-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
||||
gap: 0.75rem;
|
||||
padding: 0.85rem;
|
||||
padding-bottom: 4.75rem;
|
||||
}
|
||||
|
||||
.exam-list-card {
|
||||
background: #fff;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 10px;
|
||||
padding: 0.85rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.55rem;
|
||||
box-shadow: var(--shadow-sm);
|
||||
transition: border-color 0.15s, box-shadow 0.15s;
|
||||
min-height: 0;
|
||||
}
|
||||
.exam-list-card:hover {
|
||||
border-color: #c5cdd8;
|
||||
box-shadow: 0 3px 12px rgba(26, 35, 50, 0.08);
|
||||
}
|
||||
.exam-list-card--active {
|
||||
border-left: 3px solid var(--accent);
|
||||
background: rgba(187, 33, 38, 0.03);
|
||||
}
|
||||
|
||||
.exam-list-card-head {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
gap: 0.5rem;
|
||||
flex: 1;
|
||||
}
|
||||
.exam-list-card-info {
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
}
|
||||
.exam-list-card-title {
|
||||
margin: 0 0 0.4rem;
|
||||
font-size: 0.88rem;
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
line-height: 1.35;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
}
|
||||
.exam-list-card-meta-block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.2rem;
|
||||
}
|
||||
.exam-meta-row {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 0.35rem;
|
||||
font-size: 0.7rem;
|
||||
color: var(--text-secondary);
|
||||
line-height: 1.4;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.exam-meta-row svg {
|
||||
flex-shrink: 0;
|
||||
color: var(--text-muted);
|
||||
margin-top: 0.1rem;
|
||||
}
|
||||
.exam-meta-row--secondary {
|
||||
color: var(--text-muted);
|
||||
font-size: 0.68rem;
|
||||
}
|
||||
.exam-list-card-sep {
|
||||
color: var(--text-muted);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.exam-list-card-badges {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
gap: 0.25rem;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.exam-tag {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding: 0.15rem 0.45rem;
|
||||
border-radius: 999px;
|
||||
font-size: 0.62rem;
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
white-space: nowrap;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.exam-tag--mine {
|
||||
background: rgba(234, 179, 8, 0.14);
|
||||
color: #a16207;
|
||||
border-color: rgba(234, 179, 8, 0.35);
|
||||
}
|
||||
.exam-tag--active {
|
||||
background: rgba(13, 159, 110, 0.12);
|
||||
color: #0b7a55;
|
||||
border-color: rgba(13, 159, 110, 0.28);
|
||||
}
|
||||
.exam-tag--info {
|
||||
background: rgba(37, 99, 235, 0.1);
|
||||
color: #1d4ed8;
|
||||
border-color: rgba(37, 99, 235, 0.22);
|
||||
}
|
||||
.exam-tag--warn {
|
||||
background: rgba(245, 158, 11, 0.12);
|
||||
color: #b45309;
|
||||
border-color: rgba(245, 158, 11, 0.3);
|
||||
}
|
||||
.exam-tag--muted {
|
||||
background: var(--bg-subtle);
|
||||
color: var(--text-muted);
|
||||
border-color: var(--border-color);
|
||||
}
|
||||
|
||||
.exam-list-card-actions {
|
||||
display: flex;
|
||||
gap: 0.4rem;
|
||||
margin-top: auto;
|
||||
padding-top: 0.55rem;
|
||||
border-top: 1px solid var(--border-light);
|
||||
}
|
||||
.exam-list-card-actions .btn {
|
||||
flex: 1;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 0.25rem;
|
||||
height: 30px;
|
||||
padding: 0.35rem 0.5rem;
|
||||
font-size: 0.72rem;
|
||||
border-radius: 7px;
|
||||
line-height: 1;
|
||||
}
|
||||
.exam-btn-danger {
|
||||
color: #b91c1c !important;
|
||||
border-color: #fecaca !important;
|
||||
background: #fef2f2 !important;
|
||||
flex: 0 0 auto !important;
|
||||
min-width: 52px;
|
||||
}
|
||||
.exam-btn-danger:hover {
|
||||
background: #fee2e2 !important;
|
||||
border-color: #fca5a5 !important;
|
||||
}
|
||||
|
||||
.exam-create-modal {
|
||||
max-width: 520px !important;
|
||||
}
|
||||
.exam-create-modal .class-picker-header {
|
||||
align-items: flex-start !important;
|
||||
padding: 1.1rem 1.35rem !important;
|
||||
}
|
||||
.exam-create-modal .class-picker-subtitle {
|
||||
margin: 0.3rem 0 0;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.78rem;
|
||||
line-height: 1.4;
|
||||
max-width: 42ch;
|
||||
}
|
||||
.exam-create-modal .class-picker-body {
|
||||
padding: 1rem 1.35rem 1.15rem !important;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 0;
|
||||
}
|
||||
.exam-create-body {
|
||||
gap: 0.9rem !important;
|
||||
}
|
||||
.exam-field {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.35rem;
|
||||
}
|
||||
.exam-field-label {
|
||||
font-weight: 600;
|
||||
font-size: 0.75rem;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
.exam-field .search-input {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.exam-field-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
.exam-datetime {
|
||||
padding: 0.5rem 0.75rem !important;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.exams-header-actions {
|
||||
width: 100%;
|
||||
}
|
||||
.exams-header-actions .btn {
|
||||
flex: 1;
|
||||
justify-content: center;
|
||||
}
|
||||
.page-header {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
.learning-seg {
|
||||
width: 100%;
|
||||
}
|
||||
.learning-seg-btn {
|
||||
flex: 1;
|
||||
}
|
||||
.exams-stats-row {
|
||||
grid-template-columns: repeat(3, 1fr) !important;
|
||||
gap: 0.45rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.exams-card-grid {
|
||||
grid-template-columns: 1fr;
|
||||
padding: 0.75rem;
|
||||
gap: 0.65rem;
|
||||
}
|
||||
.exam-list-card-actions .btn {
|
||||
height: 32px;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 560px) {
|
||||
.exams-stats-row {
|
||||
grid-template-columns: 1fr !important;
|
||||
}
|
||||
.exam-field-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.exam-list-card-actions {
|
||||
flex-direction: column;
|
||||
}
|
||||
.exam-btn-danger {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
`}</style>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,102 +1,75 @@
|
||||
import React, { useEffect, useState, useRef, useCallback } from 'react';
|
||||
import { getWsUrl } from '../api';
|
||||
import { StudentStreamImage } from './StudentStreamImage';
|
||||
|
||||
interface ProctorStreamPanelsProps {
|
||||
studentId: number;
|
||||
layout?: 'default' | 'focus';
|
||||
}
|
||||
|
||||
type IconProps = { size?: number };
|
||||
|
||||
const IconMinus = ({ size = 14 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" aria-hidden>
|
||||
<line x1="5" y1="12" x2="19" y2="12" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconPlus = ({ size = 14 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" aria-hidden>
|
||||
<line x1="12" y1="5" x2="12" y2="19" />
|
||||
<line x1="5" y1="12" x2="19" y2="12" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconMaximize = ({ size = 13 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M8 3H5a2 2 0 0 0-2 2v3" />
|
||||
<path d="M21 8V5a2 2 0 0 0-2-2h-3" />
|
||||
<path d="M3 16v3a2 2 0 0 0 2 2h3" />
|
||||
<path d="M16 21h3a2 2 0 0 0 2-2v-3" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconMinimize = ({ size = 13 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M8 3v3a2 2 0 0 1-2 2H3" />
|
||||
<path d="M21 8h-3a2 2 0 0 1-2-2V3" />
|
||||
<path d="M3 16h3a2 2 0 0 1 2 2v3" />
|
||||
<path d="M16 21v-3a2 2 0 0 1 2-2h3" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconCamera = ({ size = 13 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z" />
|
||||
<circle cx="12" cy="13" r="4" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconCameraOff = ({ size = 13 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<line x1="1" y1="1" x2="23" y2="23" />
|
||||
<path d="M21 21H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3m3-3h6l2 3h4a2 2 0 0 1 2 2v7" />
|
||||
<path d="M9.4 9.4A4 4 0 0 0 12 17a4 4 0 0 0 3.6-5.6" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const ZOOM_STEPS = [0.5, 0.75, 1, 1.25, 1.5, 2, 2.5, 3];
|
||||
|
||||
export const ProctorStreamPanels: React.FC<ProctorStreamPanelsProps> = ({
|
||||
studentId,
|
||||
layout = 'focus',
|
||||
}) => {
|
||||
const [screenFrame, setScreenFrame] = useState<string | null>(null);
|
||||
const [webcamFrame, setWebcamFrame] = useState<string | null>(null);
|
||||
const [streaming, setStreaming] = useState(false);
|
||||
const [errorMessage, setErrorMessage] = useState<string | null>(null);
|
||||
const [showWebcam, setShowWebcam] = useState(true);
|
||||
const [screenZoomIdx, setScreenZoomIdx] = useState(2); // 1x
|
||||
const [screenZoomIdx, setScreenZoomIdx] = useState(2);
|
||||
const [webcamZoomIdx, setWebcamZoomIdx] = useState(2);
|
||||
const [isFullscreen, setIsFullscreen] = useState(false);
|
||||
|
||||
const wsRef = useRef<WebSocket | null>(null);
|
||||
const intentionalClose = useRef(false);
|
||||
const hasOpened = useRef(false);
|
||||
const hasFrames = useRef(false);
|
||||
const screenPanelRef = useRef<HTMLDivElement>(null);
|
||||
|
||||
const screenZoom = ZOOM_STEPS[screenZoomIdx];
|
||||
const webcamZoom = ZOOM_STEPS[webcamZoomIdx];
|
||||
|
||||
useEffect(() => {
|
||||
const wsUrl = getWsUrl('/ws?role=teacher');
|
||||
|
||||
intentionalClose.current = false;
|
||||
hasOpened.current = false;
|
||||
hasFrames.current = false;
|
||||
setStreaming(false);
|
||||
setErrorMessage(null);
|
||||
setScreenFrame(null);
|
||||
setWebcamFrame(null);
|
||||
|
||||
const ws = new WebSocket(wsUrl);
|
||||
wsRef.current = ws;
|
||||
|
||||
const markStreaming = () => {
|
||||
if (!hasFrames.current) {
|
||||
hasFrames.current = true;
|
||||
setStreaming(true);
|
||||
setErrorMessage(null);
|
||||
}
|
||||
};
|
||||
|
||||
ws.onopen = () => {
|
||||
hasOpened.current = true;
|
||||
setStreaming(true);
|
||||
ws.send(JSON.stringify({ event: 'teacher:subscribe', data: { studentId } }));
|
||||
};
|
||||
|
||||
ws.onmessage = (event) => {
|
||||
try {
|
||||
const msg = JSON.parse(event.data);
|
||||
if (msg.event === 'teacher:screenshot-stream-frame' && msg.data.studentId === studentId) {
|
||||
setScreenFrame(msg.data.imageBuffer);
|
||||
markStreaming();
|
||||
} else if (msg.event === 'teacher:webcam-stream-frame' && msg.data.studentId === studentId) {
|
||||
setWebcamFrame(msg.data.imageBuffer);
|
||||
markStreaming();
|
||||
} else if (msg.event === 'teacher:stream-stopped' && msg.data.studentId === studentId) {
|
||||
setScreenFrame(null);
|
||||
setWebcamFrame(null);
|
||||
setStreaming(false);
|
||||
setErrorMessage('Sinh viên đã dừng stream');
|
||||
}
|
||||
} catch (err) {
|
||||
console.error('Error parsing WS frame:', err);
|
||||
}
|
||||
};
|
||||
|
||||
ws.onerror = () => {};
|
||||
|
||||
ws.onclose = () => {
|
||||
if (intentionalClose.current) return;
|
||||
setStreaming(false);
|
||||
if (!hasOpened.current && !hasFrames.current) {
|
||||
setErrorMessage('Không thể kết nối máy chủ giám sát');
|
||||
}
|
||||
};
|
||||
|
||||
return () => {
|
||||
intentionalClose.current = true;
|
||||
if (ws.readyState === WebSocket.OPEN) {
|
||||
ws.send(JSON.stringify({ event: 'teacher:unsubscribe', data: { studentId } }));
|
||||
}
|
||||
ws.close();
|
||||
};
|
||||
}, [studentId]);
|
||||
|
||||
useEffect(() => {
|
||||
const onFsChange = () => {
|
||||
setIsFullscreen(document.fullscreenElement === screenPanelRef.current);
|
||||
@@ -121,12 +94,12 @@ export const ProctorStreamPanels: React.FC<ProctorStreamPanelsProps> = ({
|
||||
|
||||
const zoomIn = (target: 'screen' | 'webcam') => {
|
||||
const setter = target === 'screen' ? setScreenZoomIdx : setWebcamZoomIdx;
|
||||
setter(i => Math.min(i + 1, ZOOM_STEPS.length - 1));
|
||||
setter((i) => Math.min(i + 1, ZOOM_STEPS.length - 1));
|
||||
};
|
||||
|
||||
const zoomOut = (target: 'screen' | 'webcam') => {
|
||||
const setter = target === 'screen' ? setScreenZoomIdx : setWebcamZoomIdx;
|
||||
setter(i => Math.max(i - 1, 0));
|
||||
setter((i) => Math.max(i - 1, 0));
|
||||
};
|
||||
|
||||
const zoomReset = (target: 'screen' | 'webcam') => {
|
||||
@@ -136,12 +109,19 @@ export const ProctorStreamPanels: React.FC<ProctorStreamPanelsProps> = ({
|
||||
|
||||
const renderZoomToolbar = (target: 'screen' | 'webcam', zoom: number, onFs?: () => void) => (
|
||||
<div className="panel-toolbar">
|
||||
<button type="button" className="proctor-tool-btn" title="Thu nhỏ" onClick={() => zoomOut(target)}>−</button>
|
||||
<button type="button" className="proctor-tool-btn" title="Thu nhỏ" onClick={() => zoomOut(target)}>
|
||||
<IconMinus size={14} />
|
||||
</button>
|
||||
<span className="proctor-zoom-label">{Math.round(zoom * 100)}%</span>
|
||||
<button type="button" className="proctor-tool-btn" title="Phóng to" onClick={() => zoomIn(target)}>+</button>
|
||||
<button type="button" className="proctor-tool-btn" title="Về 100%" onClick={() => zoomReset(target)}>1:1</button>
|
||||
<button type="button" className="proctor-tool-btn" title="Phóng to" onClick={() => zoomIn(target)}>
|
||||
<IconPlus size={14} />
|
||||
</button>
|
||||
<button type="button" className="proctor-tool-btn proctor-tool-btn-label" title="Về 100%" onClick={() => zoomReset(target)}>
|
||||
1:1
|
||||
</button>
|
||||
{onFs && (
|
||||
<button type="button" className="proctor-tool-btn proctor-tool-btn-wide" title="Toàn màn hình" onClick={onFs}>
|
||||
{isFullscreen ? <IconMinimize size={13} /> : <IconMaximize size={13} />}
|
||||
{isFullscreen ? 'Thu nhỏ' : 'Phóng to'}
|
||||
</button>
|
||||
)}
|
||||
@@ -151,24 +131,22 @@ export const ProctorStreamPanels: React.FC<ProctorStreamPanelsProps> = ({
|
||||
return (
|
||||
<div className="proctor-stream-wrap">
|
||||
<div className="proctor-stream-toolbar">
|
||||
<span className={`status-pill ${streaming || screenFrame || webcamFrame ? 'connected' : 'connecting'}`}>
|
||||
{streaming || screenFrame || webcamFrame ? '● Đang phát' : '○ Đang kết nối...'}
|
||||
<span className="status-pill connected">
|
||||
<span className="status-pill-dot" />
|
||||
Đang phát (HTTP)
|
||||
</span>
|
||||
<div className="proctor-stream-actions">
|
||||
<button
|
||||
type="button"
|
||||
className={`btn btn-secondary proctor-action-btn ${showWebcam ? '' : 'active'}`}
|
||||
onClick={() => setShowWebcam(v => !v)}
|
||||
onClick={() => setShowWebcam((v) => !v)}
|
||||
>
|
||||
{showWebcam ? <IconCameraOff size={13} /> : <IconCamera size={13} />}
|
||||
{showWebcam ? 'Ẩn webcam' : 'Hiện webcam'}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{errorMessage && !screenFrame && !webcamFrame && (
|
||||
<div className="alert-error proctor-stream-error">{errorMessage}</div>
|
||||
)}
|
||||
|
||||
<div className={`proctor-grid proctor-grid-${layout} ${!showWebcam ? 'proctor-grid--no-webcam' : ''}`}>
|
||||
<div
|
||||
className={`proctor-panel screen-panel ${isFullscreen ? 'screen-panel--fullscreen' : ''}`}
|
||||
@@ -180,17 +158,12 @@ export const ProctorStreamPanels: React.FC<ProctorStreamPanelsProps> = ({
|
||||
</div>
|
||||
<div className="panel-body screen-body" onDoubleClick={toggleFullscreen} title="Double-click để phóng to">
|
||||
<div className="proctor-zoom-viewport">
|
||||
{screenFrame ? (
|
||||
<img
|
||||
src={screenFrame}
|
||||
alt="Màn hình sinh viên"
|
||||
className="live-frame screen-img"
|
||||
style={{ transform: `scale(${screenZoom})` }}
|
||||
draggable={false}
|
||||
/>
|
||||
) : (
|
||||
<div className="no-stream-placeholder"><p>Đang chờ màn hình...</p></div>
|
||||
)}
|
||||
<StudentStreamImage
|
||||
studentId={studentId}
|
||||
kind="screen"
|
||||
className="live-frame screen-img"
|
||||
style={{ transform: `scale(${screenZoom})` }}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -203,17 +176,12 @@ export const ProctorStreamPanels: React.FC<ProctorStreamPanelsProps> = ({
|
||||
</div>
|
||||
<div className="panel-body webcam-body">
|
||||
<div className="proctor-zoom-viewport proctor-zoom-viewport--webcam">
|
||||
{webcamFrame ? (
|
||||
<img
|
||||
src={webcamFrame}
|
||||
alt="Webcam sinh viên"
|
||||
className="live-frame webcam-img"
|
||||
style={{ transform: `scale(${webcamZoom})` }}
|
||||
draggable={false}
|
||||
/>
|
||||
) : (
|
||||
<div className="no-stream-placeholder"><p>Đang chờ webcam...</p></div>
|
||||
)}
|
||||
<StudentStreamImage
|
||||
studentId={studentId}
|
||||
kind="webcam"
|
||||
className="live-frame webcam-img"
|
||||
style={{ transform: `scale(${webcamZoom})` }}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -111,6 +111,40 @@ export const ScheduleEditor: React.FC<ScheduleEditorProps> = ({ classId, schedul
|
||||
}
|
||||
};
|
||||
|
||||
const handleQuickCreateLocal = () => {
|
||||
const nextLocal = [...local];
|
||||
const standardTimes = [
|
||||
{ period: 1, start: '07:00', end: '09:00' },
|
||||
{ period: 2, start: '09:10', end: '11:10' },
|
||||
{ period: 3, start: '12:10', end: '14:10' },
|
||||
{ period: 4, start: '14:20', end: '16:20' },
|
||||
];
|
||||
let added = 0;
|
||||
for (let day = 0; day <= 4; day++) {
|
||||
for (const slot of standardTimes) {
|
||||
const exists = nextLocal.some(s => s.dayOfWeek === day && s.period === slot.period);
|
||||
if (!exists) {
|
||||
nextLocal.push({
|
||||
dayOfWeek: day,
|
||||
period: slot.period,
|
||||
startTime: slot.start,
|
||||
endTime: slot.end,
|
||||
courseId: 0,
|
||||
courseName: '',
|
||||
isActive: false, // status is tắt (false)
|
||||
});
|
||||
added++;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (added === 0) {
|
||||
alert('Tất cả các ca học từ T2 đến T6 đã tồn tại.');
|
||||
return;
|
||||
}
|
||||
setLocal(nextLocal);
|
||||
alert(`Đã tạo nhanh ${added} ca học nháp (trạng thái Tắt) cho Thứ 2–6. Vui lòng chọn môn học và bấm "Lưu lịch học".`);
|
||||
};
|
||||
|
||||
const handleSave = async () => {
|
||||
const payload = local.filter(s => s.startTime?.trim() && s.endTime?.trim());
|
||||
try {
|
||||
@@ -127,7 +161,10 @@ export const ScheduleEditor: React.FC<ScheduleEditorProps> = ({ classId, schedul
|
||||
|
||||
return (
|
||||
<div className="schedule-editor">
|
||||
<div className="schedule-editor-toolbar">
|
||||
<div className="schedule-editor-toolbar" style={{ display: 'flex', gap: '8px', marginBottom: '10px' }}>
|
||||
<button type="button" className="btn btn-secondary" onClick={handleQuickCreateLocal}>
|
||||
Tạo nhanh 4 ca T2–T6 (Tắt)
|
||||
</button>
|
||||
<button type="button" className="btn btn-secondary" onClick={handleApplyTemplate} disabled={applying}>
|
||||
{applying ? 'Đang áp dụng...' : 'Template 4 ca (T2–T6)'}
|
||||
</button>
|
||||
|
||||
355
management/src/components/SeatingTemplatesSection.tsx
Normal file
355
management/src/components/SeatingTemplatesSection.tsx
Normal file
@@ -0,0 +1,355 @@
|
||||
import React, { useEffect, useState } from 'react';
|
||||
|
||||
export interface SeatingTemplate {
|
||||
id: string;
|
||||
name: string;
|
||||
rows: number;
|
||||
cols: number;
|
||||
boardPosition: 'top' | 'bottom' | 'left' | 'right';
|
||||
lockedSeats: string[]; // e.g. ["0,0", "1,2"]
|
||||
}
|
||||
|
||||
const DEFAULT_TEMPLATES: SeatingTemplate[] = [
|
||||
{
|
||||
id: 'tpl-standard-30',
|
||||
name: 'Phòng Lab Standard (30 máy)',
|
||||
rows: 5,
|
||||
cols: 6,
|
||||
boardPosition: 'top',
|
||||
lockedSeats: [],
|
||||
},
|
||||
{
|
||||
id: 'tpl-aisle-large',
|
||||
name: 'Phòng Máy A1 (Có lối đi giữa)',
|
||||
rows: 6,
|
||||
cols: 8,
|
||||
boardPosition: 'top',
|
||||
lockedSeats: ['0,3', '1,3', '2,3', '3,3', '4,3', '5,3'],
|
||||
},
|
||||
];
|
||||
|
||||
export const SeatingTemplatesSection: React.FC = () => {
|
||||
const [templates, setTemplates] = useState<SeatingTemplate[]>([]);
|
||||
const [editing, setEditing] = useState<SeatingTemplate | null>(null);
|
||||
const [creating, setCreating] = useState(false);
|
||||
|
||||
// Form states
|
||||
const [name, setName] = useState('');
|
||||
const [rows, setRows] = useState(5);
|
||||
const [cols, setCols] = useState(6);
|
||||
const [boardPosition, setBoardPosition] = useState<'top' | 'bottom' | 'left' | 'right'>('top');
|
||||
const [lockedSeats, setLockedSeats] = useState<string[]>([]);
|
||||
const [error, setError] = useState('');
|
||||
|
||||
useEffect(() => {
|
||||
const stored = localStorage.getItem('sc_seating_templates');
|
||||
if (stored) {
|
||||
try {
|
||||
setTemplates(JSON.parse(stored));
|
||||
} catch {
|
||||
setTemplates(DEFAULT_TEMPLATES);
|
||||
}
|
||||
} else {
|
||||
localStorage.setItem('sc_seating_templates', JSON.stringify(DEFAULT_TEMPLATES));
|
||||
setTemplates(DEFAULT_TEMPLATES);
|
||||
}
|
||||
}, []);
|
||||
|
||||
const saveTemplates = (newTemplates: SeatingTemplate[]) => {
|
||||
localStorage.setItem('sc_seating_templates', JSON.stringify(newTemplates));
|
||||
setTemplates(newTemplates);
|
||||
};
|
||||
|
||||
const handleOpenCreate = () => {
|
||||
setCreating(true);
|
||||
setEditing(null);
|
||||
setName('');
|
||||
setRows(5);
|
||||
setCols(6);
|
||||
setBoardPosition('top');
|
||||
setLockedSeats([]);
|
||||
setError('');
|
||||
};
|
||||
|
||||
const handleOpenEdit = (tpl: SeatingTemplate) => {
|
||||
setEditing(tpl);
|
||||
setCreating(false);
|
||||
setName(tpl.name);
|
||||
setRows(tpl.rows);
|
||||
setCols(tpl.cols);
|
||||
setBoardPosition(tpl.boardPosition);
|
||||
setLockedSeats(tpl.lockedSeats || []);
|
||||
setError('');
|
||||
};
|
||||
|
||||
const handleCloseForm = () => {
|
||||
setCreating(false);
|
||||
setEditing(null);
|
||||
setError('');
|
||||
};
|
||||
|
||||
const handleToggleLock = (r: number, c: number) => {
|
||||
const key = `${r},${c}`;
|
||||
if (lockedSeats.includes(key)) {
|
||||
setLockedSeats(lockedSeats.filter((k) => k !== key));
|
||||
} else {
|
||||
setLockedSeats([...lockedSeats, key]);
|
||||
}
|
||||
};
|
||||
|
||||
const handleSave = () => {
|
||||
if (!name.trim()) {
|
||||
setError('Vui lòng nhập tên template.');
|
||||
return;
|
||||
}
|
||||
|
||||
// Clean up locked seats that fall outside the current rows/cols boundary
|
||||
const validLockedSeats = lockedSeats.filter((key) => {
|
||||
const [r, c] = key.split(',').map(Number);
|
||||
return r < rows && c < cols;
|
||||
});
|
||||
|
||||
const newTemplate: SeatingTemplate = {
|
||||
id: editing ? editing.id : `tpl-${Date.now()}`,
|
||||
name: name.trim(),
|
||||
rows,
|
||||
cols,
|
||||
boardPosition,
|
||||
lockedSeats: validLockedSeats,
|
||||
};
|
||||
|
||||
let updatedList: SeatingTemplate[];
|
||||
if (editing) {
|
||||
updatedList = templates.map((t) => (t.id === editing.id ? newTemplate : t));
|
||||
} else {
|
||||
updatedList = [...templates, newTemplate];
|
||||
}
|
||||
|
||||
saveTemplates(updatedList);
|
||||
handleCloseForm();
|
||||
};
|
||||
|
||||
const handleDelete = (tpl: SeatingTemplate) => {
|
||||
if (confirm(`Bạn có chắc chắn muốn xóa template "${tpl.name}"?`)) {
|
||||
const updatedList = templates.filter((t) => t.id !== tpl.id);
|
||||
saveTemplates(updatedList);
|
||||
if (editing?.id === tpl.id) {
|
||||
handleCloseForm();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// Helper to render preview grid in edit/create form
|
||||
const renderDesignerGrid = () => {
|
||||
const gridItems = [];
|
||||
for (let r = 0; r < rows; r++) {
|
||||
for (let c = 0; c < cols; c++) {
|
||||
const key = `${r},${c}`;
|
||||
const isLocked = lockedSeats.includes(key);
|
||||
gridItems.push(
|
||||
<div
|
||||
key={key}
|
||||
onClick={() => handleToggleLock(r, c)}
|
||||
className={`seating-designer-cell ${isLocked ? 'locked' : 'available'}`}
|
||||
style={{
|
||||
padding: '0.5rem',
|
||||
border: '1px solid var(--border-color)',
|
||||
borderRadius: '6px',
|
||||
textAlign: 'center',
|
||||
cursor: 'pointer',
|
||||
fontSize: '0.78rem',
|
||||
fontWeight: 600,
|
||||
userSelect: 'none',
|
||||
backgroundColor: isLocked ? '#e5e7eb' : '#eff6ff',
|
||||
color: isLocked ? '#9ca3af' : '#1e40af',
|
||||
borderColor: isLocked ? '#d1d5db' : '#bfdbfe',
|
||||
transition: 'var(--transition)',
|
||||
}}
|
||||
>
|
||||
{isLocked ? '🔒 Khóa' : `H${r + 1}-C${c + 1}`}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<div style={{ display: 'flex', flexDirection: 'column', gap: '0.75rem', margin: '1rem 0' }}>
|
||||
<div style={{ display: 'flex', justifyContent: 'center' }}>
|
||||
{boardPosition === 'top' && (
|
||||
<div className="seating-board-label" style={{ width: '60%', textAlign: 'center', background: '#374151', color: '#fff', padding: '0.25rem 0.5rem', borderRadius: '4px', fontSize: '0.8rem', fontWeight: 700 }}>
|
||||
📢 BẢNG / GIẢNG ĐƯỜNG (TOP)
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', justifyContent: 'center' }}>
|
||||
{boardPosition === 'left' && (
|
||||
<div className="seating-board-label" style={{ writingMode: 'vertical-lr', textOrientation: 'mixed', textAlign: 'center', background: '#374151', color: '#fff', padding: '0.5rem 0.25rem', borderRadius: '4px', fontSize: '0.8rem', fontWeight: 700, minHeight: '100px' }}>
|
||||
📢 BẢNG (LEFT)
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div
|
||||
style={{
|
||||
display: 'grid',
|
||||
gridTemplateColumns: `repeat(${cols}, minmax(72px, 1fr))`,
|
||||
gap: '6px',
|
||||
flex: 1,
|
||||
maxHeight: '320px',
|
||||
overflow: 'auto',
|
||||
padding: '4px',
|
||||
}}
|
||||
>
|
||||
{gridItems}
|
||||
</div>
|
||||
|
||||
{boardPosition === 'right' && (
|
||||
<div className="seating-board-label" style={{ writingMode: 'vertical-lr', textOrientation: 'mixed', textAlign: 'center', background: '#374151', color: '#fff', padding: '0.5rem 0.25rem', borderRadius: '4px', fontSize: '0.8rem', fontWeight: 700, minHeight: '100px' }}>
|
||||
📢 BẢNG (RIGHT)
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div style={{ display: 'flex', justifyContent: 'center' }}>
|
||||
{boardPosition === 'bottom' && (
|
||||
<div className="seating-board-label" style={{ width: '60%', textAlign: 'center', background: '#374151', color: '#fff', padding: '0.25rem 0.5rem', borderRadius: '4px', fontSize: '0.8rem', fontWeight: 700 }}>
|
||||
📢 BẢNG / GIẢNG ĐƯỜNG (BOTTOM)
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
return (
|
||||
<div style={{ display: 'flex', flexDirection: 'column', gap: '1.25rem' }}>
|
||||
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
|
||||
<div>
|
||||
<h3 style={{ margin: 0, fontSize: '1.1rem', fontWeight: 700 }}>Danh sách mẫu sơ đồ chỗ ngồi</h3>
|
||||
<p style={{ margin: '4px 0 0 0', color: 'var(--text-secondary)', fontSize: '0.82rem' }}>
|
||||
Thiết lập sẵn cấu trúc hàng, cột, bảng và các vị trí máy hỏng hoặc lối đi để áp dụng nhanh cho lớp hoặc phòng thi.
|
||||
</p>
|
||||
</div>
|
||||
{!creating && !editing && (
|
||||
<button className="btn btn-primary" onClick={handleOpenCreate}>
|
||||
+ Thêm sơ đồ mẫu
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{(creating || editing) ? (
|
||||
<div className="content-card" style={{ padding: '1.5rem', display: 'grid', gridTemplateColumns: '1fr 1.5fr', gap: '2rem' }}>
|
||||
<div style={{ display: 'flex', flexDirection: 'column', gap: '1rem', borderRight: '1px solid var(--border-color)', paddingRight: '2rem' }}>
|
||||
<h4 style={{ margin: 0, fontSize: '0.95rem' }}>{creating ? 'Thêm sơ đồ mẫu mới' : 'Chỉnh sửa sơ đồ mẫu'}</h4>
|
||||
|
||||
{error && <div style={{ color: 'var(--danger)', fontSize: '0.82rem', fontWeight: 600 }}>{error}</div>}
|
||||
|
||||
<label className="checkbox-label" style={{ display: 'flex', flexDirection: 'column', gap: '4px', alignItems: 'flex-start' }}>
|
||||
<span style={{ fontSize: '0.82rem', fontWeight: 600 }}>Tên sơ đồ</span>
|
||||
<input
|
||||
type="text"
|
||||
className="search-input"
|
||||
style={{ width: '100%' }}
|
||||
placeholder="Ví dụ: Phòng Lab 302, Phòng A2"
|
||||
value={name}
|
||||
onChange={(e) => setName(e.target.value)}
|
||||
/>
|
||||
</label>
|
||||
|
||||
<div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '12px' }}>
|
||||
<label className="checkbox-label" style={{ display: 'flex', flexDirection: 'column', gap: '4px', alignItems: 'flex-start' }}>
|
||||
<span style={{ fontSize: '0.82rem', fontWeight: 600 }}>Số hàng (dọc)</span>
|
||||
<input
|
||||
type="number"
|
||||
min={1}
|
||||
max={10}
|
||||
className="search-input"
|
||||
style={{ width: '100%' }}
|
||||
value={rows}
|
||||
onChange={(e) => setRows(Math.max(1, Math.min(10, Number(e.target.value))))}
|
||||
/>
|
||||
</label>
|
||||
|
||||
<label className="checkbox-label" style={{ display: 'flex', flexDirection: 'column', gap: '4px', alignItems: 'flex-start' }}>
|
||||
<span style={{ fontSize: '0.82rem', fontWeight: 600 }}>Số cột (ngang)</span>
|
||||
<input
|
||||
type="number"
|
||||
min={1}
|
||||
max={15}
|
||||
className="search-input"
|
||||
style={{ width: '100%' }}
|
||||
value={cols}
|
||||
onChange={(e) => setCols(Math.max(1, Math.min(15, Number(e.target.value))))}
|
||||
/>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<label className="checkbox-label" style={{ display: 'flex', flexDirection: 'column', gap: '4px', alignItems: 'flex-start' }}>
|
||||
<span style={{ fontSize: '0.82rem', fontWeight: 600 }}>Vị trí bảng viết</span>
|
||||
<select
|
||||
className="select-filter"
|
||||
style={{ width: '100%', padding: '0.5rem' }}
|
||||
value={boardPosition}
|
||||
onChange={(e) => setBoardPosition(e.target.value as any)}
|
||||
>
|
||||
<option value="top">Phía trước (Top)</option>
|
||||
<option value="bottom">Phía sau (Bottom)</option>
|
||||
<option value="left">Bên trái (Left)</option>
|
||||
<option value="right">Bên phải (Right)</option>
|
||||
</select>
|
||||
</label>
|
||||
|
||||
<div style={{ display: 'flex', gap: '10px', marginTop: '1rem' }}>
|
||||
<button className="btn btn-primary" style={{ flex: 1 }} onClick={handleSave}>
|
||||
Lưu lại
|
||||
</button>
|
||||
<button className="btn btn-secondary" style={{ flex: 1 }} onClick={handleCloseForm}>
|
||||
Hủy bỏ
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 style={{ margin: '0 0 4px 0', fontSize: '0.95rem' }}>Thiết kế vị trí khóa</h4>
|
||||
<p style={{ margin: '0 0 1rem 0', color: 'var(--text-secondary)', fontSize: '0.78rem' }}>
|
||||
Click chuột vào các ô bên dưới để chuyển đổi trạng thái giữa <strong>Chỗ trống khả dụng</strong> và <strong>Vị trí khóa (Không thể xếp sinh viên)</strong>.
|
||||
</p>
|
||||
{renderDesignerGrid()}
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
<div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(280px, 1fr))', gap: '1rem' }}>
|
||||
{templates.map((tpl) => (
|
||||
<div key={tpl.id} className="content-card" style={{ padding: '1.25rem', display: 'flex', flexDirection: 'column', gap: '0.75rem', position: 'relative' }}>
|
||||
<div>
|
||||
<h4 style={{ margin: 0, fontSize: '0.95rem', fontWeight: 700 }}>{tpl.name}</h4>
|
||||
<div style={{ fontSize: '0.8rem', color: 'var(--text-secondary)', marginTop: '4px' }}>
|
||||
Kích thước: <strong>{tpl.rows} hàng × {tpl.cols} cột</strong> ({tpl.rows * tpl.cols} vị trí)
|
||||
</div>
|
||||
<div style={{ fontSize: '0.8rem', color: 'var(--text-secondary)' }}>
|
||||
Bảng ở: <strong>{tpl.boardPosition.toUpperCase()}</strong>
|
||||
</div>
|
||||
<div style={{ fontSize: '0.8rem', color: 'var(--text-secondary)' }}>
|
||||
Vị trí khóa: <strong>{tpl.lockedSeats ? tpl.lockedSeats.length : 0} ô</strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style={{ display: 'flex', gap: '8px', marginTop: 'auto' }}>
|
||||
<button className="btn btn-secondary btn-sm" style={{ flex: 1 }} onClick={() => handleOpenEdit(tpl)}>
|
||||
Chỉnh sửa
|
||||
</button>
|
||||
<button
|
||||
className="btn btn-secondary btn-sm text-danger"
|
||||
style={{ flex: 1, borderColor: '#fca5a5', color: 'var(--danger)' }}
|
||||
onClick={() => handleDelete(tpl)}
|
||||
>
|
||||
Xóa
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
@@ -12,13 +12,25 @@ interface StudentAvatarProps {
|
||||
avatar?: string | null;
|
||||
isOnline?: boolean;
|
||||
size?: number;
|
||||
showStatusBadge?: boolean;
|
||||
}
|
||||
|
||||
export const StudentOnlineBadge: React.FC<{
|
||||
isOnline: boolean;
|
||||
size?: 'sm' | 'md';
|
||||
}> = ({ isOnline, size = 'sm' }) => (
|
||||
<span className={`student-online-badge ${isOnline ? 'online' : 'offline'} student-online-badge--${size}`}>
|
||||
<span className="student-online-badge-dot" aria-hidden />
|
||||
{isOnline ? 'Online' : 'Offline'}
|
||||
</span>
|
||||
);
|
||||
|
||||
export const StudentAvatar: React.FC<StudentAvatarProps> = ({
|
||||
fullName,
|
||||
avatar,
|
||||
isOnline = false,
|
||||
size = 48,
|
||||
showStatusBadge = true,
|
||||
}) => {
|
||||
const [imgFailed, setImgFailed] = useState(false);
|
||||
const avatarUrl = normalizeAvatarUrl(avatar);
|
||||
@@ -30,20 +42,28 @@ export const StudentAvatar: React.FC<StudentAvatarProps> = ({
|
||||
}, [avatarUrl]);
|
||||
|
||||
return (
|
||||
<div
|
||||
className={`student-workspace-avatar ${isOnline ? 'online' : ''} ${showImage ? 'has-image' : ''}`}
|
||||
style={{ width: size, height: size, fontSize: size * 0.38 }}
|
||||
>
|
||||
{showImage ? (
|
||||
<img
|
||||
src={avatarUrl}
|
||||
alt={fullName}
|
||||
className="student-avatar-img"
|
||||
referrerPolicy="no-referrer"
|
||||
onError={() => setImgFailed(true)}
|
||||
<div className="student-avatar-wrap" style={{ width: size, height: size }}>
|
||||
<div
|
||||
className={`student-workspace-avatar ${isOnline ? 'online' : 'offline'} ${showImage ? 'has-image' : ''}`}
|
||||
style={{ width: size, height: size, fontSize: size * 0.38 }}
|
||||
>
|
||||
{showImage ? (
|
||||
<img
|
||||
src={avatarUrl}
|
||||
alt={fullName}
|
||||
className="student-avatar-img"
|
||||
referrerPolicy="no-referrer"
|
||||
onError={() => setImgFailed(true)}
|
||||
/>
|
||||
) : (
|
||||
initial
|
||||
)}
|
||||
</div>
|
||||
{showStatusBadge && (
|
||||
<span
|
||||
className={`student-avatar-status-ring ${isOnline ? 'online' : 'offline'}`}
|
||||
title={isOnline ? 'Đang online' : 'Đang offline'}
|
||||
/>
|
||||
) : (
|
||||
initial
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import React, { useState } from 'react';
|
||||
import type { StudentItem, StudentSessionLogItem } from '../api';
|
||||
import { StudentAvatar } from './StudentAvatar';
|
||||
import { StudentAvatar, StudentOnlineBadge } from './StudentAvatar';
|
||||
import { ProctorStreamPanels } from './ProctorStreamPanels';
|
||||
|
||||
interface StudentDetailModalProps {
|
||||
@@ -8,8 +8,27 @@ interface StudentDetailModalProps {
|
||||
isOnline: boolean;
|
||||
sessionLog?: StudentSessionLogItem | null;
|
||||
onClose: () => void;
|
||||
/** Mở sẵn phần giám sát (từ tab Giám sát / sơ đồ) */
|
||||
initialShowProctor?: boolean;
|
||||
}
|
||||
|
||||
type IconProps = { size?: number };
|
||||
|
||||
const IconClose = ({ size = 16 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" aria-hidden>
|
||||
<line x1="18" y1="6" x2="6" y2="18" />
|
||||
<line x1="6" y1="6" x2="18" y2="18" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconMonitor = ({ size = 14 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<rect x="2" y="3" width="20" height="14" rx="2" />
|
||||
<line x1="8" y1="21" x2="16" y2="21" />
|
||||
<line x1="12" y1="17" x2="12" y2="21" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const formatDuration = (totalSeconds: number) => {
|
||||
const hrs = Math.floor(totalSeconds / 3600);
|
||||
const mins = Math.floor((totalSeconds % 3600) / 60);
|
||||
@@ -23,24 +42,34 @@ export const StudentDetailModal: React.FC<StudentDetailModalProps> = ({
|
||||
isOnline,
|
||||
sessionLog,
|
||||
onClose,
|
||||
initialShowProctor = false,
|
||||
}) => {
|
||||
const [showProctor, setShowProctor] = useState(false);
|
||||
const [showProctor, setShowProctor] = useState(initialShowProctor);
|
||||
|
||||
return (
|
||||
<div className="modal-overlay student-detail-overlay" onClick={onClose}>
|
||||
<div className={`modal-container student-detail-modal ${showProctor ? 'student-detail-modal--proctor' : ''}`} onClick={e => e.stopPropagation()}>
|
||||
<div className="modal-header">
|
||||
<div
|
||||
className={`modal-overlay student-detail-overlay${showProctor ? ' student-detail-overlay--proctor' : ''}`}
|
||||
onClick={onClose}
|
||||
>
|
||||
<div
|
||||
className={`modal-container student-detail-modal${showProctor ? ' student-detail-modal--proctor' : ''}`}
|
||||
onClick={(e) => e.stopPropagation()}
|
||||
>
|
||||
<div className="modal-header student-detail-modal-header">
|
||||
<div className="student-detail-header">
|
||||
<StudentAvatar fullName={student.fullName} avatar={student.avatar} isOnline={isOnline} size={56} />
|
||||
<div>
|
||||
<h2 className="modal-title" style={{ margin: 0 }}>{student.fullName}</h2>
|
||||
<p style={{ margin: '4px 0 0', color: 'var(--text-muted)', fontSize: '0.85rem' }}>
|
||||
<span style={{ fontFamily: 'monospace', fontWeight: 700, color: 'var(--accent)' }}>{student.studentCode}</span>
|
||||
{student.email && <> · {student.email}</>}
|
||||
<StudentAvatar fullName={student.fullName} avatar={student.avatar} isOnline={isOnline} size={showProctor ? 40 : 52} />
|
||||
<div className="student-detail-title-block">
|
||||
<h2 className="modal-title student-detail-name">{student.fullName}</h2>
|
||||
<p className="student-detail-sub">
|
||||
<span className="student-detail-code">{student.studentCode}</span>
|
||||
{student.email && <span className="student-detail-email">{student.email}</span>}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" className="btn btn-secondary" onClick={onClose}>Đóng</button>
|
||||
<button type="button" className="btn btn-secondary student-detail-close" onClick={onClose}>
|
||||
<IconClose size={15} />
|
||||
Đóng
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div className="student-detail-body">
|
||||
@@ -48,8 +77,8 @@ export const StudentDetailModal: React.FC<StudentDetailModalProps> = ({
|
||||
<div className="student-detail-meta">
|
||||
<div className="student-meta-item">
|
||||
<span className="student-meta-label">Trạng thái</span>
|
||||
<span className={`student-meta-value ${isOnline ? 'online' : ''}`}>
|
||||
{isOnline ? '● Online' : '○ Offline'}
|
||||
<span className="student-meta-value">
|
||||
<StudentOnlineBadge isOnline={isOnline} size="md" />
|
||||
</span>
|
||||
</div>
|
||||
{student.phone && (
|
||||
@@ -62,20 +91,20 @@ export const StudentDetailModal: React.FC<StudentDetailModalProps> = ({
|
||||
<>
|
||||
<div className="student-meta-item">
|
||||
<span className="student-meta-label">Online (ca)</span>
|
||||
<span className="student-meta-value" style={{ color: 'var(--success)', fontFamily: 'monospace' }}>
|
||||
<span className="student-meta-value student-meta-value--online">
|
||||
{formatDuration(sessionLog.onlineSeconds)}
|
||||
</span>
|
||||
</div>
|
||||
<div className="student-meta-item">
|
||||
<span className="student-meta-label">Offline (ca)</span>
|
||||
<span className="student-meta-value" style={{ color: 'var(--danger)', fontFamily: 'monospace' }}>
|
||||
<span className="student-meta-value student-meta-value--offline">
|
||||
{formatDuration(sessionLog.offlineSeconds)}
|
||||
</span>
|
||||
</div>
|
||||
{sessionLog.wifiSsids && sessionLog.wifiSsids !== '—' && (
|
||||
<div className="student-meta-item">
|
||||
<span className="student-meta-label">WiFi</span>
|
||||
<span className="student-meta-value" style={{ fontFamily: 'monospace', fontSize: '0.8rem' }}>
|
||||
<span className="student-meta-value student-meta-value--mono">
|
||||
{sessionLog.wifiSsids}
|
||||
</span>
|
||||
</div>
|
||||
@@ -86,14 +115,14 @@ export const StudentDetailModal: React.FC<StudentDetailModalProps> = ({
|
||||
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-primary"
|
||||
style={{ width: '100%', justifyContent: 'center' }}
|
||||
onClick={() => setShowProctor(v => !v)}
|
||||
className={`btn student-detail-proctor-toggle ${showProctor ? 'btn-secondary' : 'btn-primary'}`}
|
||||
onClick={() => setShowProctor((v) => !v)}
|
||||
>
|
||||
<IconMonitor size={14} />
|
||||
{showProctor ? 'Ẩn giám sát' : 'Xem webcam & màn hình'}
|
||||
</button>
|
||||
{!isOnline && !showProctor && (
|
||||
<p className="schedule-hint" style={{ margin: 0 }}>
|
||||
<p className="student-detail-hint">
|
||||
Sinh viên offline — stream chỉ có khi app Simple Care đang chạy.
|
||||
</p>
|
||||
)}
|
||||
|
||||
55
management/src/components/StudentStreamImage.tsx
Normal file
55
management/src/components/StudentStreamImage.tsx
Normal file
@@ -0,0 +1,55 @@
|
||||
import React, { useState, useEffect } from 'react';
|
||||
import { API_BASE } from '../api';
|
||||
|
||||
interface StudentStreamImageProps {
|
||||
studentId: number;
|
||||
kind: 'screen' | 'webcam';
|
||||
className?: string;
|
||||
style?: React.CSSProperties;
|
||||
}
|
||||
|
||||
export const StudentStreamImage: React.FC<StudentStreamImageProps> = ({
|
||||
studentId,
|
||||
kind,
|
||||
className,
|
||||
style,
|
||||
}) => {
|
||||
const [url, setUrl] = useState('');
|
||||
const [error, setError] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
const token = localStorage.getItem('sc_staff_token') || '';
|
||||
const tokenParam = token ? `?token=${encodeURIComponent(token)}` : '';
|
||||
setUrl(`${API_BASE}/students/${studentId}/stream/${kind}${tokenParam}`);
|
||||
setError(false);
|
||||
}, [studentId, kind]);
|
||||
|
||||
const handleError = () => {
|
||||
setError(true);
|
||||
setTimeout(() => {
|
||||
const token = localStorage.getItem('sc_staff_token') || '';
|
||||
const tokenParam = token ? `?token=${encodeURIComponent(token)}` : '';
|
||||
setUrl(`${API_BASE}/students/${studentId}/stream/${kind}${tokenParam}&t=${Date.now()}`);
|
||||
setError(false);
|
||||
}, 2000);
|
||||
};
|
||||
|
||||
if (error || !url) {
|
||||
return (
|
||||
<div className="no-stream-placeholder">
|
||||
<p>Đang chờ {kind === 'screen' ? 'màn hình' : 'webcam'}...</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<img
|
||||
src={url}
|
||||
alt={`${kind === 'screen' ? 'Màn hình' : 'Webcam'} sinh viên`}
|
||||
className={className}
|
||||
style={style}
|
||||
onError={handleError}
|
||||
draggable={false}
|
||||
/>
|
||||
);
|
||||
};
|
||||
@@ -2,6 +2,90 @@ import React, { useEffect, useState } from 'react';
|
||||
import { api } from '../api';
|
||||
import type { StudentItem, SyncStatus } from '../api';
|
||||
|
||||
type IconProps = { size?: number };
|
||||
|
||||
const IconUsers = ({ size = 22 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
|
||||
<circle cx="9" cy="7" r="3.5" />
|
||||
<path d="M22 21v-2a3.5 3.5 0 0 0-2.5-3.35" />
|
||||
<path d="M16 3.5a3.5 3.5 0 0 1 0 7" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconRefresh = ({ size = 18 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M21 12a9 9 0 1 1-2.6-6.3" />
|
||||
<polyline points="21 3 21 9 15 9" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconCheck = ({ size = 16 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M20 6 9 17l-5-5" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconAlert = ({ size = 16 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<line x1="12" y1="8" x2="12" y2="12" />
|
||||
<line x1="12" y1="16" x2="12.01" y2="16" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconSearch = ({ size = 16 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<circle cx="11" cy="11" r="7" />
|
||||
<line x1="21" y1="21" x2="16.65" y2="16.65" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconMail = ({ size = 13 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<rect x="3" y="5" width="18" height="14" rx="2" />
|
||||
<path d="m3 7 9 6 9-6" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconPhone = ({ size = 12 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.81.36 1.6.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c1.2.34 1.99.57 2.81.7A2 2 0 0 1 22 16.92z" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconCalendar = ({ size = 13 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<rect x="3" y="5" width="18" height="16" rx="2" />
|
||||
<path d="M16 3v4M8 3v4M3 11h18" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconInbox = ({ size = 40 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<polyline points="22 12 16 12 14 15 10 15 8 12 2 12" />
|
||||
<path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconChevronLeft = ({ size = 16 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="m15 18-6-6 6-6" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconChevronRight = ({ size = 16 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="m9 18 6-6-6-6" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
function genderLabel(gender: number | null | undefined) {
|
||||
if (gender === 1) return 'Nam';
|
||||
if (gender === 0) return 'Nữ';
|
||||
return 'Khác';
|
||||
}
|
||||
|
||||
export const StudentsTab: React.FC = () => {
|
||||
const [students, setStudents] = useState<StudentItem[]>([]);
|
||||
const [total, setTotal] = useState(0);
|
||||
@@ -9,8 +93,6 @@ export const StudentsTab: React.FC = () => {
|
||||
const [pageSize] = useState(15);
|
||||
const [search, setSearch] = useState('');
|
||||
const [loading, setLoading] = useState(true);
|
||||
|
||||
// Sync state
|
||||
const [syncStatus, setSyncStatus] = useState<SyncStatus | null>(null);
|
||||
|
||||
const fetchStudents = async () => {
|
||||
@@ -49,7 +131,6 @@ export const StudentsTab: React.FC = () => {
|
||||
fetchSyncStatus();
|
||||
}, []);
|
||||
|
||||
// Sync polling logic
|
||||
useEffect(() => {
|
||||
let timer: any;
|
||||
if (syncStatus?.running) {
|
||||
@@ -57,7 +138,7 @@ export const StudentsTab: React.FC = () => {
|
||||
const isRunning = await fetchSyncStatus();
|
||||
if (!isRunning) {
|
||||
clearInterval(timer);
|
||||
fetchStudents(); // Reload data when sync completes
|
||||
fetchStudents();
|
||||
}
|
||||
}, 2000);
|
||||
}
|
||||
@@ -69,247 +150,565 @@ export const StudentsTab: React.FC = () => {
|
||||
const handleStartSync = async () => {
|
||||
try {
|
||||
await api.startStudentsSync();
|
||||
// Set local state to running to trigger useEffect poller
|
||||
setSyncStatus({
|
||||
running: true,
|
||||
done: false,
|
||||
total: 0,
|
||||
synced: 0,
|
||||
updatedAt: Date.now() / 1000
|
||||
updatedAt: Date.now() / 1000,
|
||||
});
|
||||
} catch (err: any) {
|
||||
alert(err.message || 'Không thể bắt đầu đồng bộ sinh viên');
|
||||
}
|
||||
};
|
||||
|
||||
// Tính toán % tiến trình sync
|
||||
const syncPercent = syncStatus && syncStatus.total > 0
|
||||
? Math.round((syncStatus.synced / syncStatus.total) * 100)
|
||||
: 0;
|
||||
const syncPercent =
|
||||
syncStatus && syncStatus.total > 0
|
||||
? Math.round((syncStatus.synced / syncStatus.total) * 100)
|
||||
: 0;
|
||||
|
||||
const totalPages = Math.ceil(total / pageSize) || 1;
|
||||
|
||||
return (
|
||||
<div className="tab-page">
|
||||
<div className="tab-page-toolbar">
|
||||
<div className="page-header">
|
||||
<div className="page-title">
|
||||
<h1>Danh Sách Sinh Viên</h1>
|
||||
<p>Danh sách toàn bộ sinh viên trong hệ thống được đồng bộ</p>
|
||||
</div>
|
||||
<button
|
||||
className="btn btn-primary"
|
||||
onClick={handleStartSync}
|
||||
disabled={syncStatus?.running}
|
||||
style={{ display: 'inline-flex', alignItems: 'center', gap: '6px' }}
|
||||
>
|
||||
{syncStatus?.running ? (
|
||||
<>
|
||||
<div className="sync-spinner"></div> Đồng bộ...
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" style={{ display: 'inline-block' }}>
|
||||
<path d="M23 4v6h-6M1 20v-6h6M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" />
|
||||
</svg>
|
||||
Đồng bộ toàn bộ SV
|
||||
</>
|
||||
)}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{/* Sync Status Banner */}
|
||||
{syncStatus && (syncStatus.running || syncStatus.done || syncStatus.error) && (
|
||||
<div className="sync-progress-banner" style={{ borderStyle: 'solid', borderColor: 'var(--success)' }}>
|
||||
<div className="sync-header">
|
||||
<div className="sync-title">
|
||||
{syncStatus.running && <div className="sync-spinner"></div>}
|
||||
<span>
|
||||
{syncStatus.running && `Đang tải sinh viên... Trang ${syncStatus.page || 0} (${syncPercent}%)`}
|
||||
{syncStatus.done && (
|
||||
<span style={{ display: 'inline-flex', alignItems: 'center', gap: '6px' }}>
|
||||
<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="var(--success)" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
|
||||
<polyline points="20 6 9 17 4 12" />
|
||||
</svg>
|
||||
Đồng bộ toàn bộ sinh viên hoàn tất!
|
||||
</span>
|
||||
)}
|
||||
{syncStatus.error && (
|
||||
<span style={{ display: 'inline-flex', alignItems: 'center', gap: '6px', color: 'var(--danger)' }}>
|
||||
<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="var(--danger)" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
|
||||
<circle cx="12" cy="12" r="10" />
|
||||
<line x1="12" y1="8" x2="12" y2="12" />
|
||||
<line x1="12" y1="16" x2="12.01" y2="16" />
|
||||
</svg>
|
||||
Đồng bộ thất bại: {syncStatus.error}
|
||||
</span>
|
||||
)}
|
||||
<div className="page-header">
|
||||
<div className="page-title">
|
||||
<h1 className="page-title-heading">
|
||||
<span className="page-title-icon" aria-hidden>
|
||||
<IconUsers />
|
||||
</span>
|
||||
Danh sách sinh viên
|
||||
</h1>
|
||||
<p>Danh sách toàn bộ sinh viên trong hệ thống được đồng bộ</p>
|
||||
</div>
|
||||
<button
|
||||
className="btn btn-primary"
|
||||
onClick={handleStartSync}
|
||||
disabled={syncStatus?.running}
|
||||
style={{
|
||||
display: 'inline-flex',
|
||||
alignItems: 'center',
|
||||
gap: '8px',
|
||||
padding: '0.75rem 1.5rem',
|
||||
borderRadius: '12px',
|
||||
fontWeight: 700,
|
||||
boxShadow: '0 4px 14px rgba(187,33,38,0.25)',
|
||||
}}
|
||||
>
|
||||
{syncStatus?.running ? (
|
||||
<>
|
||||
<div className="sync-spinner" style={{ width: 18, height: 18 }} />
|
||||
Đồng bộ... {syncPercent}%
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<IconRefresh />
|
||||
Đồng bộ toàn bộ SV
|
||||
</>
|
||||
)}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{syncStatus && (syncStatus.running || syncStatus.done || syncStatus.error) && (
|
||||
<div className="sync-progress-banner">
|
||||
<div className="sync-header">
|
||||
<div className="sync-title">
|
||||
{syncStatus.running && <div className="sync-spinner" />}
|
||||
<span>
|
||||
{syncStatus.running && `Đang tải sinh viên... Trang ${syncStatus.page || 0} (${syncPercent}%)`}
|
||||
{syncStatus.done && (
|
||||
<span style={{ display: 'inline-flex', alignItems: 'center', gap: 6, color: 'var(--success)' }}>
|
||||
<IconCheck />
|
||||
Đồng bộ hoàn tất!
|
||||
</span>
|
||||
)}
|
||||
{syncStatus.error && (
|
||||
<span style={{ display: 'inline-flex', alignItems: 'center', gap: 6, color: 'var(--danger)' }}>
|
||||
<IconAlert />
|
||||
{syncStatus.error}
|
||||
</span>
|
||||
)}
|
||||
</span>
|
||||
</div>
|
||||
<div style={{ fontSize: '0.85rem', color: 'var(--text-secondary)' }}>
|
||||
Đã tải: {syncStatus.synced} / {syncStatus.total} sinh viên
|
||||
</div>
|
||||
</div>
|
||||
<div style={{ fontSize: '0.85rem', color: 'var(--text-secondary)' }}>
|
||||
Đã tải: {syncStatus.synced} / {syncStatus.total} sinh viên
|
||||
{syncStatus.running && (
|
||||
<div className="sync-bar-container">
|
||||
<div className="sync-bar" style={{ width: `${syncPercent}%` }} />
|
||||
</div>
|
||||
)}
|
||||
<div className="sync-meta">
|
||||
<span>Cập nhật lần cuối: {new Date(syncStatus.updatedAt * 1000).toLocaleString()}</span>
|
||||
{syncStatus.running && (
|
||||
<span style={{ color: 'var(--accent-hover)' }}>
|
||||
Hệ thống đang kéo dữ liệu trang {syncStatus.page}...
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
{syncStatus.running && (
|
||||
<div className="sync-bar-container">
|
||||
<div className="sync-bar" style={{ width: `${syncPercent}%`, background: 'linear-gradient(to right, var(--success), #a7f3d0)' }}></div>
|
||||
)}
|
||||
|
||||
<div className="control-bar">
|
||||
<div className="search-input-wrapper">
|
||||
<input
|
||||
type="text"
|
||||
className="search-input"
|
||||
placeholder="Tìm theo tên, mã SV, email, số điện thoại..."
|
||||
value={search}
|
||||
onChange={e => {
|
||||
setSearch(e.target.value);
|
||||
setPage(1);
|
||||
}}
|
||||
/>
|
||||
<span className="search-icon">
|
||||
<IconSearch />
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="tab-page-body">
|
||||
<div className="table-wrapper table-fill">
|
||||
{loading ? (
|
||||
<div className="empty-state">
|
||||
<div className="sync-spinner" style={{ width: 40, height: 40 }} />
|
||||
<p style={{ marginTop: '1rem', fontWeight: 600 }}>Đang tải danh sách sinh viên...</p>
|
||||
</div>
|
||||
) : students.length === 0 ? (
|
||||
<div className="empty-state">
|
||||
<div className="empty-state-icon" style={{ color: 'var(--text-muted)' }}>
|
||||
<IconInbox />
|
||||
</div>
|
||||
<h2>Không có sinh viên nào</h2>
|
||||
<p>Hãy thử thay đổi bộ lọc hoặc bấm "Đồng bộ toàn bộ SV" để tải dữ liệu.</p>
|
||||
</div>
|
||||
) : (
|
||||
<div className="table-scroll-container">
|
||||
<table className="data-table student-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th className="col-code">Mã SV</th>
|
||||
<th className="col-name">Họ tên</th>
|
||||
<th className="col-contact">Thông tin liên hệ</th>
|
||||
<th className="col-birth">Ngày sinh / Giới tính</th>
|
||||
<th className="col-system">Phân hệ</th>
|
||||
<th className="col-location">Địa điểm</th>
|
||||
<th className="col-status">Trạng thái</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{students.map(st => {
|
||||
const isActive = st.status === 'Đang học' || st.status === 'active';
|
||||
return (
|
||||
<tr key={st.id}>
|
||||
<td className="col-code" data-label="Mã SV">
|
||||
<div className="student-code" title={st.studentCode || undefined}>
|
||||
{st.studentCode || '—'}
|
||||
</div>
|
||||
</td>
|
||||
<td className="col-name" data-label="Họ tên">
|
||||
<div className="student-name" title={st.fullName}>
|
||||
{st.fullName}
|
||||
</div>
|
||||
<div className="student-id">ID: {st.rkId}</div>
|
||||
</td>
|
||||
<td className="col-contact" data-label="Thông tin liên hệ">
|
||||
<div className="meta-row" title={st.email || undefined}>
|
||||
<IconMail />
|
||||
<span className="meta-text">{st.email || '—'}</span>
|
||||
</div>
|
||||
{st.phone ? (
|
||||
<div className="meta-row meta-row--secondary">
|
||||
<IconPhone />
|
||||
<span className="meta-text">{st.phone}</span>
|
||||
</div>
|
||||
) : null}
|
||||
</td>
|
||||
<td className="col-birth" data-label="Ngày sinh / Giới tính">
|
||||
<div className="meta-row">
|
||||
<IconCalendar />
|
||||
<span className="meta-text">
|
||||
{st.dateOfBirth
|
||||
? new Date(st.dateOfBirth).toLocaleDateString('vi-VN')
|
||||
: '—'}
|
||||
</span>
|
||||
</div>
|
||||
<div className="meta-sub">{genderLabel(st.gender)}</div>
|
||||
</td>
|
||||
<td className="col-system" data-label="Phân hệ">
|
||||
<span className="badge badge-system">
|
||||
{st.systemName || 'Chung'}
|
||||
</span>
|
||||
</td>
|
||||
<td className="col-location" data-label="Địa điểm">
|
||||
<span className="location-text">{st.location || '—'}</span>
|
||||
</td>
|
||||
<td className="col-status" data-label="Trạng thái">
|
||||
<span className={`badge badge-status ${isActive ? 'is-active' : 'is-muted'}`}>
|
||||
{st.status || 'Đang học'}
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
);
|
||||
})}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
)}
|
||||
<div className="sync-meta">
|
||||
<span>Cập nhật lần cuối: {new Date(syncStatus.updatedAt * 1000).toLocaleString()}</span>
|
||||
{syncStatus.running && <span style={{ color: 'var(--success)' }}>Hệ thống đang kéo dữ liệu trang {syncStatus.page}...</span>}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Control filters */}
|
||||
<div className="control-bar">
|
||||
<div className="search-input-wrapper" style={{ maxWidth: '400px' }}>
|
||||
<input
|
||||
type="text"
|
||||
className="search-input"
|
||||
placeholder="Tìm theo tên, mã SV, email, số điện thoại..."
|
||||
value={search}
|
||||
onChange={e => {
|
||||
setSearch(e.target.value);
|
||||
setPage(1);
|
||||
}}
|
||||
/>
|
||||
<span className="search-icon">
|
||||
<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
|
||||
<circle cx="11" cy="11" r="8" />
|
||||
<line x1="21" y1="21" x2="16.65" y2="16.65" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Students Table */}
|
||||
<div className="tab-page-body">
|
||||
<div className="table-wrapper table-fill">
|
||||
{loading ? (
|
||||
<div className="empty-state">
|
||||
<div className="sync-spinner" style={{ width: '32px', height: '32px' }}></div>
|
||||
<p style={{ marginTop: '0.5rem' }}>Đang tải danh sách sinh viên...</p>
|
||||
</div>
|
||||
) : students.length === 0 ? (
|
||||
<div className="empty-state">
|
||||
<div className="empty-state-icon" style={{ color: 'var(--text-muted)' }}>
|
||||
<svg viewBox="0 0 24 24" width="48" height="48" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
|
||||
<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
|
||||
<circle cx="9" cy="7" r="4" />
|
||||
<path d="M23 21v-2a4 4 0 0 0-3-3.87" />
|
||||
<path d="M16 3.13a4 4 0 0 1 0 7.75" />
|
||||
</svg>
|
||||
</div>
|
||||
<h2>Không có sinh viên nào</h2>
|
||||
<p>Hãy thử thay đổi bộ lọc hoặc bấm nút "Đồng bộ toàn bộ SV" để tải dữ liệu.</p>
|
||||
</div>
|
||||
) : (
|
||||
<table className="data-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Mã SV</th>
|
||||
<th>Họ Tên</th>
|
||||
<th>Thông Tin Liên Hệ</th>
|
||||
<th>Ngày sinh / Giới tính</th>
|
||||
<th>Phân hệ</th>
|
||||
<th>Địa điểm</th>
|
||||
<th>Trạng thái</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{students.map(st => (
|
||||
<tr key={st.id}>
|
||||
<td style={{ fontWeight: 600 }}>{st.studentCode}</td>
|
||||
<td style={{ color: 'var(--text-primary)', fontWeight: 500 }}>
|
||||
{st.fullName}
|
||||
<div style={{ fontSize: '0.75rem', color: 'var(--text-muted)' }}>ID: {st.rkId}</div>
|
||||
</td>
|
||||
<td>
|
||||
<div style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>
|
||||
<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
|
||||
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" />
|
||||
<polyline points="22,6 12,13 2,6" />
|
||||
</svg>
|
||||
{st.email}
|
||||
</div>
|
||||
{st.phone && (
|
||||
<div style={{ fontSize: '0.85rem', color: 'var(--text-secondary)', display: 'flex', alignItems: 'center', gap: '6px', marginTop: '2px' }}>
|
||||
<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
|
||||
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" />
|
||||
</svg>
|
||||
{st.phone}
|
||||
</div>
|
||||
)}
|
||||
</td>
|
||||
<td>
|
||||
<div style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>
|
||||
<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
|
||||
<rect x="3" y="4" width="18" height="18" rx="2" ry="2" />
|
||||
<line x1="16" y1="2" x2="16" y2="6" />
|
||||
<line x1="8" y1="2" x2="8" y2="6" />
|
||||
<line x1="3" y1="10" x2="21" y2="10" />
|
||||
</svg>
|
||||
{st.dateOfBirth ? new Date(st.dateOfBirth).toLocaleDateString('vi-VN') : '—'}
|
||||
</div>
|
||||
<div style={{ fontSize: '0.85rem', color: 'var(--text-secondary)', marginTop: '2px' }}>
|
||||
Giới tính: {st.gender === 1 ? 'Nam' : st.gender === 0 ? 'Nữ' : 'Khác'}
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<span className="badge badge-muted">
|
||||
{st.systemName || 'Chung'}
|
||||
</span>
|
||||
</td>
|
||||
<td>{st.location || '—'}</td>
|
||||
<td>
|
||||
<span className={`badge ${st.status === 'Đang học' || st.status === 'active' ? 'badge-success' : 'badge-muted'}`}>
|
||||
{st.status || 'Đang học'}
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Pagination controls */}
|
||||
{!loading && students.length > 0 && (
|
||||
<div className="tab-page-footer">
|
||||
<div className="pagination-row">
|
||||
<div>
|
||||
Hiển thị sinh viên thứ <b>{((page - 1) * pageSize) + 1}</b> đến <b>{Math.min(page * pageSize, total)}</b> trong tổng số <b>{total}</b> sinh viên
|
||||
<div className="pagination-row">
|
||||
<div className="pagination-info">
|
||||
Hiển thị <b>{(page - 1) * pageSize + 1}</b> –{' '}
|
||||
<b>{Math.min(page * pageSize, total)}</b> trong tổng số <b>{total}</b> sinh viên
|
||||
</div>
|
||||
<div className="pagination-btn-group">
|
||||
<button
|
||||
className="pagination-btn"
|
||||
onClick={() => setPage(p => Math.max(1, p - 1))}
|
||||
disabled={page === 1}
|
||||
aria-label="Trang trước"
|
||||
>
|
||||
<IconChevronLeft />
|
||||
</button>
|
||||
<span className="pagination-current">
|
||||
Trang {page} / {totalPages}
|
||||
</span>
|
||||
<button
|
||||
className="pagination-btn"
|
||||
onClick={() => setPage(p => p + 1)}
|
||||
disabled={page >= totalPages}
|
||||
aria-label="Trang sau"
|
||||
>
|
||||
<IconChevronRight />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="pagination-btn-group">
|
||||
<button
|
||||
className="pagination-btn"
|
||||
onClick={() => setPage(p => Math.max(1, p - 1))}
|
||||
disabled={page === 1}
|
||||
style={{ display: 'inline-flex', alignItems: 'center', justifyContent: 'center' }}
|
||||
>
|
||||
<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
|
||||
<polyline points="15 18 9 12 15 6" />
|
||||
</svg>
|
||||
</button>
|
||||
<span style={{ display: 'flex', alignItems: 'center', padding: '0 1rem', fontWeight: 600, color: 'var(--text-primary)' }}>
|
||||
Trang {page} / {Math.ceil(total / pageSize) || 1}
|
||||
</span>
|
||||
<button
|
||||
className="pagination-btn"
|
||||
onClick={() => setPage(p => p + 1)}
|
||||
disabled={page >= Math.ceil(total / pageSize)}
|
||||
style={{ display: 'inline-flex', alignItems: 'center', justifyContent: 'center' }}
|
||||
>
|
||||
<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
|
||||
<polyline points="9 18 15 12 9 6" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<style>{`
|
||||
.table-wrapper.table-fill {
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.table-scroll-container {
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
max-height: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.page-title-heading {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.55rem;
|
||||
}
|
||||
.page-title-icon {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: var(--accent);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.student-table {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
border-collapse: collapse;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.student-table thead th {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
background: var(--bg-subtle);
|
||||
border-bottom: 2px solid var(--border-color);
|
||||
padding: 0.75rem 0.9rem;
|
||||
font-weight: 700;
|
||||
font-size: 0.72rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.04em;
|
||||
color: var(--text-muted);
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.student-table td {
|
||||
padding: 0.85rem 0.9rem;
|
||||
border-bottom: 1px solid var(--border-light);
|
||||
vertical-align: middle;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.student-table .col-code { width: 12%; }
|
||||
.student-table .col-name { width: 18%; }
|
||||
.student-table .col-contact { width: 24%; }
|
||||
.student-table .col-birth { width: 14%; }
|
||||
.student-table .col-system { width: 12%; }
|
||||
.student-table .col-location { width: 8%; }
|
||||
.student-table .col-status { width: 12%; }
|
||||
|
||||
.student-table tbody tr {
|
||||
transition: background 0.15s;
|
||||
}
|
||||
.student-table tbody tr:hover {
|
||||
background: var(--bg-subtle) !important;
|
||||
}
|
||||
|
||||
.student-code {
|
||||
font-weight: 700;
|
||||
color: var(--text-primary);
|
||||
font-size: 0.9rem;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.student-name {
|
||||
font-weight: 600;
|
||||
color: var(--text-primary);
|
||||
font-size: 0.9rem;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.student-id {
|
||||
font-size: 0.72rem;
|
||||
color: var(--text-muted);
|
||||
margin-top: 0.1rem;
|
||||
}
|
||||
|
||||
.meta-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
min-width: 0;
|
||||
color: var(--text-primary);
|
||||
font-size: 0.85rem;
|
||||
line-height: 1.25;
|
||||
}
|
||||
.meta-row svg {
|
||||
flex-shrink: 0;
|
||||
color: var(--text-muted);
|
||||
display: block;
|
||||
}
|
||||
.meta-row--secondary {
|
||||
margin-top: 0.2rem;
|
||||
color: var(--text-secondary);
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.meta-text {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
min-width: 0;
|
||||
}
|
||||
.meta-sub {
|
||||
margin-top: 0.2rem;
|
||||
font-size: 0.8rem;
|
||||
color: var(--text-secondary);
|
||||
padding-left: 19px;
|
||||
}
|
||||
|
||||
.badge-system {
|
||||
background: var(--bg-subtle);
|
||||
color: var(--text-secondary);
|
||||
border: 1px solid var(--border-color);
|
||||
padding: 0.2rem 0.55rem;
|
||||
border-radius: 20px;
|
||||
font-weight: 600;
|
||||
font-size: 0.72rem;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
max-width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.location-text {
|
||||
font-weight: 600;
|
||||
font-size: 0.85rem;
|
||||
color: var(--text-primary);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.badge-status {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-width: 5.5rem;
|
||||
padding: 0.2rem 0.55rem;
|
||||
border-radius: 20px;
|
||||
font-weight: 700;
|
||||
font-size: 0.7rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.03em;
|
||||
white-space: nowrap;
|
||||
line-height: 1.2;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.badge-status.is-active {
|
||||
background: rgba(59, 130, 246, 0.1);
|
||||
color: #2563eb;
|
||||
border: 1px solid rgba(37, 99, 235, 0.2);
|
||||
}
|
||||
.badge-status.is-muted {
|
||||
background: var(--bg-subtle);
|
||||
color: var(--text-muted);
|
||||
border: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.pagination-info {
|
||||
font-size: 0.85rem;
|
||||
color: var(--text-secondary);
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
@media (max-width: 1280px) {
|
||||
.student-table .col-birth {
|
||||
display: none;
|
||||
}
|
||||
.student-table .col-code { width: 14%; }
|
||||
.student-table .col-name { width: 20%; }
|
||||
.student-table .col-contact { width: 28%; }
|
||||
.student-table .col-system { width: 14%; }
|
||||
.student-table .col-location { width: 10%; }
|
||||
.student-table .col-status { width: 14%; }
|
||||
}
|
||||
|
||||
@media (max-width: 1100px) {
|
||||
.student-table .col-system,
|
||||
.student-table .col-location {
|
||||
display: none;
|
||||
}
|
||||
.student-table .col-code { width: 18%; }
|
||||
.student-table .col-name { width: 28%; }
|
||||
.student-table .col-contact { width: 36%; }
|
||||
.student-table .col-status { width: 18%; }
|
||||
}
|
||||
|
||||
@media (max-width: 960px) {
|
||||
.student-table {
|
||||
table-layout: auto;
|
||||
}
|
||||
.student-table thead {
|
||||
display: none;
|
||||
}
|
||||
.student-table tbody tr {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 0.5rem 1rem;
|
||||
padding: 1rem;
|
||||
border-radius: var(--radius-lg);
|
||||
background: var(--bg-card);
|
||||
box-shadow: var(--shadow-sm);
|
||||
border: 1px solid var(--border-color);
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
.student-table .col-birth,
|
||||
.student-table .col-system,
|
||||
.student-table .col-location {
|
||||
display: flex;
|
||||
}
|
||||
.student-table td {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
gap: 0.15rem;
|
||||
overflow: visible;
|
||||
width: auto !important;
|
||||
}
|
||||
.student-table td::before {
|
||||
content: attr(data-label);
|
||||
font-size: 0.6rem;
|
||||
font-weight: 600;
|
||||
color: var(--text-muted);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.04em;
|
||||
}
|
||||
.student-table td.col-status {
|
||||
grid-column: span 2;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: 0.35rem;
|
||||
padding-top: 0.5rem !important;
|
||||
border-top: 1px dashed var(--border-color) !important;
|
||||
}
|
||||
.student-table td.col-status::before {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.student-code,
|
||||
.student-name,
|
||||
.meta-text,
|
||||
.badge-system {
|
||||
white-space: normal;
|
||||
overflow: visible;
|
||||
text-overflow: unset;
|
||||
word-break: break-word;
|
||||
}
|
||||
.meta-sub {
|
||||
padding-left: 0;
|
||||
}
|
||||
.page-header {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
.page-header .btn {
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
.control-bar {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
.search-input-wrapper {
|
||||
max-width: 100%;
|
||||
}
|
||||
.pagination-row {
|
||||
flex-direction: column;
|
||||
gap: 0.75rem;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
.pagination-info {
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.student-table tbody tr {
|
||||
padding: 0.75rem;
|
||||
gap: 0.4rem 0.75rem;
|
||||
}
|
||||
.student-code,
|
||||
.student-name {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.badge-status {
|
||||
min-width: 0;
|
||||
font-size: 0.6rem;
|
||||
}
|
||||
.pagination-btn-group .pagination-btn {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
}
|
||||
`}</style>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -8,6 +8,7 @@ import {
|
||||
import { OrganizationSection } from './OrganizationSection';
|
||||
import { NetworkSection } from './NetworkSection';
|
||||
import { AppTemplatesSection } from './AppTemplatesSection';
|
||||
import { SeatingTemplatesSection } from './SeatingTemplatesSection';
|
||||
|
||||
const SECTIONS: { id: SystemSection; icon: React.ReactNode; hint: string }[] = [
|
||||
{
|
||||
@@ -40,6 +41,19 @@ const SECTIONS: { id: SystemSection; icon: React.ReactNode; hint: string }[] = [
|
||||
</svg>
|
||||
),
|
||||
},
|
||||
{
|
||||
id: 'seating',
|
||||
hint: 'Sơ đồ chỗ ngồi',
|
||||
icon: (
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
|
||||
<rect x="3" y="3" width="18" height="18" rx="2" />
|
||||
<line x1="9" y1="3" x2="9" y2="21" />
|
||||
<line x1="15" y1="3" x2="15" y2="21" />
|
||||
<line x1="3" y1="9" x2="21" y2="9" />
|
||||
<line x1="3" y1="15" x2="21" y2="15" />
|
||||
</svg>
|
||||
),
|
||||
},
|
||||
];
|
||||
|
||||
export const SystemTab: React.FC = () => {
|
||||
@@ -86,6 +100,7 @@ export const SystemTab: React.FC = () => {
|
||||
{section === 'organization' && <OrganizationSection />}
|
||||
{section === 'network' && <NetworkSection />}
|
||||
{section === 'templates' && <AppTemplatesSection />}
|
||||
{section === 'seating' && <SeatingTemplatesSection />}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
255
management/src/components/ViolationsPanel.tsx
Normal file
255
management/src/components/ViolationsPanel.tsx
Normal file
@@ -0,0 +1,255 @@
|
||||
import { useCallback, useEffect, useState } from 'react';
|
||||
import {
|
||||
apiFetchClassViolations,
|
||||
apiFetchExamViolations,
|
||||
VIOLATION_KIND_OPTIONS,
|
||||
type StudentViolationItem,
|
||||
} from '../api';
|
||||
import { kindLabel, onStudentViolation } from '../hooks/useStaffChatSocket';
|
||||
|
||||
/* ─── Icon components ─────────────────────────────────────────────────────── */
|
||||
|
||||
type IconProps = { size?: number };
|
||||
|
||||
const IconAlert = ({ size = 15 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="m10.29 3.86-8.19 14A2 2 0 0 0 3.82 21h16.36a2 2 0 0 0 1.72-3l-8.19-14a2 2 0 0 0-3.44 0z" />
|
||||
<line x1="12" y1="9" x2="12" y2="13" />
|
||||
<line x1="12" y1="17" x2="12.01" y2="17" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconInfo = ({ size = 15 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<line x1="12" y1="8" x2="12" y2="12" />
|
||||
<line x1="12" y1="16" x2="12.01" y2="16" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconRefresh = ({ size = 14 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M21 12a9 9 0 1 1-2.6-6.3" />
|
||||
<polyline points="21 3 21 9 15 9" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
const IconShieldOff = ({ size = 36 }: IconProps) => (
|
||||
<svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
|
||||
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
|
||||
<line x1="4.93" y1="4.93" x2="19.07" y2="19.07" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
/* ─── Helpers ────────────────────────────────────────────────────────────── */
|
||||
|
||||
type Props =
|
||||
| { mode: 'class'; classId: number }
|
||||
| { mode: 'exam'; examId: number };
|
||||
|
||||
function todayLocal(): string {
|
||||
const d = new Date();
|
||||
const pad = (n: number) => String(n).padStart(2, '0');
|
||||
return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
|
||||
}
|
||||
|
||||
function formatTime(iso?: string): string {
|
||||
if (!iso) return '—';
|
||||
const d = new Date(iso);
|
||||
if (Number.isNaN(d.getTime())) return iso;
|
||||
return d.toLocaleString('vi-VN');
|
||||
}
|
||||
|
||||
function modeLabel(mode?: string): string {
|
||||
switch (mode) {
|
||||
case 'exam': return 'Phòng thi';
|
||||
case 'learning': return 'Lớp học';
|
||||
default: return mode || '—';
|
||||
}
|
||||
}
|
||||
|
||||
/* ─── Component ─────────────────────────────────────────────────────────── */
|
||||
|
||||
export const ViolationsPanel = (props: Props) => {
|
||||
const [date, setDate] = useState(todayLocal);
|
||||
const [kind, setKind] = useState('');
|
||||
const [rows, setRows] = useState<StudentViolationItem[]>([]);
|
||||
const [loading, setLoading] = useState(false);
|
||||
const [err, setErr] = useState('');
|
||||
|
||||
const load = useCallback(async () => {
|
||||
setLoading(true);
|
||||
setErr('');
|
||||
try {
|
||||
const res =
|
||||
props.mode === 'class'
|
||||
? await apiFetchClassViolations(props.classId, date, kind)
|
||||
: await apiFetchExamViolations(props.examId, date, kind);
|
||||
setRows(res.data || []);
|
||||
} catch (e: any) {
|
||||
setErr(e?.message || 'Không tải được danh sách vi phạm');
|
||||
setRows([]);
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}, [props, date, kind]);
|
||||
|
||||
useEffect(() => { void load(); }, [load]);
|
||||
|
||||
useEffect(() => {
|
||||
return onStudentViolation((v) => {
|
||||
const matches =
|
||||
props.mode === 'class'
|
||||
? Number(v.classId) === props.classId
|
||||
: Number(v.examRoomId) === props.examId ||
|
||||
(!v.examRoomId && v.monitorMode === 'exam');
|
||||
if (!matches) return;
|
||||
if (date !== todayLocal()) return;
|
||||
void load();
|
||||
});
|
||||
}, [props, date, load]);
|
||||
|
||||
const isExam = props.mode === 'exam';
|
||||
|
||||
return (
|
||||
<div className="vp-panel">
|
||||
<style>{`
|
||||
.vp-panel { display: flex; flex-direction: column; gap: 0.65rem; height: 100%; }
|
||||
|
||||
/* Notice banner */
|
||||
.vp-notice { padding: 0.55rem 0.75rem; border-radius: var(--radius-sm); border: 1px solid; border-left-width: 3px; font-size: 0.76rem; line-height: 1.5; display: flex; align-items: flex-start; gap: 0.45rem; }
|
||||
.vp-notice--exam { background: rgba(254,243,199,0.6); border-color: #fcd34d; border-left-color: #d97706; color: #78350f; }
|
||||
.vp-notice--exam svg { color: #d97706; }
|
||||
.vp-notice--class { background: rgba(239,246,255,0.7); border-color: #bfdbfe; border-left-color: #3b82f6; color: #1e3a8a; }
|
||||
.vp-notice--class svg { color: #3b82f6; }
|
||||
.vp-notice svg { flex-shrink: 0; margin-top: 0.1rem; }
|
||||
|
||||
/* Toolbar */
|
||||
.vp-toolbar { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: flex-end; }
|
||||
.vp-field { display: flex; flex-direction: column; gap: 0.18rem; font-size: 0.71rem; font-weight: 600; color: var(--text-muted); }
|
||||
.vp-input { padding: 0.3rem 0.5rem; font-size: 0.78rem; border: 1px solid var(--border-color); border-radius: var(--radius-sm); background: var(--bg-card); color: var(--text-primary); }
|
||||
.vp-input:focus { outline: none; border-color: var(--accent); }
|
||||
.vp-refresh { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.28rem 0.65rem; font-size: 0.75rem; font-weight: 500; border-radius: var(--radius-sm); border: 1px solid var(--border-color); background: var(--bg-card); color: var(--text-primary); cursor: pointer; transition: background 0.15s; white-space: nowrap; }
|
||||
.vp-refresh:hover:not(:disabled) { background: var(--bg-hover); border-color: var(--border-hover); }
|
||||
.vp-refresh:disabled { opacity: 0.55; cursor: not-allowed; }
|
||||
.vp-count { margin-left: auto; font-size: 0.77rem; color: var(--text-muted); font-weight: 600; align-self: flex-end; padding-bottom: 2px; }
|
||||
|
||||
/* Table wrapper */
|
||||
.vp-table-scroll { flex: 1; overflow: auto; border: 1px solid var(--border-color); border-radius: var(--radius-sm); }
|
||||
.vp-table { width: 100%; border-collapse: collapse; }
|
||||
.vp-table thead th { padding: 0.5rem 0.8rem; background: var(--bg-subtle); font-weight: 700; font-size: 0.68rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.04em; border-bottom: 1px solid var(--border-color); white-space: nowrap; }
|
||||
.vp-table tbody tr { border-bottom: 1px solid var(--border-light); transition: background 0.1s; }
|
||||
.vp-table tbody tr:last-child { border-bottom: none; }
|
||||
.vp-table tbody tr:hover { background: var(--bg-hover); }
|
||||
.vp-table tbody tr.vp-row--close { background: rgba(239,68,68,0.04); }
|
||||
.vp-table tbody tr.vp-row--close:hover { background: rgba(239,68,68,0.08); }
|
||||
.vp-table tbody td { padding: 0.44rem 0.8rem; font-size: 0.82rem; vertical-align: middle; }
|
||||
|
||||
/* Empty state */
|
||||
.vp-empty { min-height: 180px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; color: var(--text-muted); font-size: 0.85rem; }
|
||||
.vp-empty svg { opacity: 0.35; }
|
||||
.vp-empty span { font-style: italic; }
|
||||
|
||||
/* Error */
|
||||
.vp-error { font-size: 0.78rem; color: var(--danger); }
|
||||
`}</style>
|
||||
|
||||
{/* ── Notice banner ── */}
|
||||
<div className={`vp-notice${isExam ? ' vp-notice--exam' : ' vp-notice--class'}`}>
|
||||
{isExam ? <IconAlert size={15} /> : <IconInfo size={15} />}
|
||||
<span>
|
||||
{isExam
|
||||
? 'Vi phạm trong phòng thi (tắt app, WiFi, môi trường…) được ghi nhận theo thời gian thực.'
|
||||
: 'Vi phạm trong giờ học (tắt app, WiFi, môi trường…) hiển thị tại đây theo từng lớp.'}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
{/* ── Toolbar ── */}
|
||||
<div className="vp-toolbar attendance-toolbar">
|
||||
<label className="vp-field attendance-field">
|
||||
<span>Ngày</span>
|
||||
<input
|
||||
type="date"
|
||||
className="vp-input search-input"
|
||||
value={date}
|
||||
onChange={(e) => setDate(e.target.value)}
|
||||
/>
|
||||
</label>
|
||||
<label className="vp-field attendance-field">
|
||||
<span>Loại vi phạm</span>
|
||||
<select
|
||||
className="vp-input select-filter"
|
||||
value={kind}
|
||||
onChange={(e) => setKind(e.target.value)}
|
||||
>
|
||||
{VIOLATION_KIND_OPTIONS.map((o) => (
|
||||
<option key={o.value || 'all'} value={o.value}>{o.label}</option>
|
||||
))}
|
||||
</select>
|
||||
</label>
|
||||
<button
|
||||
type="button"
|
||||
className="vp-refresh btn btn-secondary btn-sm"
|
||||
onClick={() => void load()}
|
||||
disabled={loading}
|
||||
style={{ alignSelf: 'flex-end' }}
|
||||
>
|
||||
<IconRefresh size={14} />
|
||||
{loading ? 'Đang tải...' : 'Làm mới'}
|
||||
</button>
|
||||
<span className="vp-count">{rows.length} vi phạm</span>
|
||||
</div>
|
||||
|
||||
{/* ── Error message ── */}
|
||||
{err && <div className="vp-error form-error">{err}</div>}
|
||||
|
||||
{/* ── Table ── */}
|
||||
<div className="vp-table-scroll attendance-table-scroll table-wrapper">
|
||||
{loading && rows.length === 0 ? (
|
||||
<div className="vp-empty">
|
||||
<div className="sync-spinner" style={{ width: 28, height: 28 }} />
|
||||
</div>
|
||||
) : rows.length === 0 ? (
|
||||
<div className="vp-empty">
|
||||
<IconShieldOff size={36} />
|
||||
<span>Không có vi phạm trong ngày đã chọn.</span>
|
||||
</div>
|
||||
) : (
|
||||
<table className="vp-table data-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Thời gian</th>
|
||||
<th>Sinh viên</th>
|
||||
<th>Mã SV</th>
|
||||
<th>Loại</th>
|
||||
<th>Chi tiết</th>
|
||||
<th>Ngữ cảnh</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{rows.map((r) => {
|
||||
const isClose = r.kind === 'app_closed' || r.kind === 'unclean_shutdown';
|
||||
return (
|
||||
<tr key={r.id} className={isClose ? 'vp-row--close' : ''}>
|
||||
<td style={{ whiteSpace: 'nowrap', fontFamily: 'monospace', fontSize: '0.75rem' }}>
|
||||
{formatTime(r.createdAt || r.clientAt)}
|
||||
</td>
|
||||
<td style={{ fontWeight: 600 }}>{r.fullName || '—'}</td>
|
||||
<td><code style={{ fontSize: '0.78rem' }}>{r.studentCode || r.studentRkId}</code></td>
|
||||
<td>
|
||||
<span className={`badge ${isClose ? 'badge-danger' : 'badge-warning'}`} style={{ fontSize: '0.68rem', fontWeight: 600, padding: '0.15rem 0.4rem' }}>
|
||||
{kindLabel(r.kind)}
|
||||
</span>
|
||||
</td>
|
||||
<td style={{ maxWidth: 320, fontSize: '0.8rem' }} title={r.reason}>{r.reason}</td>
|
||||
<td style={{ fontSize: '0.75rem', color: 'var(--text-muted)' }}>{modeLabel(r.monitorMode)}</td>
|
||||
</tr>
|
||||
);
|
||||
})}
|
||||
</tbody>
|
||||
</table>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
1497
management/src/components/WorkspaceSeatingChart.tsx
Normal file
1497
management/src/components/WorkspaceSeatingChart.tsx
Normal file
File diff suppressed because it is too large
Load Diff
@@ -1,18 +1,60 @@
|
||||
import { useCallback, useEffect, useRef } from 'react';
|
||||
import { type ChatMessage, getWsUrl } from '../api';
|
||||
import { useAuth } from '../auth/AuthContext';
|
||||
import { playChatSound } from '../utils/notifySound';
|
||||
import { playChatSound, playAlertSound } from '../utils/notifySound';
|
||||
|
||||
type ChatIncomingHandler = (msg: ChatMessage) => void;
|
||||
export type PresenceUpdate = { studentId: number; online: boolean; classId?: number };
|
||||
export type StudentViolationEvent = {
|
||||
studentId: number;
|
||||
studentName?: string;
|
||||
studentCode?: string;
|
||||
kind: string;
|
||||
reason: string;
|
||||
monitorMode?: string;
|
||||
classId?: number;
|
||||
examRoomId?: number;
|
||||
};
|
||||
|
||||
const handlers = new Set<ChatIncomingHandler>();
|
||||
const chatHandlers = new Set<ChatIncomingHandler>();
|
||||
const presenceHandlers = new Set<(p: PresenceUpdate) => void>();
|
||||
const violationHandlers = new Set<(v: StudentViolationEvent) => void>();
|
||||
|
||||
export function onStaffChatMessage(handler: ChatIncomingHandler): () => void {
|
||||
handlers.add(handler);
|
||||
return () => { handlers.delete(handler); };
|
||||
chatHandlers.add(handler);
|
||||
return () => { chatHandlers.delete(handler); };
|
||||
}
|
||||
|
||||
/** WebSocket luôn bật khi đã login — nhận tin sinh viên realtime */
|
||||
export function onStudentPresence(handler: (p: PresenceUpdate) => void): () => void {
|
||||
presenceHandlers.add(handler);
|
||||
return () => { presenceHandlers.delete(handler); };
|
||||
}
|
||||
|
||||
export function onStudentViolation(handler: (v: StudentViolationEvent) => void): () => void {
|
||||
violationHandlers.add(handler);
|
||||
return () => { violationHandlers.delete(handler); };
|
||||
}
|
||||
|
||||
function scheduleBackoff(attempt: number): number {
|
||||
const base = Math.min(1000 * 2 ** Math.min(attempt, 4), 10000);
|
||||
return base + Math.floor(Math.random() * 250);
|
||||
}
|
||||
|
||||
export function kindLabel(kind: string): string {
|
||||
switch (kind) {
|
||||
case 'app_closed': return 'Tắt ứng dụng';
|
||||
case 'unclean_shutdown': return 'Tắt đột ngột';
|
||||
case 'multi_monitor': return 'Nhiều màn hình';
|
||||
case 'user_switch': return 'Đổi user';
|
||||
case 'session_change': return 'Khóa / đổi phiên';
|
||||
case 'virtual_desktop': return 'Desktop ảo';
|
||||
case 'wifi': return 'WiFi trái phép';
|
||||
case 'guard': return 'Vi phạm môi trường';
|
||||
default: return kind || 'Vi phạm';
|
||||
}
|
||||
}
|
||||
|
||||
/** WebSocket luôn bật khi đã login — chat + presence + violation + keepalive. */
|
||||
export function StaffChatSocket() {
|
||||
const { staff, token } = useAuth();
|
||||
const staffIdRef = useRef(0);
|
||||
@@ -21,8 +63,8 @@ export function StaffChatSocket() {
|
||||
staffIdRef.current = staff?.id ?? 0;
|
||||
}, [staff?.id]);
|
||||
|
||||
const dispatch = useCallback((msg: ChatMessage) => {
|
||||
handlers.forEach((h) => h(msg));
|
||||
const dispatchChat = useCallback((msg: ChatMessage) => {
|
||||
chatHandlers.forEach((h) => h(msg));
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
@@ -31,26 +73,75 @@ export function StaffChatSocket() {
|
||||
const wsUrl = getWsUrl(`/ws?role=teacher&staffId=${staff.id}`);
|
||||
let ws: WebSocket | null = null;
|
||||
let retryTimer: ReturnType<typeof setTimeout> | null = null;
|
||||
let pingTimer: ReturnType<typeof setInterval> | null = null;
|
||||
let closed = false;
|
||||
let attempt = 0;
|
||||
|
||||
const clearPing = () => {
|
||||
if (pingTimer) {
|
||||
clearInterval(pingTimer);
|
||||
pingTimer = null;
|
||||
}
|
||||
};
|
||||
|
||||
const connect = () => {
|
||||
if (closed) return;
|
||||
ws = new WebSocket(wsUrl);
|
||||
|
||||
ws.onopen = () => {
|
||||
attempt = 0;
|
||||
clearPing();
|
||||
pingTimer = setInterval(() => {
|
||||
if (ws?.readyState === WebSocket.OPEN) {
|
||||
ws.send(JSON.stringify({ event: 'client:ping', data: {} }));
|
||||
}
|
||||
}, 15000);
|
||||
};
|
||||
|
||||
ws.onmessage = (ev) => {
|
||||
try {
|
||||
const payload = JSON.parse(ev.data);
|
||||
if (payload.event === 'client:pong') return;
|
||||
if (payload.event === 'presence:update') {
|
||||
const studentId = Number(payload.data?.studentId ?? 0);
|
||||
if (!studentId) return;
|
||||
presenceHandlers.forEach((h) => h({
|
||||
studentId,
|
||||
online: !!payload.data?.online,
|
||||
classId: Number(payload.data?.classId ?? 0) || undefined,
|
||||
}));
|
||||
return;
|
||||
}
|
||||
if (payload.event === 'teacher:student-violation') {
|
||||
const studentId = Number(payload.data?.studentId ?? 0);
|
||||
if (!studentId) return;
|
||||
playAlertSound();
|
||||
violationHandlers.forEach((h) => h({
|
||||
studentId,
|
||||
studentName: payload.data?.studentName || '',
|
||||
studentCode: payload.data?.studentCode || '',
|
||||
kind: String(payload.data?.kind || ''),
|
||||
reason: String(payload.data?.reason || ''),
|
||||
monitorMode: payload.data?.monitorMode || '',
|
||||
classId: Number(payload.data?.classId ?? 0) || undefined,
|
||||
examRoomId: Number(payload.data?.examRoomId ?? 0) || undefined,
|
||||
}));
|
||||
return;
|
||||
}
|
||||
if (payload.event !== 'chat:message') return;
|
||||
const msg = payload.data as ChatMessage;
|
||||
const targetStaff = Number(msg.targetStaffId ?? msg.staffId ?? 0);
|
||||
if (targetStaff > 0 && targetStaff !== staffIdRef.current) return;
|
||||
dispatch(msg);
|
||||
dispatchChat(msg);
|
||||
} catch {
|
||||
/* ignore */
|
||||
}
|
||||
};
|
||||
|
||||
ws.onclose = () => {
|
||||
clearPing();
|
||||
if (!closed) {
|
||||
retryTimer = setTimeout(connect, 3000);
|
||||
retryTimer = setTimeout(connect, scheduleBackoff(attempt++));
|
||||
}
|
||||
};
|
||||
};
|
||||
@@ -59,12 +150,13 @@ export function StaffChatSocket() {
|
||||
|
||||
return () => {
|
||||
closed = true;
|
||||
clearPing();
|
||||
if (retryTimer) clearTimeout(retryTimer);
|
||||
ws?.close();
|
||||
};
|
||||
}, [token, staff?.id, dispatch]);
|
||||
}, [token, staff?.id, dispatchChat]);
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
export { playChatSound };
|
||||
export { playChatSound, playAlertSound };
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,4 +1,4 @@
|
||||
export type SystemSection = 'organization' | 'network' | 'templates';
|
||||
export type SystemSection = 'organization' | 'network' | 'templates' | 'seating';
|
||||
|
||||
export type TabId = 'dashboard' | 'classes' | 'students' | 'learning' | 'exams' | 'system' | 'profile' | 'student-affairs' | 'applications';
|
||||
|
||||
@@ -17,6 +17,7 @@ export const SYSTEM_SECTION_LABELS: Record<SystemSection, string> = {
|
||||
organization: 'Tổ chức',
|
||||
network: 'Gói mạng',
|
||||
templates: 'Khung ứng dụng',
|
||||
seating: 'Sơ đồ chỗ ngồi',
|
||||
};
|
||||
|
||||
export const TAB_LABELS: Record<TabId, string> = {
|
||||
@@ -49,7 +50,7 @@ function isTabId(value: string | null): value is TabId {
|
||||
}
|
||||
|
||||
function isSystemSection(value: string | null): value is SystemSection {
|
||||
return value === 'organization' || value === 'network' || value === 'templates';
|
||||
return value === 'organization' || value === 'network' || value === 'templates' || value === 'seating';
|
||||
}
|
||||
|
||||
function resolveTabAndSection(tabParam: string | null): { tab: TabId; systemSection: SystemSection } {
|
||||
|
||||
@@ -35,3 +35,29 @@ export function playChatSound() {
|
||||
playTone(880, t, 0.12);
|
||||
playTone(1174, t + 0.14, 0.14);
|
||||
}
|
||||
|
||||
/** Louder alert for student violations (quit / kill app) */
|
||||
export function playAlertSound() {
|
||||
const ctx = getAudioCtx();
|
||||
if (!ctx) return;
|
||||
if (ctx.state === 'suspended') {
|
||||
void ctx.resume();
|
||||
}
|
||||
const playTone = (freq: number, start: number, duration: number) => {
|
||||
const osc = ctx.createOscillator();
|
||||
const gain = ctx.createGain();
|
||||
osc.type = 'square';
|
||||
osc.frequency.value = freq;
|
||||
gain.gain.setValueAtTime(0.0001, start);
|
||||
gain.gain.exponentialRampToValueAtTime(0.1, start + 0.02);
|
||||
gain.gain.exponentialRampToValueAtTime(0.0001, start + duration);
|
||||
osc.connect(gain);
|
||||
gain.connect(ctx.destination);
|
||||
osc.start(start);
|
||||
osc.stop(start + duration + 0.02);
|
||||
};
|
||||
const t = ctx.currentTime;
|
||||
playTone(520, t, 0.16);
|
||||
playTone(390, t + 0.18, 0.2);
|
||||
playTone(520, t + 0.4, 0.18);
|
||||
}
|
||||
|
||||
@@ -45,6 +45,7 @@ func FindActiveClassAndPeriodForStudent(db *gorm.DB, studentRkID int64) (int64,
|
||||
|
||||
var schedules []models.ClassSchedule
|
||||
if err := db.Where("class_rk_id IN ? AND is_active = ?", classRkIDs, true).Find(&schedules).Error; err != nil || len(schedules) == 0 {
|
||||
// Không có lớp nào có lịch học → trả về lớp đầu tiên
|
||||
return classRkIDs[0], 1
|
||||
}
|
||||
|
||||
@@ -52,6 +53,7 @@ func FindActiveClassAndPeriodForStudent(db *gorm.DB, studentRkID int64) (int64,
|
||||
day := scheduleDayIndex(now)
|
||||
currMin := now.Hour()*60 + now.Minute()
|
||||
|
||||
// Ưu tiên 1: Lớp có ca đang diễn ra ngay lúc này
|
||||
for _, s := range schedules {
|
||||
if s.DayOfWeek != day {
|
||||
continue
|
||||
@@ -67,6 +69,18 @@ func FindActiveClassAndPeriodForStudent(db *gorm.DB, studentRkID int64) (int64,
|
||||
}
|
||||
}
|
||||
|
||||
// Ưu tiên 2: Fallback về lớp đầu tiên CÓ lịch học (ưu tiên hơn lớp chỉ có allowed_apps)
|
||||
// Lấy tập hợp các class có schedules
|
||||
scheduledClassSet := map[int64]bool{}
|
||||
for _, s := range schedules {
|
||||
scheduledClassSet[s.ClassRkID] = true
|
||||
}
|
||||
for _, id := range classRkIDs {
|
||||
if scheduledClassSet[id] {
|
||||
return id, 1
|
||||
}
|
||||
}
|
||||
|
||||
return classRkIDs[0], 1
|
||||
}
|
||||
|
||||
|
||||
@@ -48,11 +48,15 @@ func AutoMigrate(db *gorm.DB) error {
|
||||
&models.ClassSchedule{},
|
||||
&models.ClassCourse{},
|
||||
&models.ClassAllowedApp{},
|
||||
&models.ClassSeatingLayout{},
|
||||
&models.ExamSeatingLayout{},
|
||||
&models.StaffMyClass{},
|
||||
&models.AppPoolEntry{},
|
||||
&models.AppTemplate{},
|
||||
&models.WifiPoolEntry{},
|
||||
&models.AcceptedWifi{},
|
||||
&models.StudentSession{},
|
||||
&models.StudentViolation{},
|
||||
&models.AttendanceResult{},
|
||||
&models.StaffAccount{},
|
||||
&models.EmailDomain{},
|
||||
@@ -69,6 +73,7 @@ func AutoMigrate(db *gorm.DB) error {
|
||||
&models.GuideLink{},
|
||||
&models.AppDownload{},
|
||||
&models.AppGuide{},
|
||||
&models.LocalLeaveRequest{},
|
||||
); err != nil {
|
||||
return err
|
||||
}
|
||||
|
||||
@@ -54,6 +54,11 @@ func ExamRoomCanCancel(room models.ExamRoom, now time.Time) bool {
|
||||
return ExamRoomIsLive(room, now)
|
||||
}
|
||||
|
||||
// ExamRoomCanExtend — gia hạn giờ kết thúc khi phòng đang thi.
|
||||
func ExamRoomCanExtend(room models.ExamRoom, now time.Time) bool {
|
||||
return ExamRoomIsLive(room, now)
|
||||
}
|
||||
|
||||
// ProcessExamRoomLifecycle đánh dấu phòng ready đã quá giờ kết thúc.
|
||||
func ProcessExamRoomLifecycle(db *gorm.DB) {
|
||||
now := time.Now()
|
||||
|
||||
@@ -2,6 +2,7 @@ package handlers
|
||||
|
||||
import (
|
||||
"context"
|
||||
"encoding/json"
|
||||
"fmt"
|
||||
"strconv"
|
||||
"time"
|
||||
@@ -542,3 +543,154 @@ func ListAttendanceShiftsHandler(db *gorm.DB) fiber.Handler {
|
||||
return c.JSON(fiber.Map{"data": out, "date": date, "dayOfWeek": dayOfWeek})
|
||||
}
|
||||
}
|
||||
|
||||
// GET /api/classes/:rkId/leave-requests
|
||||
func GetLeaveRequestsHandler(db *gorm.DB, qldtClient *qldt.Client) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
classRkID, _ := strconv.ParseInt(c.Params("rkId"), 10, 64)
|
||||
courseID, _ := strconv.ParseInt(c.Query("courseId"), 10, 64)
|
||||
date := c.Query("date", qldt.NowDateVN())
|
||||
|
||||
if courseID == 0 {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Missing courseId"})
|
||||
}
|
||||
|
||||
token := GetQldtToken(db)
|
||||
if token == "" {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "QLDT_TOKEN chưa cấu hình"})
|
||||
}
|
||||
|
||||
body, err := qldtClient.GetLeaveRequests(context.Background(), token, classRkID, courseID, date)
|
||||
if err != nil {
|
||||
return c.Status(fiber.StatusBadGateway).JSON(fiber.Map{"error": err.Error()})
|
||||
}
|
||||
|
||||
var data []map[string]interface{}
|
||||
if err := json.Unmarshal(body, &data); err != nil {
|
||||
var fallback any
|
||||
if errFallback := json.Unmarshal(body, &fallback); errFallback == nil {
|
||||
return c.JSON(fallback)
|
||||
}
|
||||
return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{"error": "Failed to parse QLDT response"})
|
||||
}
|
||||
|
||||
// Ghi đè trạng thái duyệt local nếu có
|
||||
var localReqs []models.LocalLeaveRequest
|
||||
if err := db.Find(&localReqs).Error; err == nil && len(localReqs) > 0 {
|
||||
localMap := make(map[int64]string)
|
||||
for _, lr := range localReqs {
|
||||
localMap[lr.LeaveID] = lr.Status
|
||||
}
|
||||
for i, item := range data {
|
||||
if idVal, ok := item["id"]; ok {
|
||||
var idInt int64
|
||||
switch v := idVal.(type) {
|
||||
case float64:
|
||||
idInt = int64(v)
|
||||
case int64:
|
||||
idInt = v
|
||||
case int:
|
||||
idInt = int64(v)
|
||||
}
|
||||
if localStatus, found := localMap[idInt]; found {
|
||||
data[i]["status"] = localStatus
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return c.JSON(data)
|
||||
}
|
||||
}
|
||||
|
||||
// POST /api/classes/:rkId/leave-requests/:leaveId/status
|
||||
func UpdateLeaveStatusHandler(db *gorm.DB, qldtClient *qldt.Client) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
classRkID, _ := strconv.ParseInt(c.Params("rkId"), 10, 64)
|
||||
leaveID, _ := strconv.ParseInt(c.Params("leaveId"), 10, 64)
|
||||
|
||||
var req struct {
|
||||
Status string `json:"status"` // "Phê duyệt" or "Từ chối"
|
||||
StudentRkID int64 `json:"studentRkId"`
|
||||
Date string `json:"date"`
|
||||
Period int `json:"period"`
|
||||
}
|
||||
if err := c.BodyParser(&req); err != nil {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Invalid body payload"})
|
||||
}
|
||||
|
||||
if req.Status != "Phê duyệt" && req.Status != "Từ chối" {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Trạng thái phê duyệt không hợp lệ"})
|
||||
}
|
||||
|
||||
// 1. Lưu trạng thái đơn phép vào database local thay vì gọi QLDT Portal API
|
||||
var localLeave models.LocalLeaveRequest
|
||||
errLocal := db.Where("leave_id = ?", leaveID).First(&localLeave).Error
|
||||
if errLocal == gorm.ErrRecordNotFound {
|
||||
localLeave = models.LocalLeaveRequest{
|
||||
LeaveID: leaveID,
|
||||
Status: req.Status,
|
||||
}
|
||||
if err := db.Create(&localLeave).Error; err != nil {
|
||||
return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{"error": "Lỗi lưu đơn phép local: " + err.Error()})
|
||||
}
|
||||
} else if errLocal == nil {
|
||||
localLeave.Status = req.Status
|
||||
if err := db.Save(&localLeave).Error; err != nil {
|
||||
return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{"error": "Lỗi cập nhật đơn phép local: " + err.Error()})
|
||||
}
|
||||
} else {
|
||||
return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{"error": errLocal.Error()})
|
||||
}
|
||||
|
||||
// 2. Nếu status là "Phê duyệt", tự động cập nhật điểm danh trong hệ thống của chúng ta thành "Nghỉ có phép"
|
||||
if req.Status == "Phê duyệt" {
|
||||
if req.StudentRkID == 0 || req.Date == "" || req.Period == 0 {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Thiếu thông tin cập nhật điểm danh (studentRkId, date, period)"})
|
||||
}
|
||||
|
||||
dayOfWeek, err := scheduleDayFromDate(req.Date)
|
||||
if err != nil {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Ngày không hợp lệ"})
|
||||
}
|
||||
|
||||
sched, err := resolveScheduleForPeriod(db, classRkID, dayOfWeek, req.Period)
|
||||
if err != nil || sched == nil {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Không tìm thấy lịch học cho ca này"})
|
||||
}
|
||||
|
||||
// Cập nhật hoặc Tạo mới AttendanceResult
|
||||
var row models.AttendanceResult
|
||||
errFind := db.Where("class_rk_id = ? AND session_date = ? AND period = ? AND student_rk_id = ?",
|
||||
classRkID, req.Date, req.Period, req.StudentRkID).First(&row).Error
|
||||
|
||||
if errFind == nil {
|
||||
// Cập nhật hàng có sẵn
|
||||
row.Status = 1 // Nghỉ có phép
|
||||
row.StatusLabel = "Nghỉ có phép"
|
||||
row.StatusEditedByTeacher = true
|
||||
if err := db.Save(&row).Error; err != nil {
|
||||
return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{"error": "Lỗi lưu điểm danh: " + err.Error()})
|
||||
}
|
||||
} else if errFind == gorm.ErrRecordNotFound {
|
||||
// Tạo mới hàng
|
||||
row = models.AttendanceResult{
|
||||
ClassRkID: classRkID,
|
||||
SessionDate: req.Date,
|
||||
Period: req.Period,
|
||||
StudentRkID: req.StudentRkID,
|
||||
Status: 1,
|
||||
StatusLabel: "Nghỉ có phép",
|
||||
StatusEditedByTeacher: true,
|
||||
}
|
||||
if err := db.Create(&row).Error; err != nil {
|
||||
return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{"error": "Lỗi tạo điểm danh: " + err.Error()})
|
||||
}
|
||||
} else {
|
||||
return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{"error": errFind.Error()})
|
||||
}
|
||||
}
|
||||
|
||||
return c.JSON(fiber.Map{"ok": true, "message": "Cập nhật đơn xin nghỉ thành công!"})
|
||||
}
|
||||
}
|
||||
|
||||
@@ -14,6 +14,7 @@ import (
|
||||
"time"
|
||||
|
||||
internalDb "server/internal/db"
|
||||
"server/internal/middleware"
|
||||
"server/internal/models"
|
||||
internalWs "server/internal/websocket"
|
||||
|
||||
@@ -21,7 +22,10 @@ import (
|
||||
"gorm.io/gorm"
|
||||
)
|
||||
|
||||
const defaultExamAllowedApps = "chrome,msedge,edge,acrobat,acrord32,foxit,wails,simple_care,client"
|
||||
|
||||
const systemAllowedApps = "explorer.exe,taskmgr.exe,cmd.exe,powershell.exe,conhost.exe,client.exe,simple_care_v1.0.exe,simple_care.exe,wails.exe,msedgewebview2.exe,code.exe,cursor.exe,windsurf.exe,goland.exe,goland64.exe,idea64.exe,clion64.exe,webstorm64.exe,pycharm64.exe,rider64.exe,studio64.exe,eclipse.exe,sublime_text.exe,notepad++.exe,devenv.exe,git-bash.exe,bash.exe,chsime.exe,ctfmon.exe,unikey.exe,unikeyvnt.exe,gotiengviet.exe,openkey.exe,openkey64.exe,applicationframehost.exe,dwm.exe,csrss.exe,consent.exe,finder,dock,windowserver,loginwindow,systemuiserver,controlcenter,notificationcenter,spotlight,vietnamese,pboard,securityagent,keychain,coreaudiod,terminal,iterm,iterm2,zsh,sh,osascript,system events,gnome-shell,mutter,xwayland,xorg,plasmashell,hyprland,sway,waybar,rofi,gdm3,sddm,lightdm,gnome-terminal,ptyxis,konsole,fcitx5,fcitx,ibus-daemon,ibus-x11,ibus-,dbus-daemon,systemd,nm-applet,blueman-applet,kdeconnectd,shellexperiencehost.exe,startmenuexperiencehost.exe,searchhost.exe,searchapp.exe,searchindexer.exe,sihost.exe,taskhostw.exe,taskbar.exe,lockapp.exe,logonui.exe,winlogon.exe,userinit.exe,runtimebroker.exe,backgroundtaskhost.exe,wwahost.exe,microsoftedgecp.exe,textinputhost.exe,chsime.exe,imetip.exe,imecmnt.exe,googlepinyin.exe,baidu.exe,credentialuibroker.exe,smartscreen.exe,securityhealthsystray.exe,securityhealthservice.exe,wscsvc.exe,msseces.exe,msmpeng.exe,nisSrv.exe,notificationplatformcontroller,systemsettings.exe,settingssynchostservice.exe,settingssynchost.exe,regsvc.exe,spoolsv.exe,tabtip.exe,tabtip32.exe,onedrive.exe,onedriveupdater.exe,narrator.exe,magnify.exe,osk.exe,audiodg.exe,sndvol.exe,cmediaaudiocontrolpanel.exe,wuauclt.exe,musnotifyicon.exe,windowsstore.exe,winstore.app.exe,nvdisplay.container.exe,nvcontainer.exe,nvinject.exe,nvtelemetrycontainer.exe,nvvsvc.exe,nvspcaps64.exe,geforce experience.exe,radeonsoftware.exe,amddvr.exe,igfxtray.exe,igfxem.exe,igfxhk.exe,hkcmd.exe,atk hub.exe,atkex.exe,asusoptimization.exe,avastui.exe,avgui.exe,mbam.exe,mbamtray.exe,bdagent.exe,uiseagnt.exe,eguiproxy.exe,resmon.exe,perfmon.exe,mmc.exe,pwsh.exe,windowsterminal.exe,wt.exe,mintty.exe,wsl.exe,wslhost.exe,launchpad,mission control,exposé,universalaccessd,accessibilityuiagent,inputmethodkit,ibus,hiragana kakomi input,kinput2,squirrel,scim,kotoeri,pinyin - simplified,zhuyin - traditional,abc,keychainservicesagent,trustd,opendirectoryd,authorizationhost,securityd,biometricd,touchidd,audioundockhelper,audio midi setup,noiseremoval,networkd,nesessionmanager,scutil,configd,mDNSResponder,mds,mds_stores,mdworker,mdworker_shared,bird,cloudd,com.apple.icloud,cloudphotod,nsurlsessiond,system preferences,system settings,software update,app store,screensaver engine,screensharingd,com.apple.screensaver,colorsyncd,colorsync utility,nightshift,display menu,printingproxy,cupsd,crashreporter,diagnosticsd,spindump,reportmemoryexception,webkit,com.apple.webkit,com.apple.webkit.networking,applescriptkit,applescript runner,rustdesk,anydesk,teamviewer,screen sharing,wezterm,kitty,alacritty,hyper,git,git-credential-manager,git-credential-osxkeychain,github desktop,sourcetree,fork,docker,docker desktop,com.docker,mutter-x11-fram,xorg,Xorg,x11,kwin_wayland,kwin_x11,wayfire,river,labwc,openbox,i3,i3bar,awesome,bspwm,xfwm4,marco,compiz,picom,compton,wl-paste,wl-copy,wlr-randr,kanshi,wlsunset,gammastep,swaylock,swayidle,swaybg,swaync,eww,ags,wofi,fuzzel,tofi,dmenu,bemenu,gdm,lxdm,slim,greetd,gnome-session-bi,lxsession,startx,xinit,gnome-terminal-,foot,xfce4-terminal,tilix,terminator,urxvt,rxvt,sakura,st,fish,dash,ksh,fcitx-,uim,sogou-qimpanel,gcin,kimpanel,gjs,gsd-,goa-identity-ser,evolution-,gnome-keyring-d,gnome-keyring,polkit-gnome-au,polkitd,gnome-settings-d,gnome-initial-se,gnome-control-ce,gvfsd,gvfsd-,tracker-miner-,tracker3,zeitgeist,zeitgeist-,accounts-daemon,colord,power-profiles-,fprintd,fwupd,udisksd,upowerd,packagekitd,nm-dispatcher,at-spi,at-spi-bus-laun,at-spi2-registr,dbus-launch,snapd-,snapd,nm-tray,network-manager-,blueman-tray,blueman-manager,kdeconnect-indi,dunst,mako,notify-osd,xfce4-notifyd,fnott,lxqt-policykit-,xfce-polkit,mate-polkit,pkttyagent,copyq,clipit,xclip,xsel,clipman,greenclip,glycin,zenity,yad,kdialog,webkit2gtk,WebKitWebProcess,WebKitNetworkPro,rustdesk-bin,remmina,clion,webstorm,pycharm,rider,studio,simple_care_v1.0,egui.exe,microsoftsecurityapp.exe,msascuil.exe,pickerhost.exe,seccenter.exe,mc-web-view.exe,rsappui.exe,avpui.exe,ksdeui.exe,n360.exe,nortonsecurity.exe,sophos ui.exe,bdwtxag.exe,activity monitor,passwords,xprotectservice,xprotect,malware removal tool,mrt,avast,bitdefender,norton,sophos,malwarebytes,eset,little snitch,lulu,update-notifier,apport-gtk,kgpg,ksecretd,clamtk,clamav,seahorse,kwalletd,gufw,firewalld,pkexec"
|
||||
|
||||
|
||||
|
||||
func examUploadRoot() string {
|
||||
if v := os.Getenv("UPLOAD_DIR"); v != "" {
|
||||
@@ -49,28 +53,23 @@ func validateExamRoomForPublish(db *gorm.DB, room *models.ExamRoom) []string {
|
||||
if strings.TrimSpace(room.AllowedApps) == "" {
|
||||
issues = append(issues, "Chưa cấu hình ứng dụng được phép khi thi")
|
||||
}
|
||||
var paperCount int64
|
||||
_ = db.Model(&models.ExamPaper{}).Where("exam_room_id = ?", room.ID).Count(&paperCount).Error
|
||||
if paperCount == 0 {
|
||||
issues = append(issues, "Chưa có gói đề (PDF + tài nguyên)")
|
||||
}
|
||||
var students []models.ExamRoomStudent
|
||||
_ = db.Where("exam_room_id = ?", room.ID).Find(&students).Error
|
||||
if len(students) == 0 {
|
||||
issues = append(issues, "Chưa có sinh viên trong phòng thi")
|
||||
}
|
||||
unassigned := 0
|
||||
for _, s := range students {
|
||||
if s.AssignedPaperID == nil {
|
||||
unassigned++
|
||||
}
|
||||
}
|
||||
if unassigned > 0 {
|
||||
issues = append(issues, fmt.Sprintf("Còn %d sinh viên chưa được chia gói đề", unassigned))
|
||||
}
|
||||
return issues
|
||||
}
|
||||
|
||||
func canModifyExamPapers(db *gorm.DB, room models.ExamRoom) bool {
|
||||
if room.Status != models.ExamStatusDraft && room.Status != models.ExamStatusReady {
|
||||
return false
|
||||
}
|
||||
var sentCount int64
|
||||
_ = db.Model(&models.ExamRoomStudent{}).Where("exam_room_id = ? AND paper_sent_at IS NOT NULL", room.ID).Count(&sentCount).Error
|
||||
return sentCount == 0
|
||||
}
|
||||
|
||||
// ProcessScheduledExamSends gửi đề đã hẹn giờ — gọi định kỳ từ main.
|
||||
func ProcessScheduledExamSends(db *gorm.DB) {
|
||||
internalDb.ProcessExamRoomLifecycle(db)
|
||||
@@ -122,15 +121,23 @@ func deliverExamPaper(db *gorm.DB, enrollmentID uint) {
|
||||
// GET /api/exam-rooms
|
||||
func ListExamRoomsHandler(db *gorm.DB) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
staffID := middleware.StaffIDFromCtx(c)
|
||||
mineOnly := c.Query("mine") == "1" || c.Query("mine") == "true"
|
||||
|
||||
q := db.Order("start_time desc")
|
||||
if mineOnly && staffID > 0 {
|
||||
q = q.Where("created_by_staff_id = ?", staffID)
|
||||
}
|
||||
var rooms []models.ExamRoom
|
||||
if err := db.Order("start_time desc").Find(&rooms).Error; err != nil {
|
||||
if err := q.Find(&rooms).Error; err != nil {
|
||||
return c.Status(500).JSON(fiber.Map{"error": err.Error()})
|
||||
}
|
||||
type row struct {
|
||||
models.ExamRoom
|
||||
StudentCount int `json:"studentCount"`
|
||||
PaperCount int `json:"paperCount"`
|
||||
DisplayStatus string `json:"displayStatus"`
|
||||
StudentCount int `json:"studentCount"`
|
||||
PaperCount int `json:"paperCount"`
|
||||
DisplayStatus string `json:"displayStatus"`
|
||||
CreatedByStaffID uint `json:"createdByStaffId"`
|
||||
}
|
||||
out := make([]row, 0, len(rooms))
|
||||
now := time.Now()
|
||||
@@ -142,10 +149,11 @@ func ListExamRoomsHandler(db *gorm.DB) fiber.Handler {
|
||||
_ = db.Model(&models.ExamRoomStudent{}).Where("exam_room_id = ?", r.ID).Count(&sc).Error
|
||||
_ = db.Model(&models.ExamPaper{}).Where("exam_room_id = ?", r.ID).Count(&pc).Error
|
||||
out = append(out, row{
|
||||
ExamRoom: r,
|
||||
StudentCount: int(sc),
|
||||
PaperCount: int(pc),
|
||||
DisplayStatus: internalDb.ExamDisplayStatus(r, now),
|
||||
ExamRoom: r,
|
||||
StudentCount: int(sc),
|
||||
PaperCount: int(pc),
|
||||
DisplayStatus: internalDb.ExamDisplayStatus(r, now),
|
||||
CreatedByStaffID: r.CreatedByStaffID,
|
||||
})
|
||||
}
|
||||
return c.JSON(fiber.Map{"data": out})
|
||||
@@ -178,16 +186,14 @@ func CreateExamRoomHandler(db *gorm.DB) fiber.Handler {
|
||||
return c.Status(400).JSON(fiber.Map{"error": "Giờ kết thúc phải sau giờ bắt đầu"})
|
||||
}
|
||||
apps := strings.TrimSpace(req.AllowedApps)
|
||||
if apps == "" {
|
||||
apps = defaultExamAllowedApps
|
||||
}
|
||||
room := models.ExamRoom{
|
||||
Name: req.Name,
|
||||
StartTime: start,
|
||||
EndTime: end,
|
||||
AllowedApps: apps,
|
||||
QuizURL: strings.TrimSpace(req.QuizURL),
|
||||
Status: models.ExamStatusDraft,
|
||||
Name: req.Name,
|
||||
StartTime: start,
|
||||
EndTime: end,
|
||||
AllowedApps: apps,
|
||||
QuizURL: strings.TrimSpace(req.QuizURL),
|
||||
Status: models.ExamStatusDraft,
|
||||
CreatedByStaffID: middleware.StaffIDFromCtx(c),
|
||||
}
|
||||
if err := db.Create(&room).Error; err != nil {
|
||||
return c.Status(500).JSON(fiber.Map{"error": err.Error()})
|
||||
@@ -264,8 +270,9 @@ func GetExamRoomHandler(db *gorm.DB) fiber.Handler {
|
||||
"editable": internalDb.ExamRoomEditable(room),
|
||||
"prepEditable": internalDb.ExamRoomPrepEditable(room, now),
|
||||
"canPublish": room.Status == models.ExamStatusDraft,
|
||||
"canUnpublish": internalDb.ExamRoomCanUnpublish(room, time.Now()),
|
||||
"canCancel": internalDb.ExamRoomCanCancel(room, time.Now()),
|
||||
"canUnpublish": internalDb.ExamRoomCanUnpublish(room, now),
|
||||
"canCancel": internalDb.ExamRoomCanCancel(room, now),
|
||||
"canExtend": internalDb.ExamRoomCanExtend(room, now),
|
||||
})
|
||||
}
|
||||
}
|
||||
@@ -302,9 +309,6 @@ func UpdateExamRoomHandler(db *gorm.DB) fiber.Handler {
|
||||
if err := db.First(&room, id).Error; err != nil {
|
||||
return c.Status(404).JSON(fiber.Map{"error": "Không tìm thấy"})
|
||||
}
|
||||
if !internalDb.ExamRoomEditable(room) {
|
||||
return c.Status(403).JSON(fiber.Map{"error": "Chỉ sửa được phòng thi ở trạng thái tạm thời"})
|
||||
}
|
||||
var req struct {
|
||||
Name *string `json:"name"`
|
||||
StartTime *string `json:"startTime"`
|
||||
@@ -315,6 +319,22 @@ func UpdateExamRoomHandler(db *gorm.DB) fiber.Handler {
|
||||
if err := c.BodyParser(&req); err != nil {
|
||||
return c.Status(400).JSON(fiber.Map{"error": "Invalid body"})
|
||||
}
|
||||
now := time.Now()
|
||||
ds := internalDb.ExamDisplayStatus(room, now)
|
||||
if !internalDb.ExamRoomEditable(room) {
|
||||
if ds == "active" {
|
||||
// Đang thi: chỉ cho sửa app được phép + giờ kết thúc (gia hạn)
|
||||
if req.Name != nil || req.StartTime != nil || req.QuizURL != nil {
|
||||
return c.Status(403).JSON(fiber.Map{"error": "Khi đang thi chỉ được sửa ứng dụng được phép hoặc gia hạn giờ kết thúc"})
|
||||
}
|
||||
} else if room.Status == models.ExamStatusReady {
|
||||
if req.Name != nil || req.StartTime != nil || req.EndTime != nil || req.QuizURL != nil {
|
||||
return c.Status(403).JSON(fiber.Map{"error": "Chỉ sửa được cấu hình ứng dụng được phép khi phòng thi đã đẩy hoặc đang thi"})
|
||||
}
|
||||
} else {
|
||||
return c.Status(403).JSON(fiber.Map{"error": "Chỉ sửa được phòng thi ở trạng thái tạm thời hoặc đang sẵn sàng/đang thi"})
|
||||
}
|
||||
}
|
||||
if req.Name != nil {
|
||||
room.Name = strings.TrimSpace(*req.Name)
|
||||
}
|
||||
@@ -330,6 +350,14 @@ func UpdateExamRoomHandler(db *gorm.DB) fiber.Handler {
|
||||
if err != nil {
|
||||
return c.Status(400).JSON(fiber.Map{"error": "endTime không hợp lệ"})
|
||||
}
|
||||
if ds == "active" {
|
||||
if !t.After(now) {
|
||||
return c.Status(400).JSON(fiber.Map{"error": "Giờ kết thúc mới phải sau thời điểm hiện tại"})
|
||||
}
|
||||
if !t.After(room.EndTime) {
|
||||
return c.Status(400).JSON(fiber.Map{"error": "Gia hạn phải chọn giờ kết thúc muộn hơn giờ hiện tại của phòng"})
|
||||
}
|
||||
}
|
||||
room.EndTime = t
|
||||
}
|
||||
if !room.EndTime.After(room.StartTime) {
|
||||
@@ -419,13 +447,54 @@ func CancelExamRoomHandler(db *gorm.DB) fiber.Handler {
|
||||
}
|
||||
}
|
||||
|
||||
// POST /api/exam-rooms/:id/extend — gia hạn thêm phút cho phòng đang thi
|
||||
func ExtendExamRoomHandler(db *gorm.DB) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
id, err := parseUintParam(c, "id")
|
||||
if err != nil {
|
||||
return c.Status(400).JSON(fiber.Map{"error": "Invalid id"})
|
||||
}
|
||||
var req struct {
|
||||
Minutes int `json:"minutes"`
|
||||
}
|
||||
if err := c.BodyParser(&req); err != nil {
|
||||
return c.Status(400).JSON(fiber.Map{"error": "Invalid body"})
|
||||
}
|
||||
if req.Minutes < 1 || req.Minutes > 480 {
|
||||
return c.Status(400).JSON(fiber.Map{"error": "Số phút gia hạn phải từ 1 đến 480"})
|
||||
}
|
||||
var room models.ExamRoom
|
||||
if err := db.First(&room, id).Error; err != nil {
|
||||
return c.Status(404).JSON(fiber.Map{"error": "Không tìm thấy"})
|
||||
}
|
||||
now := time.Now()
|
||||
if !internalDb.ExamRoomCanExtend(room, now) {
|
||||
return c.Status(403).JSON(fiber.Map{"error": "Chỉ gia hạn được phòng thi đang diễn ra"})
|
||||
}
|
||||
base := room.EndTime
|
||||
if !base.After(now) {
|
||||
base = now
|
||||
}
|
||||
room.EndTime = base.Add(time.Duration(req.Minutes) * time.Minute)
|
||||
if err := db.Save(&room).Error; err != nil {
|
||||
return c.Status(500).JSON(fiber.Map{"error": err.Error()})
|
||||
}
|
||||
return c.JSON(fiber.Map{
|
||||
"ok": true,
|
||||
"room": room,
|
||||
"displayStatus": internalDb.ExamDisplayStatus(room, time.Now()),
|
||||
"addedMinutes": req.Minutes,
|
||||
"endTime": room.EndTime,
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// DELETE /api/exam-rooms/:id
|
||||
func DeleteExamRoomHandler(db *gorm.DB) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
staffID := middleware.StaffIDFromCtx(c)
|
||||
email, _ := c.Locals("staffEmail").(string)
|
||||
if email != "phuocntb@rikkeiacademy.com" {
|
||||
return c.Status(403).JSON(fiber.Map{"error": "Bạn không có quyền thực hiện chức năng này"})
|
||||
}
|
||||
isSuperAdmin := email == "phuocntb@rikkeiacademy.com"
|
||||
|
||||
id, err := parseUintParam(c, "id")
|
||||
if err != nil {
|
||||
@@ -435,6 +504,9 @@ func DeleteExamRoomHandler(db *gorm.DB) fiber.Handler {
|
||||
if err := db.First(&room, id).Error; err != nil {
|
||||
return c.Status(404).JSON(fiber.Map{"error": "Không tìm thấy"})
|
||||
}
|
||||
if !isSuperAdmin && (room.CreatedByStaffID == 0 || room.CreatedByStaffID != staffID) {
|
||||
return c.Status(403).JSON(fiber.Map{"error": "Chỉ người tạo phòng hoặc admin mới được xóa"})
|
||||
}
|
||||
if internalDb.ExamRoomIsLive(room, time.Now()) {
|
||||
return c.Status(403).JSON(fiber.Map{"error": "Không thể xóa phòng thi đang diễn ra — hãy hủy phòng trước"})
|
||||
}
|
||||
@@ -450,6 +522,7 @@ func DeleteExamRoomHandler(db *gorm.DB) fiber.Handler {
|
||||
_ = db.Where("exam_paper_id = ?", p.ID).Delete(&models.ExamPaperResource{}).Error
|
||||
}
|
||||
_ = db.Where("exam_room_id = ?", id).Delete(&models.ExamPaper{}).Error
|
||||
_ = db.Where("exam_room_id = ?", id).Delete(&models.ExamSeatingLayout{}).Error
|
||||
_ = db.Delete(&room).Error
|
||||
return c.JSON(fiber.Map{"ok": true})
|
||||
}
|
||||
@@ -462,19 +535,42 @@ func SearchExamStudentsHandler(db *gorm.DB) fiber.Handler {
|
||||
if q == "" {
|
||||
return c.JSON(fiber.Map{"data": []any{}})
|
||||
}
|
||||
pat := "%" + q + "%"
|
||||
var ids []int64
|
||||
_ = db.Model(&models.Student{}).
|
||||
Where("full_name LIKE ? OR student_code LIKE ? OR email LIKE ?", pat, pat, pat).
|
||||
Limit(30).
|
||||
Pluck("rk_id", &ids).Error
|
||||
var classIDs []int64
|
||||
_ = db.Model(&models.Class{}).Where("class_code LIKE ? OR name LIKE ?", pat, pat).Pluck("rk_id", &classIDs).Error
|
||||
if len(classIDs) > 0 {
|
||||
var more []int64
|
||||
_ = db.Model(&models.ClassStudent{}).Where("class_rk_id IN ?", classIDs).Distinct().Pluck("student_rk_id", &more).Error
|
||||
ids = append(ids, more...)
|
||||
// Split search query by newline, comma, or semicolon
|
||||
var terms []string
|
||||
for _, line := range strings.FieldsFunc(q, func(r rune) bool {
|
||||
return r == '\n' || r == '\r' || r == ';' || r == ','
|
||||
}) {
|
||||
t := strings.TrimSpace(line)
|
||||
if t != "" {
|
||||
terms = append(terms, t)
|
||||
}
|
||||
}
|
||||
if len(terms) == 0 {
|
||||
return c.JSON(fiber.Map{"data": []any{}})
|
||||
}
|
||||
if len(terms) > 100 {
|
||||
terms = terms[:100]
|
||||
}
|
||||
|
||||
var ids []int64
|
||||
for _, term := range terms {
|
||||
pat := "%" + term + "%"
|
||||
var termIDs []int64
|
||||
_ = db.Model(&models.Student{}).
|
||||
Where("full_name LIKE ? OR student_code LIKE ? OR email LIKE ?", pat, pat, pat).
|
||||
Limit(30).
|
||||
Pluck("rk_id", &termIDs).Error
|
||||
ids = append(ids, termIDs...)
|
||||
|
||||
var classIDs []int64
|
||||
_ = db.Model(&models.Class{}).Where("class_code LIKE ? OR name LIKE ?", pat, pat).Pluck("rk_id", &classIDs).Error
|
||||
if len(classIDs) > 0 {
|
||||
var more []int64
|
||||
_ = db.Model(&models.ClassStudent{}).Where("class_rk_id IN ?", classIDs).Distinct().Pluck("student_rk_id", &more).Error
|
||||
ids = append(ids, more...)
|
||||
}
|
||||
}
|
||||
|
||||
seen := map[int64]bool{}
|
||||
uniq := make([]int64, 0)
|
||||
for _, id := range ids {
|
||||
@@ -483,12 +579,12 @@ func SearchExamStudentsHandler(db *gorm.DB) fiber.Handler {
|
||||
uniq = append(uniq, id)
|
||||
}
|
||||
}
|
||||
if len(uniq) > 40 {
|
||||
uniq = uniq[:40]
|
||||
if len(uniq) > 100 {
|
||||
uniq = uniq[:100]
|
||||
}
|
||||
var students []models.Student
|
||||
if len(uniq) > 0 {
|
||||
_ = db.Where("rk_id IN ?", uniq).Limit(40).Find(&students).Error
|
||||
_ = db.Where("rk_id IN ?", uniq).Limit(100).Find(&students).Error
|
||||
}
|
||||
type row struct {
|
||||
StudentRkID int64 `json:"studentRkId"`
|
||||
@@ -569,8 +665,9 @@ func RemoveExamRoomStudentHandler(db *gorm.DB) fiber.Handler {
|
||||
if err := db.First(&room, roomID).Error; err != nil {
|
||||
return c.Status(404).JSON(fiber.Map{"error": "Không tìm thấy"})
|
||||
}
|
||||
if !internalDb.ExamRoomPrepEditable(room, time.Now()) {
|
||||
return c.Status(403).JSON(fiber.Map{"error": "Phòng thi đã bắt đầu — không thể xóa sinh viên"})
|
||||
ds := internalDb.ExamDisplayStatus(room, time.Now())
|
||||
if ds == models.ExamStatusEnded {
|
||||
return c.Status(403).JSON(fiber.Map{"error": "Phòng thi đã kết thúc — không thể xóa sinh viên"})
|
||||
}
|
||||
_ = db.Where("exam_room_id = ? AND student_rk_id = ?", roomID, studentRkID).Delete(&models.ExamRoomStudent{}).Error
|
||||
return c.JSON(fiber.Map{"ok": true})
|
||||
@@ -588,9 +685,8 @@ func UploadExamPaperHandler(db *gorm.DB) fiber.Handler {
|
||||
if err := db.First(&room, roomID).Error; err != nil {
|
||||
return c.Status(404).JSON(fiber.Map{"error": "Không tìm thấy"})
|
||||
}
|
||||
now := time.Now()
|
||||
if !internalDb.ExamRoomPrepEditable(room, now) {
|
||||
return c.Status(403).JSON(fiber.Map{"error": "Chỉ thêm gói đề khi phòng tạm thời hoặc sẵn sàng (trước giờ thi)"})
|
||||
if !canModifyExamPapers(db, room) {
|
||||
return c.Status(403).JSON(fiber.Map{"error": "Không thể thêm gói đề khi đề đã được gửi cho sinh viên hoặc phòng thi đã kết thúc"})
|
||||
}
|
||||
form, err := c.MultipartForm()
|
||||
if err != nil {
|
||||
@@ -695,8 +791,8 @@ func UploadExamPaperResourceHandler(db *gorm.DB) fiber.Handler {
|
||||
if err := db.First(&room, roomID).Error; err != nil {
|
||||
return c.Status(404).JSON(fiber.Map{"error": "Không tìm thấy phòng"})
|
||||
}
|
||||
if !internalDb.ExamRoomPrepEditable(room, time.Now()) {
|
||||
return c.Status(403).JSON(fiber.Map{"error": "Phòng thi đã bắt đầu — không thể thêm tài nguyên"})
|
||||
if !canModifyExamPapers(db, room) {
|
||||
return c.Status(403).JSON(fiber.Map{"error": "Không thể thêm tài nguyên khi đề đã được gửi cho sinh viên hoặc phòng thi đã kết thúc"})
|
||||
}
|
||||
var paper models.ExamPaper
|
||||
if err := db.Where("id = ? AND exam_room_id = ?", paperID, roomID).First(&paper).Error; err != nil {
|
||||
@@ -742,14 +838,12 @@ func DeleteExamPaperHandler(db *gorm.DB) fiber.Handler {
|
||||
if err := db.First(&room, roomID).Error; err != nil {
|
||||
return c.Status(404).JSON(fiber.Map{"error": "Không tìm thấy"})
|
||||
}
|
||||
if !internalDb.ExamRoomPrepEditable(room, time.Now()) {
|
||||
return c.Status(403).JSON(fiber.Map{"error": "Phòng thi đã bắt đầu — không thể xóa gói đề"})
|
||||
}
|
||||
var assigned int64
|
||||
_ = db.Model(&models.ExamRoomStudent{}).Where("exam_room_id = ? AND assigned_paper_id = ?", roomID, paperID).Count(&assigned).Error
|
||||
if assigned > 0 {
|
||||
return c.Status(403).JSON(fiber.Map{"error": "Gói đề đã được gán cho sinh viên — không thể xóa"})
|
||||
if !canModifyExamPapers(db, room) {
|
||||
return c.Status(403).JSON(fiber.Map{"error": "Không thể xóa gói đề khi đề đã được gửi cho sinh viên hoặc phòng thi đã kết thúc"})
|
||||
}
|
||||
// Clear student assignments for this paper first
|
||||
_ = db.Model(&models.ExamRoomStudent{}).Where("exam_room_id = ? AND assigned_paper_id = ?", roomID, paperID).Update("assigned_paper_id", nil).Error
|
||||
|
||||
_ = os.RemoveAll(filepath.Join(examRoomDir(roomID), "papers", fmt.Sprintf("%d", paperID)))
|
||||
_ = db.Where("exam_paper_id = ?", paperID).Delete(&models.ExamPaperResource{}).Error
|
||||
_ = db.Where("id = ? AND exam_room_id = ?", paperID, roomID).Delete(&models.ExamPaper{}).Error
|
||||
@@ -768,8 +862,8 @@ func RandomAssignExamPapersHandler(db *gorm.DB) fiber.Handler {
|
||||
if err := db.First(&room, roomID).Error; err != nil {
|
||||
return c.Status(404).JSON(fiber.Map{"error": "Không tìm thấy"})
|
||||
}
|
||||
if !internalDb.ExamRoomPrepEditable(room, time.Now()) {
|
||||
return c.Status(403).JSON(fiber.Map{"error": "Chỉ chia gói đề khi phòng tạm thời hoặc sẵn sàng (trước giờ thi)"})
|
||||
if !canModifyExamPapers(db, room) {
|
||||
return c.Status(403).JSON(fiber.Map{"error": "Không thể chia gói đề khi đề đã được gửi cho sinh viên hoặc phòng thi đã kết thúc"})
|
||||
}
|
||||
var papers []models.ExamPaper
|
||||
if err := db.Where("exam_room_id = ?", roomID).Order("sort_order asc, id asc").Find(&papers).Error; err != nil || len(papers) == 0 {
|
||||
@@ -790,6 +884,43 @@ func RandomAssignExamPapersHandler(db *gorm.DB) fiber.Handler {
|
||||
}
|
||||
}
|
||||
|
||||
// POST /api/exam-rooms/:id/assign-papers-batch — chia đề theo sơ đồ chỗ ngồi (frontend tính toán)
|
||||
func AssignExamPapersBatchHandler(db *gorm.DB) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
roomID, err := parseUintParam(c, "id")
|
||||
if err != nil {
|
||||
return c.Status(400).JSON(fiber.Map{"error": "Invalid id"})
|
||||
}
|
||||
var room models.ExamRoom
|
||||
if err := db.First(&room, roomID).Error; err != nil {
|
||||
return c.Status(404).JSON(fiber.Map{"error": "Không tìm thấy phòng"})
|
||||
}
|
||||
if !canModifyExamPapers(db, room) {
|
||||
return c.Status(403).JSON(fiber.Map{"error": "Không thể chia gói đề khi đề đã gửi hoặc phòng thi đã kết thúc"})
|
||||
}
|
||||
var req struct {
|
||||
Assignments []struct {
|
||||
StudentRkID int64 `json:"studentRkId"`
|
||||
PaperID uint `json:"paperId"`
|
||||
} `json:"assignments"`
|
||||
}
|
||||
if err := c.BodyParser(&req); err != nil || len(req.Assignments) == 0 {
|
||||
return c.Status(400).JSON(fiber.Map{"error": "assignments rỗng hoặc không hợp lệ"})
|
||||
}
|
||||
count := 0
|
||||
for _, a := range req.Assignments {
|
||||
pid := a.PaperID
|
||||
res := db.Model(&models.ExamRoomStudent{}).
|
||||
Where("exam_room_id = ? AND student_rk_id = ?", roomID, a.StudentRkID).
|
||||
Update("assigned_paper_id", pid)
|
||||
if res.RowsAffected > 0 {
|
||||
count++
|
||||
}
|
||||
}
|
||||
return c.JSON(fiber.Map{"assigned": count})
|
||||
}
|
||||
}
|
||||
|
||||
// POST /api/exam-rooms/:id/send-papers
|
||||
func SendExamPapersHandler(db *gorm.DB) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
|
||||
@@ -6,6 +6,7 @@ import (
|
||||
"time"
|
||||
|
||||
internalDb "server/internal/db"
|
||||
"server/internal/auth"
|
||||
"server/internal/models"
|
||||
"server/internal/util"
|
||||
internalWs "server/internal/websocket"
|
||||
@@ -205,6 +206,92 @@ func DeleteClassScheduleHandler(db *gorm.DB) fiber.Handler {
|
||||
}
|
||||
}
|
||||
|
||||
// GET /api/classes/:rkId/schedule-conflicts - Kiểm tra sinh viên trùng với lớp đang giám sát có lịch học
|
||||
func GetClassScheduleConflictsHandler(db *gorm.DB) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
rkID, err := strconv.ParseInt(c.Params("rkId"), 10, 64)
|
||||
if err != nil {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Invalid class rkId"})
|
||||
}
|
||||
|
||||
// Lấy danh sách sinh viên của lớp muốn kích hoạt
|
||||
var newClassStudents []int64
|
||||
if err := db.Model(&models.ClassStudent{}).Where("class_rk_id = ?", rkID).Pluck("student_rk_id", &newClassStudents).Error; err != nil {
|
||||
return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{"error": err.Error()})
|
||||
}
|
||||
if len(newClassStudents) == 0 {
|
||||
return c.JSON(fiber.Map{"conflicts": []any{}, "ok": true})
|
||||
}
|
||||
|
||||
// Tìm các lớp đang giám sát CÓ lịch học (không bao gồm lớp đang được kiểm tra)
|
||||
var activeClassIDs []int64
|
||||
if err := db.Model(&models.ClassSchedule{}).Distinct("class_rk_id").Pluck("class_rk_id", &activeClassIDs).Error; err != nil {
|
||||
return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{"error": err.Error()})
|
||||
}
|
||||
|
||||
// Lọc bỏ chính lớp đang kiểm tra
|
||||
var otherActiveIDs []int64
|
||||
for _, id := range activeClassIDs {
|
||||
if id != rkID {
|
||||
otherActiveIDs = append(otherActiveIDs, id)
|
||||
}
|
||||
}
|
||||
if len(otherActiveIDs) == 0 {
|
||||
return c.JSON(fiber.Map{"conflicts": []any{}, "ok": true})
|
||||
}
|
||||
|
||||
// Tìm sinh viên trùng
|
||||
var overlappingStudentIDs []int64
|
||||
if err := db.Model(&models.ClassStudent{}).
|
||||
Where("class_rk_id IN ? AND student_rk_id IN ?", otherActiveIDs, newClassStudents).
|
||||
Pluck("student_rk_id", &overlappingStudentIDs).Error; err != nil {
|
||||
return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{"error": err.Error()})
|
||||
}
|
||||
if len(overlappingStudentIDs) == 0 {
|
||||
return c.JSON(fiber.Map{"conflicts": []any{}, "ok": true})
|
||||
}
|
||||
|
||||
// Lấy thông tin sinh viên và lớp bị trùng
|
||||
type conflictItem struct {
|
||||
StudentRkID int64 `json:"studentRkId"`
|
||||
FullName string `json:"fullName"`
|
||||
StudentCode string `json:"studentCode"`
|
||||
ConflictClassRkID int64 `json:"conflictClassRkId"`
|
||||
ConflictClassName string `json:"conflictClassName"`
|
||||
ConflictClassCode string `json:"conflictClassCode"`
|
||||
}
|
||||
|
||||
var conflicts []conflictItem
|
||||
for _, sid := range overlappingStudentIDs {
|
||||
var st models.Student
|
||||
if err := db.Where("rk_id = ?", sid).First(&st).Error; err != nil {
|
||||
continue
|
||||
}
|
||||
var classIDs []int64
|
||||
_ = db.Model(&models.ClassStudent{}).Where("class_rk_id IN ? AND student_rk_id = ?", otherActiveIDs, sid).Pluck("class_rk_id", &classIDs)
|
||||
for _, cid := range classIDs {
|
||||
var cls models.Class
|
||||
if err := db.Where("rk_id = ?", cid).First(&cls).Error; err != nil {
|
||||
continue
|
||||
}
|
||||
conflicts = append(conflicts, conflictItem{
|
||||
StudentRkID: sid,
|
||||
FullName: st.FullName,
|
||||
StudentCode: st.StudentCode,
|
||||
ConflictClassRkID: cid,
|
||||
ConflictClassName: cls.Name,
|
||||
ConflictClassCode: cls.ClassCode,
|
||||
})
|
||||
}
|
||||
}
|
||||
if conflicts == nil {
|
||||
conflicts = []conflictItem{}
|
||||
}
|
||||
|
||||
return c.JSON(fiber.Map{"conflicts": conflicts, "ok": len(conflicts) == 0})
|
||||
}
|
||||
}
|
||||
|
||||
func parseTimeMinutes(tStr string) int {
|
||||
parts := strings.Split(tStr, ":")
|
||||
if len(parts) != 2 {
|
||||
@@ -231,7 +318,9 @@ func GetAllowedAppsHandler(db *gorm.DB) fiber.Handler {
|
||||
if examInfo := internalDb.FindActiveExamForStudent(db, studentID); examInfo != nil {
|
||||
keywords := strings.TrimSpace(examInfo.Room.AllowedApps)
|
||||
if keywords == "" {
|
||||
keywords = defaultExamAllowedApps
|
||||
keywords = systemAllowedApps
|
||||
} else {
|
||||
keywords = keywords + "," + systemAllowedApps
|
||||
}
|
||||
return c.JSON(fiber.Map{
|
||||
"classRkId": rkID,
|
||||
@@ -255,6 +344,22 @@ func GetAllowedAppsHandler(db *gorm.DB) fiber.Handler {
|
||||
errApp := db.Where("class_rk_id = ?", rkID).First(&appConfig).Error
|
||||
hasAppsConfigured := (errApp == nil && strings.TrimSpace(appConfig.Keywords) != "")
|
||||
|
||||
// Nếu là request từ Staff (có Authorization Bearer token hợp lệ), trả về trực tiếp danh sách keywords đã lưu
|
||||
authHeader := c.Get("Authorization")
|
||||
if authHeader != "" && strings.HasPrefix(authHeader, "Bearer ") {
|
||||
token := strings.TrimSpace(strings.TrimPrefix(authHeader, "Bearer "))
|
||||
if _, err := auth.ParseToken(token); err == nil {
|
||||
keywords := ""
|
||||
if errApp == nil {
|
||||
keywords = appConfig.Keywords
|
||||
}
|
||||
return c.JSON(fiber.Map{
|
||||
"classRkId": rkID,
|
||||
"keywords": keywords,
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// 2. Kiểm tra xem có trong giờ học không
|
||||
var schedules []models.ClassSchedule
|
||||
errSched := db.Where("class_rk_id = ?", rkID).Find(&schedules).Error
|
||||
@@ -307,7 +412,17 @@ func GetAllowedAppsHandler(db *gorm.DB) fiber.Handler {
|
||||
})
|
||||
}
|
||||
|
||||
return c.JSON(appConfig)
|
||||
keywords := strings.TrimSpace(appConfig.Keywords)
|
||||
if keywords != "" {
|
||||
keywords = keywords + "," + systemAllowedApps
|
||||
} else {
|
||||
keywords = systemAllowedApps
|
||||
}
|
||||
return c.JSON(fiber.Map{
|
||||
"classRkId": appConfig.ClassRkID,
|
||||
"keywords": keywords,
|
||||
"exit": false,
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
@@ -620,6 +735,263 @@ func ReportBlockedAppHandler(db *gorm.DB) fiber.Handler {
|
||||
}
|
||||
}
|
||||
|
||||
// POST /api/student/report-violation — SV tắt app / vi phạm khi đang giám sát
|
||||
func ReportViolationHandler(db *gorm.DB) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
var req struct {
|
||||
StudentRkID int64 `json:"studentRkId"`
|
||||
Kind string `json:"kind"`
|
||||
Reason string `json:"reason"`
|
||||
MonitorMode string `json:"monitorMode"`
|
||||
ClientAt string `json:"clientAt"` // RFC3339 optional
|
||||
ClassRkID int64 `json:"classRkId"`
|
||||
ExamRoomID uint `json:"examRoomId"`
|
||||
}
|
||||
if err := c.BodyParser(&req); err != nil {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Invalid payload format"})
|
||||
}
|
||||
if req.StudentRkID <= 0 || strings.TrimSpace(req.Kind) == "" {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "studentRkId and kind are required"})
|
||||
}
|
||||
|
||||
monitorMode := strings.TrimSpace(req.MonitorMode)
|
||||
// Chỉ lưu khi đang thi hoặc đang học — ngoài giờ / chưa cấu hình bỏ qua
|
||||
if monitorMode != "exam" && monitorMode != "learning" {
|
||||
return c.JSON(fiber.Map{"ok": true, "skipped": true, "reason": "not_in_exam_or_learning"})
|
||||
}
|
||||
|
||||
kind := strings.ToLower(strings.TrimSpace(req.Kind))
|
||||
reason := strings.TrimSpace(req.Reason)
|
||||
if reason == "" {
|
||||
reason = kind
|
||||
}
|
||||
|
||||
classID := req.ClassRkID
|
||||
if classID <= 0 {
|
||||
classID = internalDb.FindActiveClassForStudent(db, req.StudentRkID)
|
||||
}
|
||||
|
||||
examRoomID := req.ExamRoomID
|
||||
if examRoomID == 0 && monitorMode == "exam" {
|
||||
if examInfo := internalDb.FindActiveExamForStudent(db, req.StudentRkID); examInfo != nil {
|
||||
examRoomID = examInfo.Room.ID
|
||||
}
|
||||
}
|
||||
|
||||
clientAt := time.Now()
|
||||
if t, err := time.Parse(time.RFC3339, strings.TrimSpace(req.ClientAt)); err == nil {
|
||||
clientAt = t
|
||||
}
|
||||
|
||||
row := models.StudentViolation{
|
||||
StudentRkID: req.StudentRkID,
|
||||
ClassRkID: classID,
|
||||
ExamRoomID: examRoomID,
|
||||
Kind: kind,
|
||||
Reason: reason,
|
||||
MonitorMode: monitorMode,
|
||||
ClientAt: clientAt,
|
||||
}
|
||||
if err := db.Create(&row).Error; err != nil {
|
||||
return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{"error": err.Error()})
|
||||
}
|
||||
|
||||
studentName := ""
|
||||
studentCode := ""
|
||||
var st models.Student
|
||||
if err := db.Where("rk_id = ?", req.StudentRkID).First(&st).Error; err == nil {
|
||||
studentName = st.FullName
|
||||
studentCode = st.StudentCode
|
||||
}
|
||||
|
||||
// Cố ý tắt / crash / môi trường → offline ngay, không dùng grace 8s
|
||||
switch kind {
|
||||
case "app_closed", "unclean_shutdown", "wifi",
|
||||
"guard", "multi_monitor", "user_switch", "session_change", "virtual_desktop":
|
||||
internalWs.Hub.ForceStudentOffline(req.StudentRkID)
|
||||
}
|
||||
|
||||
internalWs.Hub.BroadcastStudentViolation(map[string]any{
|
||||
"id": row.ID,
|
||||
"studentId": req.StudentRkID,
|
||||
"studentName": studentName,
|
||||
"studentCode": studentCode,
|
||||
"classId": classID,
|
||||
"examRoomId": examRoomID,
|
||||
"kind": kind,
|
||||
"reason": reason,
|
||||
"monitorMode": row.MonitorMode,
|
||||
"clientAt": clientAt.Format(time.RFC3339),
|
||||
"createdAt": row.CreatedAt.Format(time.RFC3339),
|
||||
})
|
||||
|
||||
return c.JSON(fiber.Map{"ok": true, "id": row.ID, "classRkId": classID, "examRoomId": examRoomID})
|
||||
}
|
||||
}
|
||||
|
||||
type studentViolationItem struct {
|
||||
ID uint `json:"id"`
|
||||
StudentRkID int64 `json:"studentRkId"`
|
||||
StudentCode string `json:"studentCode"`
|
||||
FullName string `json:"fullName"`
|
||||
ClassRkID int64 `json:"classRkId"`
|
||||
ExamRoomID uint `json:"examRoomId"`
|
||||
Kind string `json:"kind"`
|
||||
Reason string `json:"reason"`
|
||||
MonitorMode string `json:"monitorMode"`
|
||||
ClientAt time.Time `json:"clientAt"`
|
||||
CreatedAt time.Time `json:"createdAt"`
|
||||
}
|
||||
|
||||
// GET /api/classes/:rkId/violations?date=YYYY-MM-DD&kind=
|
||||
func ListClassViolationsHandler(db *gorm.DB) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
classRkID, err := strconv.ParseInt(c.Params("rkId"), 10, 64)
|
||||
if err != nil {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Invalid class rkId"})
|
||||
}
|
||||
date := c.Query("date")
|
||||
if date == "" {
|
||||
date = time.Now().Format("2006-01-02")
|
||||
}
|
||||
kindFilter := strings.TrimSpace(c.Query("kind", ""))
|
||||
|
||||
var mappings []models.ClassStudent
|
||||
if err := db.Where("class_rk_id = ?", classRkID).Find(&mappings).Error; err != nil {
|
||||
return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{"error": err.Error()})
|
||||
}
|
||||
if len(mappings) == 0 {
|
||||
return c.JSON(fiber.Map{"data": []any{}, "date": date})
|
||||
}
|
||||
studentIDs := make([]int64, 0, len(mappings))
|
||||
for _, m := range mappings {
|
||||
studentIDs = append(studentIDs, m.StudentRkID)
|
||||
}
|
||||
|
||||
var students []models.Student
|
||||
if err := db.Where("rk_id IN ?", studentIDs).Find(&students).Error; err != nil {
|
||||
return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{"error": err.Error()})
|
||||
}
|
||||
nameByID := map[int64]models.Student{}
|
||||
for _, st := range students {
|
||||
nameByID[st.RkID] = st
|
||||
}
|
||||
|
||||
dayStart, err := time.ParseInLocation("2006-01-02", date, time.Local)
|
||||
if err != nil {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Invalid date"})
|
||||
}
|
||||
dayEnd := dayStart.Add(24 * time.Hour)
|
||||
|
||||
// Ưu tiên vi phạm gắn đúng lớp; fallback bản ghi cũ (class_rk_id=0) của SV trong lớp khi đang học
|
||||
q := db.Where(
|
||||
"created_at >= ? AND created_at < ? AND ((class_rk_id = ?) OR (class_rk_id = 0 AND monitor_mode = ? AND student_rk_id IN ?))",
|
||||
dayStart, dayEnd, classRkID, "learning", studentIDs,
|
||||
)
|
||||
if kindFilter != "" {
|
||||
q = q.Where("kind = ?", kindFilter)
|
||||
}
|
||||
var rows []models.StudentViolation
|
||||
if err := q.Order("created_at desc").Limit(500).Find(&rows).Error; err != nil {
|
||||
return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{"error": err.Error()})
|
||||
}
|
||||
|
||||
out := make([]studentViolationItem, 0, len(rows))
|
||||
for _, r := range rows {
|
||||
st := nameByID[r.StudentRkID]
|
||||
if st.RkID == 0 {
|
||||
_ = db.Where("rk_id = ?", r.StudentRkID).First(&st).Error
|
||||
}
|
||||
out = append(out, studentViolationItem{
|
||||
ID: r.ID,
|
||||
StudentRkID: r.StudentRkID,
|
||||
StudentCode: st.StudentCode,
|
||||
FullName: st.FullName,
|
||||
ClassRkID: r.ClassRkID,
|
||||
ExamRoomID: r.ExamRoomID,
|
||||
Kind: r.Kind,
|
||||
Reason: r.Reason,
|
||||
MonitorMode: r.MonitorMode,
|
||||
ClientAt: r.ClientAt,
|
||||
CreatedAt: r.CreatedAt,
|
||||
})
|
||||
}
|
||||
return c.JSON(fiber.Map{"data": out, "date": date})
|
||||
}
|
||||
}
|
||||
|
||||
// GET /api/exam-rooms/:id/violations?date=YYYY-MM-DD
|
||||
func ListExamRoomViolationsHandler(db *gorm.DB) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
id, err := strconv.ParseUint(c.Params("id"), 10, 64)
|
||||
if err != nil {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Invalid exam room id"})
|
||||
}
|
||||
date := c.Query("date")
|
||||
if date == "" {
|
||||
date = time.Now().Format("2006-01-02")
|
||||
}
|
||||
kindFilter := strings.TrimSpace(c.Query("kind", ""))
|
||||
|
||||
var roster []models.ExamRoomStudent
|
||||
if err := db.Where("exam_room_id = ?", id).Find(&roster).Error; err != nil {
|
||||
return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{"error": err.Error()})
|
||||
}
|
||||
if len(roster) == 0 {
|
||||
return c.JSON(fiber.Map{"data": []any{}, "date": date})
|
||||
}
|
||||
studentIDs := make([]int64, 0, len(roster))
|
||||
for _, s := range roster {
|
||||
studentIDs = append(studentIDs, s.StudentRkID)
|
||||
}
|
||||
|
||||
var students []models.Student
|
||||
_ = db.Where("rk_id IN ?", studentIDs).Find(&students)
|
||||
nameByID := map[int64]models.Student{}
|
||||
for _, st := range students {
|
||||
nameByID[st.RkID] = st
|
||||
}
|
||||
|
||||
dayStart, err := time.ParseInLocation("2006-01-02", date, time.Local)
|
||||
if err != nil {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Invalid date"})
|
||||
}
|
||||
dayEnd := dayStart.Add(24 * time.Hour)
|
||||
|
||||
// Ưu tiên exam_room_id; fallback bản ghi cũ (exam_room_id=0, mode=exam) của SV trong phòng
|
||||
q := db.Where(
|
||||
"created_at >= ? AND created_at < ? AND ((exam_room_id = ?) OR (exam_room_id = 0 AND monitor_mode = ? AND student_rk_id IN ?))",
|
||||
dayStart, dayEnd, id, "exam", studentIDs,
|
||||
)
|
||||
if kindFilter != "" {
|
||||
q = q.Where("kind = ?", kindFilter)
|
||||
}
|
||||
var rows []models.StudentViolation
|
||||
if err := q.Order("created_at desc").Limit(500).Find(&rows).Error; err != nil {
|
||||
return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{"error": err.Error()})
|
||||
}
|
||||
|
||||
out := make([]studentViolationItem, 0, len(rows))
|
||||
for _, r := range rows {
|
||||
st := nameByID[r.StudentRkID]
|
||||
out = append(out, studentViolationItem{
|
||||
ID: r.ID,
|
||||
StudentRkID: r.StudentRkID,
|
||||
StudentCode: st.StudentCode,
|
||||
FullName: st.FullName,
|
||||
ClassRkID: r.ClassRkID,
|
||||
ExamRoomID: r.ExamRoomID,
|
||||
Kind: r.Kind,
|
||||
Reason: r.Reason,
|
||||
MonitorMode: r.MonitorMode,
|
||||
ClientAt: r.ClientAt,
|
||||
CreatedAt: r.CreatedAt,
|
||||
})
|
||||
}
|
||||
return c.JSON(fiber.Map{"data": out, "date": date})
|
||||
}
|
||||
}
|
||||
|
||||
// GET /api/app-pool — kho app bị chặn toàn hệ thống (?q= tìm kiếm, limit= mặc định 50)
|
||||
func ListAppPoolHandler(db *gorm.DB) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
|
||||
184
server/internal/handlers/handlers_seating.go
Normal file
184
server/internal/handlers/handlers_seating.go
Normal file
@@ -0,0 +1,184 @@
|
||||
package handlers
|
||||
|
||||
import (
|
||||
"errors"
|
||||
"strconv"
|
||||
"time"
|
||||
|
||||
"server/internal/middleware"
|
||||
"server/internal/models"
|
||||
|
||||
"github.com/gofiber/fiber/v2"
|
||||
"gorm.io/gorm"
|
||||
"gorm.io/gorm/clause"
|
||||
)
|
||||
|
||||
// GET /classes/:rkId/seating-layout
|
||||
func GetClassSeatingLayoutHandler(db *gorm.DB) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
classRkID, err := strconv.ParseInt(c.Params("rkId"), 10, 64)
|
||||
if err != nil {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Invalid class ID"})
|
||||
}
|
||||
var layout models.ClassSeatingLayout
|
||||
if err := db.Where("class_rk_id = ?", classRkID).First(&layout).Error; err != nil {
|
||||
if errors.Is(err, gorm.ErrRecordNotFound) {
|
||||
return c.JSON(fiber.Map{"layoutJson": nil})
|
||||
}
|
||||
return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{"error": err.Error()})
|
||||
}
|
||||
return c.JSON(fiber.Map{"layoutJson": layout.LayoutJSON})
|
||||
}
|
||||
}
|
||||
|
||||
// PUT /classes/:rkId/seating-layout
|
||||
func PutClassSeatingLayoutHandler(db *gorm.DB) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
classRkID, err := strconv.ParseInt(c.Params("rkId"), 10, 64)
|
||||
if err != nil {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Invalid class ID"})
|
||||
}
|
||||
var body struct {
|
||||
LayoutJSON string `json:"layoutJson"`
|
||||
}
|
||||
if err := c.BodyParser(&body); err != nil {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Invalid body"})
|
||||
}
|
||||
if body.LayoutJSON == "" {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "layoutJson is required"})
|
||||
}
|
||||
layout := models.ClassSeatingLayout{
|
||||
ClassRkID: classRkID,
|
||||
LayoutJSON: body.LayoutJSON,
|
||||
UpdatedAt: time.Now(),
|
||||
}
|
||||
result := db.Clauses(clause.OnConflict{
|
||||
Columns: []clause.Column{{Name: "class_rk_id"}},
|
||||
DoUpdates: clause.AssignmentColumns([]string{"layout_json", "updated_at"}),
|
||||
}).Create(&layout)
|
||||
if result.Error != nil {
|
||||
return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{"error": result.Error.Error()})
|
||||
}
|
||||
return c.JSON(fiber.Map{"ok": true})
|
||||
}
|
||||
}
|
||||
|
||||
// DELETE /classes/:rkId/seating-layout
|
||||
func DeleteClassSeatingLayoutHandler(db *gorm.DB) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
classRkID, err := strconv.ParseInt(c.Params("rkId"), 10, 64)
|
||||
if err != nil {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Invalid class ID"})
|
||||
}
|
||||
db.Where("class_rk_id = ?", classRkID).Delete(&models.ClassSeatingLayout{})
|
||||
return c.JSON(fiber.Map{"ok": true})
|
||||
}
|
||||
}
|
||||
|
||||
// GET /exam-rooms/:id/seating-layout
|
||||
func GetExamSeatingLayoutHandler(db *gorm.DB) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
examID, err := strconv.ParseUint(c.Params("id"), 10, 64)
|
||||
if err != nil {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Invalid exam room ID"})
|
||||
}
|
||||
var layout models.ExamSeatingLayout
|
||||
if err := db.Where("exam_room_id = ?", examID).First(&layout).Error; err != nil {
|
||||
if errors.Is(err, gorm.ErrRecordNotFound) {
|
||||
return c.JSON(fiber.Map{"layoutJson": nil})
|
||||
}
|
||||
return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{"error": err.Error()})
|
||||
}
|
||||
return c.JSON(fiber.Map{"layoutJson": layout.LayoutJSON})
|
||||
}
|
||||
}
|
||||
|
||||
// PUT /exam-rooms/:id/seating-layout
|
||||
func PutExamSeatingLayoutHandler(db *gorm.DB) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
examID, err := strconv.ParseUint(c.Params("id"), 10, 64)
|
||||
if err != nil {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Invalid exam room ID"})
|
||||
}
|
||||
var body struct {
|
||||
LayoutJSON string `json:"layoutJson"`
|
||||
}
|
||||
if err := c.BodyParser(&body); err != nil || body.LayoutJSON == "" {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "layoutJson is required"})
|
||||
}
|
||||
layout := models.ExamSeatingLayout{
|
||||
ExamRoomID: uint(examID),
|
||||
LayoutJSON: body.LayoutJSON,
|
||||
UpdatedAt: time.Now(),
|
||||
}
|
||||
result := db.Clauses(clause.OnConflict{
|
||||
Columns: []clause.Column{{Name: "exam_room_id"}},
|
||||
DoUpdates: clause.AssignmentColumns([]string{"layout_json", "updated_at"}),
|
||||
}).Create(&layout)
|
||||
if result.Error != nil {
|
||||
return c.Status(fiber.StatusInternalServerError).JSON(fiber.Map{"error": result.Error.Error()})
|
||||
}
|
||||
return c.JSON(fiber.Map{"ok": true})
|
||||
}
|
||||
}
|
||||
|
||||
// DELETE /exam-rooms/:id/seating-layout
|
||||
func DeleteExamSeatingLayoutHandler(db *gorm.DB) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
examID, err := strconv.ParseUint(c.Params("id"), 10, 64)
|
||||
if err != nil {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Invalid exam room ID"})
|
||||
}
|
||||
db.Where("exam_room_id = ?", examID).Delete(&models.ExamSeatingLayout{})
|
||||
return c.JSON(fiber.Map{"ok": true})
|
||||
}
|
||||
}
|
||||
|
||||
// GET /staff/my-classes
|
||||
func GetMyClassesHandler(db *gorm.DB) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
staffID := middleware.StaffIDFromCtx(c)
|
||||
type classRow struct {
|
||||
RkID int64 `json:"rkId"`
|
||||
Name string `json:"name"`
|
||||
ClassCode string `json:"classCode"`
|
||||
}
|
||||
var rows []classRow
|
||||
db.Table("staff_my_classes").
|
||||
Select("classes.rk_id, classes.name, classes.class_code").
|
||||
Joins("JOIN classes ON classes.rk_id = staff_my_classes.class_rk_id").
|
||||
Where("staff_my_classes.staff_id = ?", staffID).
|
||||
Scan(&rows)
|
||||
if rows == nil {
|
||||
rows = []classRow{}
|
||||
}
|
||||
return c.JSON(fiber.Map{"data": rows})
|
||||
}
|
||||
}
|
||||
|
||||
// POST /staff/my-classes/:classRkId
|
||||
func AddMyClassHandler(db *gorm.DB) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
staffID := middleware.StaffIDFromCtx(c)
|
||||
classRkID, err := strconv.ParseInt(c.Params("classRkId"), 10, 64)
|
||||
if err != nil {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Invalid class ID"})
|
||||
}
|
||||
rec := models.StaffMyClass{StaffID: staffID, ClassRkID: classRkID}
|
||||
db.Clauses(clause.OnConflict{DoNothing: true}).Create(&rec)
|
||||
return c.JSON(fiber.Map{"ok": true})
|
||||
}
|
||||
}
|
||||
|
||||
// DELETE /staff/my-classes/:classRkId
|
||||
func RemoveMyClassHandler(db *gorm.DB) fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
staffID := middleware.StaffIDFromCtx(c)
|
||||
classRkID, err := strconv.ParseInt(c.Params("classRkId"), 10, 64)
|
||||
if err != nil {
|
||||
return c.Status(fiber.StatusBadRequest).JSON(fiber.Map{"error": "Invalid class ID"})
|
||||
}
|
||||
db.Where("staff_id = ? AND class_rk_id = ?", staffID, classRkID).Delete(&models.StaffMyClass{})
|
||||
return c.JSON(fiber.Map{"ok": true})
|
||||
}
|
||||
}
|
||||
@@ -90,6 +90,9 @@ func GetStudentStatusHandler(db *gorm.DB) fiber.Handler {
|
||||
if err := db.Where("class_rk_id = ?", classID).First(&appConfig).Error; err == nil {
|
||||
keywords = strings.TrimSpace(appConfig.Keywords)
|
||||
hasApps = keywords != ""
|
||||
if hasApps {
|
||||
keywords = keywords + "," + systemAllowedApps
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -173,7 +176,9 @@ func GetStudentStatusHandler(db *gorm.DB) fiber.Handler {
|
||||
if examInfo := internalDb.FindActiveExamForStudent(db, studentID); examInfo != nil {
|
||||
examKeywords := strings.TrimSpace(examInfo.Room.AllowedApps)
|
||||
if examKeywords == "" {
|
||||
examKeywords = defaultExamAllowedApps
|
||||
examKeywords = systemAllowedApps
|
||||
} else {
|
||||
examKeywords = examKeywords + "," + systemAllowedApps
|
||||
}
|
||||
paperSent := examInfo.Enrollment.PaperSentAt != nil
|
||||
var subCount int64
|
||||
|
||||
@@ -11,10 +11,16 @@ import (
|
||||
func RequireStaff() fiber.Handler {
|
||||
return func(c *fiber.Ctx) error {
|
||||
header := c.Get("Authorization")
|
||||
if header == "" || !strings.HasPrefix(header, "Bearer ") {
|
||||
var token string
|
||||
if header != "" && strings.HasPrefix(header, "Bearer ") {
|
||||
token = strings.TrimSpace(strings.TrimPrefix(header, "Bearer "))
|
||||
} else {
|
||||
token = c.Query("token")
|
||||
}
|
||||
|
||||
if token == "" {
|
||||
return c.Status(fiber.StatusUnauthorized).JSON(fiber.Map{"error": "Unauthorized"})
|
||||
}
|
||||
token := strings.TrimSpace(strings.TrimPrefix(header, "Bearer "))
|
||||
claims, err := auth.ParseToken(token)
|
||||
if err != nil {
|
||||
return c.Status(fiber.StatusUnauthorized).JSON(fiber.Map{"error": "Invalid or expired token"})
|
||||
|
||||
@@ -11,18 +11,19 @@ const (
|
||||
|
||||
// ExamRoom — phòng thi độc lập với lớp học
|
||||
type ExamRoom struct {
|
||||
ID uint `gorm:"primaryKey" json:"id"`
|
||||
CreatedAt time.Time `json:"createdAt"`
|
||||
UpdatedAt time.Time `json:"updatedAt"`
|
||||
Name string `gorm:"column:name;size:255;not null" json:"name"`
|
||||
StartTime time.Time `gorm:"column:start_time;not null;index" json:"startTime"`
|
||||
EndTime time.Time `gorm:"column:end_time;not null;index" json:"endTime"`
|
||||
AllowedApps string `gorm:"column:allowed_apps;type:text" json:"allowedApps"`
|
||||
QuizURL string `gorm:"column:quiz_url;size:1024" json:"quizUrl"`
|
||||
GitRepoURL string `gorm:"column:git_repo_url;size:512" json:"gitRepoUrl"`
|
||||
GitBranch string `gorm:"column:git_branch;size:64;default:main" json:"gitBranch"`
|
||||
GitPublishURL string `gorm:"column:git_publish_url;size:1024" json:"gitPublishUrl,omitempty"`
|
||||
Status string `gorm:"column:status;size:16;not null;default:draft;index" json:"status"`
|
||||
ID uint `gorm:"primaryKey" json:"id"`
|
||||
CreatedAt time.Time `json:"createdAt"`
|
||||
UpdatedAt time.Time `json:"updatedAt"`
|
||||
Name string `gorm:"column:name;size:255;not null" json:"name"`
|
||||
StartTime time.Time `gorm:"column:start_time;not null;index" json:"startTime"`
|
||||
EndTime time.Time `gorm:"column:end_time;not null;index" json:"endTime"`
|
||||
AllowedApps string `gorm:"column:allowed_apps;type:text" json:"allowedApps"`
|
||||
QuizURL string `gorm:"column:quiz_url;size:1024" json:"quizUrl"`
|
||||
GitRepoURL string `gorm:"column:git_repo_url;size:512" json:"gitRepoUrl"`
|
||||
GitBranch string `gorm:"column:git_branch;size:64;default:main" json:"gitBranch"`
|
||||
GitPublishURL string `gorm:"column:git_publish_url;size:1024" json:"gitPublishUrl,omitempty"`
|
||||
Status string `gorm:"column:status;size:16;not null;default:draft;index" json:"status"`
|
||||
CreatedByStaffID uint `gorm:"column:created_by_staff_id;index;default:0" json:"createdByStaffId"`
|
||||
}
|
||||
|
||||
func (ExamRoom) TableName() string { return "exam_rooms" }
|
||||
|
||||
@@ -97,6 +97,24 @@ type AttendanceResult struct {
|
||||
|
||||
func (AttendanceResult) TableName() string { return "attendance_results" }
|
||||
|
||||
// ClassSeatingLayout lưu sơ đồ chỗ ngồi theo lớp
|
||||
type ClassSeatingLayout struct {
|
||||
ClassRkID int64 `gorm:"column:class_rk_id;primaryKey;not null" json:"classRkId"`
|
||||
LayoutJSON string `gorm:"column:layout_json;type:longtext;not null" json:"layoutJson"`
|
||||
UpdatedAt time.Time `json:"updatedAt"`
|
||||
}
|
||||
|
||||
func (ClassSeatingLayout) TableName() string { return "class_seating_layouts" }
|
||||
|
||||
// ExamSeatingLayout lưu sơ đồ chỗ ngồi theo phòng thi
|
||||
type ExamSeatingLayout struct {
|
||||
ExamRoomID uint `gorm:"column:exam_room_id;primaryKey;not null" json:"examRoomId"`
|
||||
LayoutJSON string `gorm:"column:layout_json;type:longtext;not null" json:"layoutJson"`
|
||||
UpdatedAt time.Time `json:"updatedAt"`
|
||||
}
|
||||
|
||||
func (ExamSeatingLayout) TableName() string { return "exam_seating_layouts" }
|
||||
|
||||
// ClassAllowedApp lưu từ khóa app được mở của lớp
|
||||
type ClassAllowedApp struct {
|
||||
ClassRkID int64 `gorm:"column:class_rk_id;primaryKey;not null" json:"classRkId"`
|
||||
@@ -179,6 +197,21 @@ type StudentSession struct {
|
||||
|
||||
func (StudentSession) TableName() string { return "student_sessions" }
|
||||
|
||||
// StudentViolation — ghi nhận SV tắt app / vi phạm môi trường khi đang giám sát
|
||||
type StudentViolation struct {
|
||||
ID uint `gorm:"primaryKey" json:"id"`
|
||||
CreatedAt time.Time `json:"createdAt"`
|
||||
StudentRkID int64 `gorm:"column:student_rk_id;not null;index" json:"studentRkId"`
|
||||
ClassRkID int64 `gorm:"column:class_rk_id;index" json:"classRkId"`
|
||||
ExamRoomID uint `gorm:"column:exam_room_id;index;default:0" json:"examRoomId"`
|
||||
Kind string `gorm:"column:kind;size:64;not null;index" json:"kind"` // app_closed | unclean_shutdown | multi_monitor | user_switch | session_change | virtual_desktop | wifi | guard
|
||||
Reason string `gorm:"column:reason;type:text" json:"reason"`
|
||||
MonitorMode string `gorm:"column:monitor_mode;size:32" json:"monitorMode"`
|
||||
ClientAt time.Time `gorm:"column:client_at" json:"clientAt"`
|
||||
}
|
||||
|
||||
func (StudentViolation) TableName() string { return "student_violations" }
|
||||
|
||||
// SystemSetting lưu các cấu hình hệ thống động
|
||||
type SystemSetting struct {
|
||||
SettingKey string `gorm:"primaryKey;column:setting_key;size:128" json:"settingKey"`
|
||||
@@ -223,4 +256,16 @@ type AppGuide struct {
|
||||
|
||||
func (AppGuide) TableName() string { return "app_guides" }
|
||||
|
||||
// LocalLeaveRequest lưu trạng thái phê duyệt đơn xin nghỉ phép trên hệ thống nội bộ thay vì call QLĐT
|
||||
type LocalLeaveRequest struct {
|
||||
ID uint `gorm:"primaryKey" json:"id"`
|
||||
CreatedAt time.Time `json:"createdAt"`
|
||||
UpdatedAt time.Time `json:"updatedAt"`
|
||||
LeaveID int64 `gorm:"column:leave_id;uniqueIndex;not null" json:"leaveId"`
|
||||
Status string `gorm:"column:status;size:32;not null" json:"status"` // "Phê duyệt" hoặc "Từ chối"
|
||||
}
|
||||
|
||||
func (LocalLeaveRequest) TableName() string { return "local_leave_requests" }
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -38,6 +38,14 @@ type PasswordResetToken struct {
|
||||
|
||||
func (PasswordResetToken) TableName() string { return "password_reset_tokens" }
|
||||
|
||||
// StaffMyClass lưu danh sách lớp học cá nhân của giáo viên
|
||||
type StaffMyClass struct {
|
||||
StaffID uint `gorm:"column:staff_id;primaryKey;not null;index" json:"staffId"`
|
||||
ClassRkID int64 `gorm:"column:class_rk_id;primaryKey;not null" json:"classRkId"`
|
||||
}
|
||||
|
||||
func (StaffMyClass) TableName() string { return "staff_my_classes" }
|
||||
|
||||
// ChatMessage — tin nhắn thầy cô ↔ sinh viên
|
||||
type ChatMessage struct {
|
||||
ID uint `gorm:"primaryKey" json:"id"`
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
package qldt
|
||||
|
||||
import (
|
||||
"bytes"
|
||||
"context"
|
||||
"encoding/json"
|
||||
"fmt"
|
||||
@@ -198,3 +199,70 @@ func (c *Client) GetClassDashboard(ctx context.Context, token string, classID, c
|
||||
}
|
||||
return body, nil
|
||||
}
|
||||
|
||||
func (c *Client) GetLeaveRequests(ctx context.Context, token string, classID, courseID int64, date string) ([]byte, error) {
|
||||
u := fmt.Sprintf("%s/request-leave?classId=%d&courseId=%d&date=%s", c.baseURL, classID, courseID, date)
|
||||
req, err := http.NewRequestWithContext(ctx, http.MethodGet, u, nil)
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
c.setAuthHeaders(req, token)
|
||||
|
||||
resp, err := c.http.Do(req)
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
defer resp.Body.Close()
|
||||
|
||||
body, _ := io.ReadAll(resp.Body)
|
||||
if resp.StatusCode < 200 || resp.StatusCode >= 300 {
|
||||
return nil, fmt.Errorf("qldt request-leave http %d: %s", resp.StatusCode, string(body))
|
||||
}
|
||||
return body, nil
|
||||
}
|
||||
|
||||
func (c *Client) updateLeaveStatusAttempt(ctx context.Context, token string, leaveID int64, status string, method string) ([]byte, int, error) {
|
||||
payload := map[string]string{"status": status}
|
||||
jsonData, _ := json.Marshal(payload)
|
||||
|
||||
u := fmt.Sprintf("%s/request-leave/%d/status", c.baseURL, leaveID)
|
||||
req, err := http.NewRequestWithContext(ctx, method, u, bytes.NewBuffer(jsonData))
|
||||
if err != nil {
|
||||
return nil, 0, err
|
||||
}
|
||||
req.Header.Set("Content-Type", "application/json")
|
||||
c.setAuthHeaders(req, token)
|
||||
|
||||
resp, err := c.http.Do(req)
|
||||
if err != nil {
|
||||
return nil, 0, err
|
||||
}
|
||||
defer resp.Body.Close()
|
||||
|
||||
body, _ := io.ReadAll(resp.Body)
|
||||
return body, resp.StatusCode, nil
|
||||
}
|
||||
|
||||
func (c *Client) UpdateLeaveStatus(ctx context.Context, token string, leaveID int64, status string) ([]byte, error) {
|
||||
// Try PUT first, then POST, then PATCH
|
||||
methods := []string{http.MethodPut, http.MethodPost, http.MethodPatch}
|
||||
var lastErr error
|
||||
var lastBody []byte
|
||||
var lastCode int
|
||||
|
||||
for _, method := range methods {
|
||||
body, code, err := c.updateLeaveStatusAttempt(ctx, token, leaveID, status, method)
|
||||
if err == nil && code >= 200 && code < 300 {
|
||||
return body, nil
|
||||
}
|
||||
if err != nil {
|
||||
lastErr = err
|
||||
} else {
|
||||
lastErr = fmt.Errorf("HTTP %d: %s", code, string(body))
|
||||
}
|
||||
lastBody = body
|
||||
lastCode = code
|
||||
}
|
||||
|
||||
return lastBody, fmt.Errorf("all methods (PUT, POST, PATCH) failed. Last error: %w (code %d)", lastErr, lastCode)
|
||||
}
|
||||
|
||||
@@ -1,14 +1,29 @@
|
||||
package websocket
|
||||
|
||||
import (
|
||||
"bufio"
|
||||
"encoding/base64"
|
||||
"encoding/json"
|
||||
"fmt"
|
||||
"log"
|
||||
"strconv"
|
||||
"strings"
|
||||
"sync"
|
||||
"time"
|
||||
|
||||
internalDb "server/internal/db"
|
||||
|
||||
"github.com/gofiber/fiber/v2"
|
||||
"github.com/gofiber/websocket/v2"
|
||||
"gorm.io/gorm"
|
||||
internalDb "server/internal/db"
|
||||
)
|
||||
|
||||
const (
|
||||
// Heartbeat kiểu game: phát hiện mất kết nối trong ~30–45s.
|
||||
wsPingInterval = 15 * time.Second
|
||||
wsPongWait = 45 * time.Second
|
||||
// Grace khi SV reconnect — tránh nhấp nháy online/offline.
|
||||
studentOfflineGrace = 8 * time.Second
|
||||
)
|
||||
|
||||
type SocketMsg struct {
|
||||
@@ -23,28 +38,61 @@ type SocketClient struct {
|
||||
StaffID uint
|
||||
Role string // "student" | "teacher"
|
||||
Addr string
|
||||
writeMu sync.Mutex
|
||||
}
|
||||
|
||||
func (c *SocketClient) WriteJSON(v any) error {
|
||||
c.writeMu.Lock()
|
||||
defer c.writeMu.Unlock()
|
||||
return c.Conn.WriteJSON(v)
|
||||
}
|
||||
|
||||
func (c *SocketClient) WriteRaw(msg []byte) error {
|
||||
c.writeMu.Lock()
|
||||
defer c.writeMu.Unlock()
|
||||
return c.Conn.WriteMessage(websocket.TextMessage, msg)
|
||||
}
|
||||
|
||||
type offlineGrace struct {
|
||||
until time.Time
|
||||
classID int64
|
||||
}
|
||||
|
||||
type WsHub struct {
|
||||
mu sync.RWMutex
|
||||
students map[int64]*SocketClient
|
||||
teachers map[string]*SocketClient
|
||||
teachersByStaff map[uint][]string // staffId -> teacher connection addresses
|
||||
subscribers map[int64][]string // studentId -> list of teacher connection addresses
|
||||
mu sync.RWMutex
|
||||
students map[int64]*SocketClient
|
||||
teachers map[string]*SocketClient
|
||||
teachersByStaff map[uint][]string // staffId -> teacher connection addresses
|
||||
subscribers map[int64][]string // studentId -> list of teacher connection addresses
|
||||
grace map[int64]offlineGrace
|
||||
graceTimers map[int64]*time.Timer
|
||||
subscriberModes map[string]string // "teacherAddr_studentId" -> "grid"|"focus"
|
||||
lastRelayed map[string]time.Time // "teacherAddr_studentId_event" -> time
|
||||
httpScreenSubscribers map[int64][]chan []byte // studentId -> list of channels for screen MJPEG
|
||||
httpWebcamSubscribers map[int64][]chan []byte // studentId -> list of channels for webcam MJPEG
|
||||
}
|
||||
|
||||
var Hub = &WsHub{
|
||||
students: make(map[int64]*SocketClient),
|
||||
teachers: make(map[string]*SocketClient),
|
||||
teachersByStaff: make(map[uint][]string),
|
||||
subscribers: make(map[int64][]string),
|
||||
students: make(map[int64]*SocketClient),
|
||||
teachers: make(map[string]*SocketClient),
|
||||
teachersByStaff: make(map[uint][]string),
|
||||
subscribers: make(map[int64][]string),
|
||||
grace: make(map[int64]offlineGrace),
|
||||
graceTimers: make(map[int64]*time.Timer),
|
||||
subscriberModes: make(map[string]string),
|
||||
lastRelayed: make(map[string]time.Time),
|
||||
httpScreenSubscribers: make(map[int64][]chan []byte),
|
||||
httpWebcamSubscribers: make(map[int64][]chan []byte),
|
||||
}
|
||||
|
||||
func (h *WsHub) IsStudentOnline(studentRkID int64) bool {
|
||||
h.mu.RLock()
|
||||
defer h.mu.RUnlock()
|
||||
_, ok := h.students[studentRkID]
|
||||
return ok
|
||||
if _, ok := h.students[studentRkID]; ok {
|
||||
return true
|
||||
}
|
||||
g, ok := h.grace[studentRkID]
|
||||
return ok && time.Now().Before(g.until)
|
||||
}
|
||||
|
||||
func (h *WsHub) PushExamToStudent(studentRkID int64, data map[string]any) {
|
||||
@@ -54,7 +102,7 @@ func (h *WsHub) PushExamToStudent(studentRkID int64, data map[string]any) {
|
||||
if !ok || client == nil {
|
||||
return
|
||||
}
|
||||
_ = client.Conn.WriteJSON(SocketMsg{Event: "exam:paper-sent", Data: data})
|
||||
_ = client.WriteJSON(SocketMsg{Event: "exam:paper-sent", Data: data})
|
||||
}
|
||||
|
||||
func (h *WsHub) PushChatToStudent(studentRkID int64, data map[string]any) {
|
||||
@@ -64,7 +112,7 @@ func (h *WsHub) PushChatToStudent(studentRkID int64, data map[string]any) {
|
||||
if !ok || client == nil {
|
||||
return
|
||||
}
|
||||
_ = client.Conn.WriteJSON(SocketMsg{Event: "chat:message", Data: data})
|
||||
_ = client.WriteJSON(SocketMsg{Event: "chat:message", Data: data})
|
||||
}
|
||||
|
||||
func (h *WsHub) PushChatToStaff(staffID uint, data map[string]any) {
|
||||
@@ -77,7 +125,109 @@ func (h *WsHub) PushChatToStaff(staffID uint, data map[string]any) {
|
||||
defer h.mu.RUnlock()
|
||||
for _, t := range h.teachers {
|
||||
if t != nil && t.Role == "teacher" {
|
||||
_ = t.Conn.WriteJSON(msg)
|
||||
_ = t.WriteJSON(msg)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
func (h *WsHub) BroadcastStudentViolation(data map[string]any) {
|
||||
msg := SocketMsg{Event: "teacher:student-violation", Data: data}
|
||||
msgBytes, err := json.Marshal(msg)
|
||||
if err != nil {
|
||||
return
|
||||
}
|
||||
h.mu.RLock()
|
||||
defer h.mu.RUnlock()
|
||||
for _, t := range h.teachers {
|
||||
if t != nil {
|
||||
_ = t.WriteRaw(msgBytes)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
func (h *WsHub) broadcastPresence(studentID int64, online bool, classID int64) {
|
||||
msg := SocketMsg{
|
||||
Event: "presence:update",
|
||||
Data: map[string]any{
|
||||
"studentId": studentID,
|
||||
"online": online,
|
||||
"classId": classID,
|
||||
},
|
||||
}
|
||||
msgBytes, err := json.Marshal(msg)
|
||||
if err != nil {
|
||||
return
|
||||
}
|
||||
for _, t := range h.teachers {
|
||||
if t != nil {
|
||||
_ = t.WriteRaw(msgBytes)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ForceStudentOffline — tắt ngay (không chờ grace), dùng khi SV cố ý đóng app / vi phạm.
|
||||
func (h *WsHub) ForceStudentOffline(studentID int64) {
|
||||
h.mu.Lock()
|
||||
defer h.mu.Unlock()
|
||||
|
||||
classID := int64(0)
|
||||
if client, ok := h.students[studentID]; ok && client != nil {
|
||||
classID = client.ClassID
|
||||
delete(h.students, studentID)
|
||||
}
|
||||
if g, ok := h.grace[studentID]; ok {
|
||||
if classID == 0 {
|
||||
classID = g.classID
|
||||
}
|
||||
}
|
||||
h.cancelGraceLocked(studentID)
|
||||
|
||||
log.Printf("[WS] Student %d force offline (intentional quit/violation)", studentID)
|
||||
h.broadcastPresence(studentID, false, classID)
|
||||
if teachers, exists := h.subscribers[studentID]; exists {
|
||||
for _, tAddr := range teachers {
|
||||
if t, found := h.teachers[tAddr]; found {
|
||||
_ = t.WriteJSON(SocketMsg{
|
||||
Event: "teacher:stream-stopped",
|
||||
Data: map[string]any{"studentId": studentID},
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
func (h *WsHub) cancelGraceLocked(studentID int64) {
|
||||
if t, ok := h.graceTimers[studentID]; ok {
|
||||
t.Stop()
|
||||
delete(h.graceTimers, studentID)
|
||||
}
|
||||
delete(h.grace, studentID)
|
||||
}
|
||||
|
||||
func (h *WsHub) finalizeStudentOffline(studentID int64, classID int64) {
|
||||
h.mu.Lock()
|
||||
defer h.mu.Unlock()
|
||||
|
||||
if _, online := h.students[studentID]; online {
|
||||
return
|
||||
}
|
||||
if _, ok := h.grace[studentID]; !ok {
|
||||
return
|
||||
}
|
||||
delete(h.grace, studentID)
|
||||
delete(h.graceTimers, studentID)
|
||||
|
||||
log.Printf("[WS] Student %d offline after grace", studentID)
|
||||
h.broadcastPresence(studentID, false, classID)
|
||||
|
||||
if teachers, exists := h.subscribers[studentID]; exists {
|
||||
for _, tAddr := range teachers {
|
||||
if t, found := h.teachers[tAddr]; found {
|
||||
_ = t.WriteJSON(SocketMsg{
|
||||
Event: "teacher:stream-stopped",
|
||||
Data: map[string]any{"studentId": studentID},
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -86,12 +236,20 @@ func (h *WsHub) GetOnlineStudentIDs(classID int64) []int64 {
|
||||
h.mu.RLock()
|
||||
defer h.mu.RUnlock()
|
||||
|
||||
seen := map[int64]bool{}
|
||||
var ids []int64
|
||||
now := time.Now()
|
||||
for _, client := range h.students {
|
||||
if client.ClassID == classID {
|
||||
seen[client.StudentID] = true
|
||||
ids = append(ids, client.StudentID)
|
||||
}
|
||||
}
|
||||
for sid, g := range h.grace {
|
||||
if now.Before(g.until) && g.classID == classID && !seen[sid] {
|
||||
ids = append(ids, sid)
|
||||
}
|
||||
}
|
||||
if ids == nil {
|
||||
return []int64{}
|
||||
}
|
||||
@@ -104,8 +262,19 @@ func (h *WsHub) Register(c *SocketClient) {
|
||||
|
||||
c.Addr = c.Conn.RemoteAddr().String()
|
||||
if c.Role == "student" {
|
||||
wasInGrace := false
|
||||
if _, ok := h.grace[c.StudentID]; ok {
|
||||
wasInGrace = true
|
||||
}
|
||||
h.cancelGraceLocked(c.StudentID)
|
||||
h.students[c.StudentID] = c
|
||||
log.Printf("[WS] Student %d registered (Address: %s, Class: %d)", c.StudentID, c.Addr, c.ClassID)
|
||||
log.Printf("[WS] Student %d registered (Address: %s, Class: %d, reconnectGrace=%v)", c.StudentID, c.Addr, c.ClassID, wasInGrace)
|
||||
h.broadcastPresence(c.StudentID, true, c.ClassID)
|
||||
if subs, exists := h.subscribers[c.StudentID]; exists && len(subs) > 0 {
|
||||
_ = c.WriteJSON(SocketMsg{Event: "start_screenshot_stream"})
|
||||
_ = c.WriteJSON(SocketMsg{Event: "start_webcam_stream"})
|
||||
log.Printf("[WS] Student %d has active subscribers. Sent start stream commands.", c.StudentID)
|
||||
}
|
||||
} else if c.Role == "teacher" {
|
||||
h.teachers[c.Addr] = c
|
||||
if c.StaffID > 0 {
|
||||
@@ -120,21 +289,23 @@ func (h *WsHub) Unregister(c *SocketClient) {
|
||||
defer h.mu.Unlock()
|
||||
|
||||
if c.Role == "student" {
|
||||
delete(h.students, c.StudentID)
|
||||
log.Printf("[WS] Student %d disconnected", c.StudentID)
|
||||
|
||||
// Báo cho các giáo viên đang xem là stream của học sinh đã dừng
|
||||
if teachers, exists := h.subscribers[c.StudentID]; exists {
|
||||
for _, tAddr := range teachers {
|
||||
if t, found := h.teachers[tAddr]; found {
|
||||
_ = t.Conn.WriteJSON(SocketMsg{
|
||||
Event: "teacher:stream-stopped",
|
||||
Data: map[string]any{"studentId": c.StudentID},
|
||||
})
|
||||
}
|
||||
}
|
||||
delete(h.subscribers, c.StudentID)
|
||||
current, exists := h.students[c.StudentID]
|
||||
if !exists || current != c {
|
||||
log.Printf("[WS] Student %d stale disconnect ignored (replaced by newer connection)", c.StudentID)
|
||||
return
|
||||
}
|
||||
delete(h.students, c.StudentID)
|
||||
classID := c.ClassID
|
||||
studentID := c.StudentID
|
||||
|
||||
h.cancelGraceLocked(studentID)
|
||||
deadline := time.Now().Add(studentOfflineGrace)
|
||||
h.grace[studentID] = offlineGrace{until: deadline, classID: classID}
|
||||
h.graceTimers[studentID] = time.AfterFunc(studentOfflineGrace, func() {
|
||||
h.finalizeStudentOffline(studentID, classID)
|
||||
})
|
||||
log.Printf("[WS] Student %d disconnected — grace %v before offline", studentID, studentOfflineGrace)
|
||||
// Chưa broadcast offline / stream-stopped — chờ grace (reconnect nhanh như game).
|
||||
} else if c.Role == "teacher" {
|
||||
delete(h.teachers, c.Addr)
|
||||
if c.StaffID > 0 {
|
||||
@@ -153,7 +324,6 @@ func (h *WsHub) Unregister(c *SocketClient) {
|
||||
}
|
||||
log.Printf("[WS] Teacher %s disconnected", c.Addr)
|
||||
|
||||
// Dọn dẹp subscriptions của giáo viên này
|
||||
for sID, teachersList := range h.subscribers {
|
||||
newList := []string{}
|
||||
for _, addr := range teachersList {
|
||||
@@ -161,12 +331,17 @@ func (h *WsHub) Unregister(c *SocketClient) {
|
||||
newList = append(newList, addr)
|
||||
}
|
||||
}
|
||||
// Clean up mode map for this student and teacher
|
||||
key := c.Addr + "_" + strconv.FormatInt(sID, 10)
|
||||
delete(h.subscriberModes, key)
|
||||
delete(h.lastRelayed, key+"_screenshot_stream_frame")
|
||||
delete(h.lastRelayed, key+"_webcam_stream_frame")
|
||||
|
||||
if len(newList) == 0 {
|
||||
delete(h.subscribers, sID)
|
||||
// Nếu không còn ai xem học sinh này, gửi lệnh tắt camera/screen cho client học sinh
|
||||
if student, exists := h.students[sID]; exists {
|
||||
_ = student.Conn.WriteJSON(SocketMsg{Event: "stop_screenshot_stream"})
|
||||
_ = student.Conn.WriteJSON(SocketMsg{Event: "stop_webcam_stream"})
|
||||
_ = student.WriteJSON(SocketMsg{Event: "stop_screenshot_stream"})
|
||||
_ = student.WriteJSON(SocketMsg{Event: "stop_webcam_stream"})
|
||||
}
|
||||
} else {
|
||||
h.subscribers[sID] = newList
|
||||
@@ -175,12 +350,10 @@ func (h *WsHub) Unregister(c *SocketClient) {
|
||||
}
|
||||
}
|
||||
|
||||
// Teacher bắt đầu xem stream của Student
|
||||
func (h *WsHub) Subscribe(teacherAddr string, studentID int64) {
|
||||
func (h *WsHub) Subscribe(teacherAddr string, studentID int64, mode string) {
|
||||
h.mu.Lock()
|
||||
defer h.mu.Unlock()
|
||||
|
||||
// Thêm giáo viên vào list người xem của học sinh
|
||||
teachersList := h.subscribers[studentID]
|
||||
alreadySubscribed := false
|
||||
for _, addr := range teachersList {
|
||||
@@ -191,21 +364,27 @@ func (h *WsHub) Subscribe(teacherAddr string, studentID int64) {
|
||||
}
|
||||
if !alreadySubscribed {
|
||||
h.subscribers[studentID] = append(teachersList, teacherAddr)
|
||||
log.Printf("[WS] Teacher %s subscribed to student %d stream", teacherAddr, studentID)
|
||||
log.Printf("[WS] Teacher %s subscribed to student %d stream in %s mode", teacherAddr, studentID, mode)
|
||||
}
|
||||
|
||||
// Phát lệnh cho máy học sinh bật stream (nếu học sinh đang online)
|
||||
key := teacherAddr + "_" + strconv.FormatInt(studentID, 10)
|
||||
h.subscriberModes[key] = mode
|
||||
|
||||
if student, exists := h.students[studentID]; exists {
|
||||
_ = student.Conn.WriteJSON(SocketMsg{Event: "start_screenshot_stream"})
|
||||
_ = student.Conn.WriteJSON(SocketMsg{Event: "start_webcam_stream"})
|
||||
_ = student.WriteJSON(SocketMsg{Event: "start_screenshot_stream"})
|
||||
_ = student.WriteJSON(SocketMsg{Event: "start_webcam_stream"})
|
||||
}
|
||||
}
|
||||
|
||||
// Teacher dừng xem stream của Student
|
||||
func (h *WsHub) Unsubscribe(teacherAddr string, studentID int64) {
|
||||
h.mu.Lock()
|
||||
defer h.mu.Unlock()
|
||||
|
||||
key := teacherAddr + "_" + strconv.FormatInt(studentID, 10)
|
||||
delete(h.subscriberModes, key)
|
||||
delete(h.lastRelayed, key+"_screenshot_stream_frame")
|
||||
delete(h.lastRelayed, key+"_webcam_stream_frame")
|
||||
|
||||
teachersList, exists := h.subscribers[studentID]
|
||||
if !exists {
|
||||
return
|
||||
@@ -221,21 +400,57 @@ func (h *WsHub) Unsubscribe(teacherAddr string, studentID int64) {
|
||||
if len(newList) == 0 {
|
||||
delete(h.subscribers, studentID)
|
||||
log.Printf("[WS] Student %d has no more proctor subscribers. Stopping streams.", studentID)
|
||||
|
||||
// Báo học sinh tắt camera & screen stream để tiết kiệm mạng và CPU
|
||||
if student, exists := h.students[studentID]; exists {
|
||||
_ = student.Conn.WriteJSON(SocketMsg{Event: "stop_screenshot_stream"})
|
||||
_ = student.Conn.WriteJSON(SocketMsg{Event: "stop_webcam_stream"})
|
||||
_ = student.WriteJSON(SocketMsg{Event: "stop_screenshot_stream"})
|
||||
_ = student.WriteJSON(SocketMsg{Event: "stop_webcam_stream"})
|
||||
}
|
||||
} else {
|
||||
h.subscribers[studentID] = newList
|
||||
}
|
||||
}
|
||||
|
||||
// Chuyển tiếp frame ảnh từ Student đến các Teacher đã subscribe
|
||||
func (h *WsHub) RelayFrame(studentID int64, event string, data map[string]any) {
|
||||
h.mu.RLock()
|
||||
defer h.mu.RUnlock()
|
||||
func (h *WsHub) RelayFrameRaw(studentID int64, event string, rawImageBuffer json.RawMessage) {
|
||||
h.mu.Lock()
|
||||
defer h.mu.Unlock()
|
||||
|
||||
// Broadcast to HTTP subscribers if any
|
||||
if event == "screenshot_stream_frame" {
|
||||
subs, exists := h.httpScreenSubscribers[studentID]
|
||||
if exists && len(subs) > 0 {
|
||||
var b64Str string
|
||||
if err := json.Unmarshal(rawImageBuffer, &b64Str); err == nil && len(b64Str) > 0 {
|
||||
if idx := strings.Index(b64Str, ","); idx != -1 {
|
||||
b64Str = b64Str[idx+1:]
|
||||
}
|
||||
if rawBytes, err := base64.StdEncoding.DecodeString(b64Str); err == nil {
|
||||
for _, ch := range subs {
|
||||
select {
|
||||
case ch <- rawBytes:
|
||||
default:
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
} else if event == "webcam_stream_frame" {
|
||||
subs, exists := h.httpWebcamSubscribers[studentID]
|
||||
if exists && len(subs) > 0 {
|
||||
var b64Str string
|
||||
if err := json.Unmarshal(rawImageBuffer, &b64Str); err == nil && len(b64Str) > 0 {
|
||||
if idx := strings.Index(b64Str, ","); idx != -1 {
|
||||
b64Str = b64Str[idx+1:]
|
||||
}
|
||||
if rawBytes, err := base64.StdEncoding.DecodeString(b64Str); err == nil {
|
||||
for _, ch := range subs {
|
||||
select {
|
||||
case ch <- rawBytes:
|
||||
default:
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
teachersList, exists := h.subscribers[studentID]
|
||||
if !exists || len(teachersList) == 0 {
|
||||
@@ -247,22 +462,55 @@ func (h *WsHub) RelayFrame(studentID int64, event string, data map[string]any) {
|
||||
relayEvent = "teacher:webcam-stream-frame"
|
||||
}
|
||||
|
||||
msg := SocketMsg{
|
||||
Event: relayEvent,
|
||||
Data: map[string]any{
|
||||
"studentId": studentID,
|
||||
"imageBuffer": data["imageBuffer"],
|
||||
},
|
||||
type RelayFrameRawMsg struct {
|
||||
Event string `json:"event"`
|
||||
Data struct {
|
||||
StudentID int64 `json:"studentId"`
|
||||
ImageBuffer json.RawMessage `json:"imageBuffer"`
|
||||
} `json:"data"`
|
||||
}
|
||||
|
||||
msg := RelayFrameRawMsg{
|
||||
Event: relayEvent,
|
||||
}
|
||||
msg.Data.StudentID = studentID
|
||||
msg.Data.ImageBuffer = rawImageBuffer
|
||||
|
||||
msgBytes, err := json.Marshal(msg)
|
||||
if err != nil {
|
||||
return
|
||||
}
|
||||
|
||||
now := time.Now()
|
||||
for _, addr := range teachersList {
|
||||
if t, found := h.teachers[addr]; found {
|
||||
_ = t.Conn.WriteJSON(msg)
|
||||
t, found := h.teachers[addr]
|
||||
if !found || t == nil {
|
||||
continue
|
||||
}
|
||||
|
||||
subKey := addr + "_" + strconv.FormatInt(studentID, 10)
|
||||
mode := h.subscriberModes[subKey]
|
||||
|
||||
if mode == "grid" {
|
||||
// In grid mode, rate limit to max 1 frame per 3 seconds per stream type
|
||||
relayKey := subKey + "_" + event
|
||||
lastTime, ok := h.lastRelayed[relayKey]
|
||||
if ok && now.Sub(lastTime) < 3*time.Second {
|
||||
continue
|
||||
}
|
||||
h.lastRelayed[relayKey] = now
|
||||
}
|
||||
|
||||
// Send asynchronously to avoid head-of-line blocking on slower clients
|
||||
go func(client *SocketClient, data []byte) {
|
||||
if err := client.WriteRaw(data); err != nil {
|
||||
log.Printf("[WS] Relay to teacher %s failed: %v", client.Addr, err)
|
||||
_ = client.Conn.Close()
|
||||
}
|
||||
}(t, msgBytes)
|
||||
}
|
||||
}
|
||||
|
||||
// WebSocket handler cho Fiber route
|
||||
func WebSocketHandler(db *gorm.DB) func(*websocket.Conn) {
|
||||
return func(c *websocket.Conn) {
|
||||
role := c.Query("role", "student")
|
||||
@@ -295,25 +543,71 @@ func WebSocketHandler(db *gorm.DB) func(*websocket.Conn) {
|
||||
c.Close()
|
||||
}()
|
||||
|
||||
c.SetReadDeadline(time.Now().Add(wsPongWait))
|
||||
c.SetPongHandler(func(string) error {
|
||||
return c.SetReadDeadline(time.Now().Add(wsPongWait))
|
||||
})
|
||||
|
||||
pingDone := make(chan struct{})
|
||||
defer close(pingDone)
|
||||
go func() {
|
||||
ticker := time.NewTicker(wsPingInterval)
|
||||
defer ticker.Stop()
|
||||
for {
|
||||
select {
|
||||
case <-pingDone:
|
||||
return
|
||||
case <-ticker.C:
|
||||
client.writeMu.Lock()
|
||||
err := c.WriteControl(websocket.PingMessage, []byte("ping"), time.Now().Add(5*time.Second))
|
||||
client.writeMu.Unlock()
|
||||
if err != nil {
|
||||
return
|
||||
}
|
||||
}
|
||||
}
|
||||
}()
|
||||
|
||||
for {
|
||||
_, msgBytes, err := c.ReadMessage()
|
||||
if err != nil {
|
||||
break
|
||||
}
|
||||
_ = c.SetReadDeadline(time.Now().Add(wsPongWait))
|
||||
|
||||
type EventOnlyMsg struct {
|
||||
Event string `json:"event"`
|
||||
}
|
||||
var eventMsg EventOnlyMsg
|
||||
if err := json.Unmarshal(msgBytes, &eventMsg); err != nil {
|
||||
continue
|
||||
}
|
||||
|
||||
if eventMsg.Event == "screenshot_stream_frame" || eventMsg.Event == "webcam_stream_frame" {
|
||||
var frameMsg struct {
|
||||
Data struct {
|
||||
ImageBuffer json.RawMessage `json:"imageBuffer"`
|
||||
} `json:"data"`
|
||||
}
|
||||
if err := json.Unmarshal(msgBytes, &frameMsg); err == nil && len(frameMsg.Data.ImageBuffer) > 0 {
|
||||
// Copy slice to avoid memory race / corruption since WebSocket read buffer gets recycled
|
||||
bufCopy := make([]byte, len(frameMsg.Data.ImageBuffer))
|
||||
copy(bufCopy, frameMsg.Data.ImageBuffer)
|
||||
Hub.RelayFrameRaw(client.StudentID, eventMsg.Event, json.RawMessage(bufCopy))
|
||||
}
|
||||
continue
|
||||
}
|
||||
|
||||
var msg SocketMsg
|
||||
if err := json.Unmarshal(msgBytes, &msg); err != nil {
|
||||
continue
|
||||
}
|
||||
|
||||
// Xử lý các sự kiện
|
||||
switch msg.Event {
|
||||
case "screenshot_stream_frame", "webcam_stream_frame":
|
||||
// Nhận frame từ học sinh, chuyển tiếp về các thầy cô
|
||||
Hub.RelayFrame(client.StudentID, msg.Event, msg.Data)
|
||||
case "client:ping":
|
||||
_ = client.WriteJSON(SocketMsg{Event: "client:pong", Data: map[string]any{"t": time.Now().UnixMilli()}})
|
||||
|
||||
case "teacher:subscribe":
|
||||
// Giáo viên đăng ký xem học sinh cụ thể
|
||||
if client.Role == "teacher" {
|
||||
if sIDVal, ok := msg.Data["studentId"]; ok {
|
||||
var sID int64
|
||||
@@ -323,14 +617,20 @@ func WebSocketHandler(db *gorm.DB) func(*websocket.Conn) {
|
||||
case string:
|
||||
sID, _ = strconv.ParseInt(v, 10, 64)
|
||||
}
|
||||
|
||||
// Nhận chế độ subscription (mặc định là "focus")
|
||||
mode := "focus"
|
||||
if mVal, ok := msg.Data["mode"].(string); ok && mVal != "" {
|
||||
mode = mVal
|
||||
}
|
||||
|
||||
if sID > 0 {
|
||||
Hub.Subscribe(client.Addr, sID)
|
||||
Hub.Subscribe(client.Addr, sID, mode)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
case "teacher:unsubscribe":
|
||||
// Giáo viên hủy đăng ký
|
||||
if client.Role == "teacher" {
|
||||
if sIDVal, ok := msg.Data["studentId"]; ok {
|
||||
var sID int64
|
||||
@@ -349,3 +649,134 @@ func WebSocketHandler(db *gorm.DB) func(*websocket.Conn) {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
func (h *WsHub) RegisterHttpSubscriber(studentID int64, kind string) chan []byte {
|
||||
h.mu.Lock()
|
||||
defer h.mu.Unlock()
|
||||
|
||||
ch := make(chan []byte, 16)
|
||||
if kind == "screen" {
|
||||
h.httpScreenSubscribers[studentID] = append(h.httpScreenSubscribers[studentID], ch)
|
||||
} else if kind == "webcam" {
|
||||
h.httpWebcamSubscribers[studentID] = append(h.httpWebcamSubscribers[studentID], ch)
|
||||
}
|
||||
|
||||
// Always trigger streams start if there's any HTTP subscriber
|
||||
if student, exists := h.students[studentID]; exists {
|
||||
_ = student.WriteJSON(SocketMsg{Event: "start_screenshot_stream"})
|
||||
_ = student.WriteJSON(SocketMsg{Event: "start_webcam_stream"})
|
||||
}
|
||||
|
||||
return ch
|
||||
}
|
||||
|
||||
func (h *WsHub) UnregisterHttpSubscriber(studentID int64, kind string, ch chan []byte) {
|
||||
h.mu.Lock()
|
||||
defer h.mu.Unlock()
|
||||
|
||||
if kind == "screen" {
|
||||
subs := h.httpScreenSubscribers[studentID]
|
||||
var next []chan []byte
|
||||
for _, c := range subs {
|
||||
if c != ch {
|
||||
next = append(next, c)
|
||||
}
|
||||
}
|
||||
if len(next) == 0 {
|
||||
delete(h.httpScreenSubscribers, studentID)
|
||||
} else {
|
||||
h.httpScreenSubscribers[studentID] = next
|
||||
}
|
||||
} else if kind == "webcam" {
|
||||
subs := h.httpWebcamSubscribers[studentID]
|
||||
var next []chan []byte
|
||||
for _, c := range subs {
|
||||
if c != ch {
|
||||
next = append(next, c)
|
||||
}
|
||||
}
|
||||
if len(next) == 0 {
|
||||
delete(h.httpWebcamSubscribers, studentID)
|
||||
} else {
|
||||
h.httpWebcamSubscribers[studentID] = next
|
||||
}
|
||||
}
|
||||
|
||||
// If no subscribers left (WS or HTTP), stop student's stream
|
||||
wsSubs := h.subscribers[studentID]
|
||||
httpScSubs := h.httpScreenSubscribers[studentID]
|
||||
httpCamSubs := h.httpWebcamSubscribers[studentID]
|
||||
|
||||
if len(wsSubs) == 0 && len(httpScSubs) == 0 && len(httpCamSubs) == 0 {
|
||||
if student, exists := h.students[studentID]; exists {
|
||||
_ = student.WriteJSON(SocketMsg{Event: "stop_screenshot_stream"})
|
||||
_ = student.WriteJSON(SocketMsg{Event: "stop_webcam_stream"})
|
||||
}
|
||||
}
|
||||
|
||||
close(ch)
|
||||
}
|
||||
|
||||
func GetStudentScreenStreamHandler(c *fiber.Ctx) error {
|
||||
studentIDVal := c.Params("studentId")
|
||||
studentID, err := strconv.ParseInt(studentIDVal, 10, 64)
|
||||
if err != nil {
|
||||
return c.Status(fiber.StatusBadRequest).SendString("Invalid student ID")
|
||||
}
|
||||
|
||||
ch := Hub.RegisterHttpSubscriber(studentID, "screen")
|
||||
c.Set("Content-Type", "multipart/x-mixed-replace; boundary=frame")
|
||||
c.Set("Cache-Control", "no-cache")
|
||||
c.Set("Connection", "keep-alive")
|
||||
c.Set("Pragma", "no-cache")
|
||||
|
||||
c.Status(fiber.StatusOK)
|
||||
c.Context().SetBodyStreamWriter(func(w *bufio.Writer) {
|
||||
defer Hub.UnregisterHttpSubscriber(studentID, "screen", ch)
|
||||
|
||||
for frame := range ch {
|
||||
_, _ = fmt.Fprintf(w, "--frame\r\n")
|
||||
_, _ = fmt.Fprintf(w, "Content-Type: image/jpeg\r\n")
|
||||
_, _ = fmt.Fprintf(w, "Content-Length: %d\r\n\r\n", len(frame))
|
||||
_, _ = w.Write(frame)
|
||||
_, _ = fmt.Fprintf(w, "\r\n")
|
||||
if err := w.Flush(); err != nil {
|
||||
return
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
return nil
|
||||
}
|
||||
|
||||
func GetStudentWebcamStreamHandler(c *fiber.Ctx) error {
|
||||
studentIDVal := c.Params("studentId")
|
||||
studentID, err := strconv.ParseInt(studentIDVal, 10, 64)
|
||||
if err != nil {
|
||||
return c.Status(fiber.StatusBadRequest).SendString("Invalid student ID")
|
||||
}
|
||||
|
||||
ch := Hub.RegisterHttpSubscriber(studentID, "webcam")
|
||||
c.Set("Content-Type", "multipart/x-mixed-replace; boundary=frame")
|
||||
c.Set("Cache-Control", "no-cache")
|
||||
c.Set("Connection", "keep-alive")
|
||||
c.Set("Pragma", "no-cache")
|
||||
|
||||
c.Status(fiber.StatusOK)
|
||||
c.Context().SetBodyStreamWriter(func(w *bufio.Writer) {
|
||||
defer Hub.UnregisterHttpSubscriber(studentID, "webcam", ch)
|
||||
|
||||
for frame := range ch {
|
||||
_, _ = fmt.Fprintf(w, "--frame\r\n")
|
||||
_, _ = fmt.Fprintf(w, "Content-Type: image/jpeg\r\n")
|
||||
_, _ = fmt.Fprintf(w, "Content-Length: %d\r\n\r\n", len(frame))
|
||||
_, _ = w.Write(frame)
|
||||
_, _ = fmt.Fprintf(w, "\r\n")
|
||||
if err := w.Flush(); err != nil {
|
||||
return
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
return nil
|
||||
}
|
||||
|
||||
@@ -93,6 +93,7 @@ func main() {
|
||||
api.Get("/student/wifi-policy", handlers.GetStudentWifiPolicyHandler(gormDB))
|
||||
api.Post("/student/report-wifi", handlers.ReportWifiHandler(gormDB))
|
||||
api.Post("/student/report-blocked-app", handlers.ReportBlockedAppHandler(gormDB))
|
||||
api.Post("/student/report-violation", handlers.ReportViolationHandler(gormDB))
|
||||
api.Get("/student/chat/messages", handlers.StudentListChatHandler(gormDB))
|
||||
api.Post("/student/chat/messages", handlers.StudentSendChatHandler(gormDB))
|
||||
api.Get("/student/chat/conversations", handlers.StudentListChatConversationsHandler(gormDB))
|
||||
@@ -129,9 +130,19 @@ func main() {
|
||||
staff.Get("/classes/:rkId", handlers.GetClassHandler(gormDB))
|
||||
staff.Patch("/classes/:rkId/studying", handlers.PatchClassStudyingHandler(gormDB))
|
||||
staff.Get("/classes/:rkId/students", handlers.ListClassStudentsHandler(gormDB))
|
||||
staff.Get("/classes/:rkId/seating-layout", handlers.GetClassSeatingLayoutHandler(gormDB))
|
||||
staff.Put("/classes/:rkId/seating-layout", handlers.PutClassSeatingLayoutHandler(gormDB))
|
||||
staff.Delete("/classes/:rkId/seating-layout", handlers.DeleteClassSeatingLayoutHandler(gormDB))
|
||||
|
||||
// My classes (lớp cá nhân theo tài khoản)
|
||||
staff.Get("/staff/my-classes", handlers.GetMyClassesHandler(gormDB))
|
||||
staff.Post("/staff/my-classes/:classRkId", handlers.AddMyClassHandler(gormDB))
|
||||
staff.Delete("/staff/my-classes/:classRkId", handlers.RemoveMyClassHandler(gormDB))
|
||||
|
||||
// Students endpoints
|
||||
staff.Get("/students", handlers.ListAllStudentsHandler(gormDB))
|
||||
staff.Get("/students/:studentId/stream/screen", internalWs.GetStudentScreenStreamHandler)
|
||||
staff.Get("/students/:studentId/stream/webcam", internalWs.GetStudentWebcamStreamHandler)
|
||||
|
||||
// Sync endpoints
|
||||
staff.Post("/sync/classes/start", handlers.StartClassesSyncHandler(gormDB, qldtClient, classesJob))
|
||||
@@ -156,7 +167,9 @@ func main() {
|
||||
staff.Post("/network/accepted-wifis/add", handlers.AddAcceptedWifiHandler(gormDB))
|
||||
staff.Delete("/network/accepted-wifis/:id", handlers.DeleteAcceptedWifiHandler(gormDB))
|
||||
staff.Get("/classes/:rkId/session-logs", handlers.ListClassSessionLogsHandler(gormDB))
|
||||
staff.Get("/classes/:rkId/violations", handlers.ListClassViolationsHandler(gormDB))
|
||||
staff.Get("/classes/:rkId/online-students", handlers.GetOnlineStudentsHandler(gormDB))
|
||||
staff.Get("/classes/:rkId/schedule-conflicts", handlers.GetClassScheduleConflictsHandler(gormDB))
|
||||
|
||||
staff.Get("/classes/:rkId/courses", handlers.GetClassCoursesHandler(gormDB, qldtClient))
|
||||
staff.Post("/classes/:rkId/schedule/apply-template", handlers.ApplyScheduleTemplateHandler(gormDB))
|
||||
@@ -165,6 +178,8 @@ func main() {
|
||||
staff.Put("/classes/:rkId/attendance/status", handlers.UpdateAttendanceStatusHandler(gormDB))
|
||||
staff.Put("/classes/:rkId/attendance/bulk-status", handlers.UpdateAttendanceBulkStatusHandler(gormDB))
|
||||
staff.Post("/classes/:rkId/attendance/push-qldt", handlers.PushAttendanceToQLDTHandler(gormDB, qldtClient))
|
||||
staff.Get("/classes/:rkId/leave-requests", handlers.GetLeaveRequestsHandler(gormDB, qldtClient))
|
||||
staff.Post("/classes/:rkId/leave-requests/:leaveId/status", handlers.UpdateLeaveStatusHandler(gormDB, qldtClient))
|
||||
|
||||
// Chat & quản lý tài khoản
|
||||
staff.Get("/chat/students", handlers.SearchChatStudentsHandler(gormDB))
|
||||
@@ -184,6 +199,7 @@ func main() {
|
||||
staff.Get("/exam-rooms/search-students", handlers.SearchExamStudentsHandler(gormDB))
|
||||
staff.Get("/exam-rooms/:id", handlers.GetExamRoomHandler(gormDB))
|
||||
staff.Get("/exam-rooms/:id/online-students", handlers.GetExamRoomOnlineStudentsHandler(gormDB))
|
||||
staff.Get("/exam-rooms/:id/violations", handlers.ListExamRoomViolationsHandler(gormDB))
|
||||
staff.Patch("/exam-rooms/:id", handlers.UpdateExamRoomHandler(gormDB))
|
||||
staff.Delete("/exam-rooms/:id", handlers.DeleteExamRoomHandler(gormDB))
|
||||
staff.Post("/exam-rooms/:id/students", handlers.AddExamRoomStudentsHandler(gormDB))
|
||||
@@ -197,7 +213,12 @@ func main() {
|
||||
staff.Post("/exam-rooms/:id/publish", handlers.PublishExamRoomHandler(gormDB))
|
||||
staff.Post("/exam-rooms/:id/unpublish", handlers.UnpublishExamRoomHandler(gormDB))
|
||||
staff.Post("/exam-rooms/:id/cancel", handlers.CancelExamRoomHandler(gormDB))
|
||||
staff.Post("/exam-rooms/:id/extend", handlers.ExtendExamRoomHandler(gormDB))
|
||||
staff.Post("/exam-rooms/:id/assign-random", handlers.RandomAssignExamPapersHandler(gormDB))
|
||||
staff.Post("/exam-rooms/:id/assign-papers-batch", handlers.AssignExamPapersBatchHandler(gormDB))
|
||||
staff.Get("/exam-rooms/:id/seating-layout", handlers.GetExamSeatingLayoutHandler(gormDB))
|
||||
staff.Put("/exam-rooms/:id/seating-layout", handlers.PutExamSeatingLayoutHandler(gormDB))
|
||||
staff.Delete("/exam-rooms/:id/seating-layout", handlers.DeleteExamSeatingLayoutHandler(gormDB))
|
||||
staff.Post("/exam-rooms/:id/send-papers", handlers.SendExamPapersHandler(gormDB))
|
||||
staff.Get("/exam-rooms/:id/submissions", handlers.ListExamSubmissionsHandler(gormDB))
|
||||
staff.Get("/exam-rooms/:id/submissions/download-all", handlers.DownloadAllExamSubmissionsHandler(gormDB))
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -1,28 +0,0 @@
|
||||
{
|
||||
"version": 1,
|
||||
"exportedAt": "2026-06-29T08:03:38.6066807Z",
|
||||
"profiles": [
|
||||
{
|
||||
"id": "4e08fbd2-15ff-4f37-ba79-44d9f633a248",
|
||||
"name": "Gà Chill",
|
||||
"createdAt": "2026-06-27T03:50:45.9698419Z",
|
||||
"updatedAt": "2026-06-29T01:46:39.7112252Z",
|
||||
"sshHost": "103.245.236.191",
|
||||
"sshPort": 22,
|
||||
"sshUser": "Administrator",
|
||||
"sshPassword": "pass@123123aA@",
|
||||
"remoteDbHost": "127.0.0.1",
|
||||
"remoteDbPort": 1433,
|
||||
"dbUser": "sa",
|
||||
"dbPassword": "123123aA@",
|
||||
"dbTank41": "Db_Tank41",
|
||||
"dbTank": "Db_Tank",
|
||||
"dbMember": "Db_Member",
|
||||
"remoteRequestHost": "127.0.0.1",
|
||||
"remoteRequestPort": 81,
|
||||
"resourceUrl": "https://resource.gunnychill.net",
|
||||
"deployRoot": "C:\\Gunny",
|
||||
"devRootXml": "E:\\gunny3"
|
||||
}
|
||||
]
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 437 KiB |
@@ -1,28 +0,0 @@
|
||||
{
|
||||
"version": 1,
|
||||
"exportedAt": "2026-06-29T08:03:38.6066807Z",
|
||||
"profiles": [
|
||||
{
|
||||
"id": "4e08fbd2-15ff-4f37-ba79-44d9f633a248",
|
||||
"name": "Gà Chill",
|
||||
"createdAt": "2026-06-27T03:50:45.9698419Z",
|
||||
"updatedAt": "2026-06-29T01:46:39.7112252Z",
|
||||
"sshHost": "103.245.236.191",
|
||||
"sshPort": 22,
|
||||
"sshUser": "Administrator",
|
||||
"sshPassword": "pass@123123aA@",
|
||||
"remoteDbHost": "127.0.0.1",
|
||||
"remoteDbPort": 1433,
|
||||
"dbUser": "sa",
|
||||
"dbPassword": "123123aA@",
|
||||
"dbTank41": "Db_Tank41",
|
||||
"dbTank": "Db_Tank",
|
||||
"dbMember": "Db_Member",
|
||||
"remoteRequestHost": "127.0.0.1",
|
||||
"remoteRequestPort": 81,
|
||||
"resourceUrl": "https://resource.gunnychill.net",
|
||||
"deployRoot": "C:\\Gunny",
|
||||
"devRootXml": "E:\\gunny3"
|
||||
}
|
||||
]
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 909 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 208 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
@@ -1,28 +0,0 @@
|
||||
{
|
||||
"version": 1,
|
||||
"exportedAt": "2026-06-29T08:03:38.6066807Z",
|
||||
"profiles": [
|
||||
{
|
||||
"id": "4e08fbd2-15ff-4f37-ba79-44d9f633a248",
|
||||
"name": "Gà Chill",
|
||||
"createdAt": "2026-06-27T03:50:45.9698419Z",
|
||||
"updatedAt": "2026-06-29T01:46:39.7112252Z",
|
||||
"sshHost": "103.245.236.191",
|
||||
"sshPort": 22,
|
||||
"sshUser": "Administrator",
|
||||
"sshPassword": "pass@123123aA@",
|
||||
"remoteDbHost": "127.0.0.1",
|
||||
"remoteDbPort": 1433,
|
||||
"dbUser": "sa",
|
||||
"dbPassword": "123123aA@",
|
||||
"dbTank41": "Db_Tank41",
|
||||
"dbTank": "Db_Tank",
|
||||
"dbMember": "Db_Member",
|
||||
"remoteRequestHost": "127.0.0.1",
|
||||
"remoteRequestPort": 81,
|
||||
"resourceUrl": "https://resource.gunnychill.net",
|
||||
"deployRoot": "C:\\Gunny",
|
||||
"devRootXml": "E:\\gunny3"
|
||||
}
|
||||
]
|
||||
}
|
||||
Binary file not shown.
4
storage_server/.prettierrc
Normal file
4
storage_server/.prettierrc
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"singleQuote": true,
|
||||
"trailingComma": "all"
|
||||
}
|
||||
98
storage_server/README.md
Normal file
98
storage_server/README.md
Normal file
@@ -0,0 +1,98 @@
|
||||
<p align="center">
|
||||
<a href="http://nestjs.com/" target="blank"><img src="https://nestjs.com/img/logo-small.svg" width="120" alt="Nest Logo" /></a>
|
||||
</p>
|
||||
|
||||
[circleci-image]: https://img.shields.io/circleci/build/github/nestjs/nest/master?token=abc123def456
|
||||
[circleci-url]: https://circleci.com/gh/nestjs/nest
|
||||
|
||||
<p align="center">A progressive <a href="http://nodejs.org" target="_blank">Node.js</a> framework for building efficient and scalable server-side applications.</p>
|
||||
<p align="center">
|
||||
<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/v/@nestjs/core.svg" alt="NPM Version" /></a>
|
||||
<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/l/@nestjs/core.svg" alt="Package License" /></a>
|
||||
<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/dm/@nestjs/common.svg" alt="NPM Downloads" /></a>
|
||||
<a href="https://circleci.com/gh/nestjs/nest" target="_blank"><img src="https://img.shields.io/circleci/build/github/nestjs/nest/master" alt="CircleCI" /></a>
|
||||
<a href="https://discord.gg/G7Qnnhy" target="_blank"><img src="https://img.shields.io/badge/discord-online-brightgreen.svg" alt="Discord"/></a>
|
||||
<a href="https://opencollective.com/nest#backer" target="_blank"><img src="https://opencollective.com/nest/backers/badge.svg" alt="Backers on Open Collective" /></a>
|
||||
<a href="https://opencollective.com/nest#sponsor" target="_blank"><img src="https://opencollective.com/nest/sponsors/badge.svg" alt="Sponsors on Open Collective" /></a>
|
||||
<a href="https://paypal.me/kamilmysliwiec" target="_blank"><img src="https://img.shields.io/badge/Donate-PayPal-ff3f59.svg" alt="Donate us"/></a>
|
||||
<a href="https://opencollective.com/nest#sponsor" target="_blank"><img src="https://img.shields.io/badge/Support%20us-Open%20Collective-41B883.svg" alt="Support us"></a>
|
||||
<a href="https://twitter.com/nestframework" target="_blank"><img src="https://img.shields.io/twitter/follow/nestframework.svg?style=social&label=Follow" alt="Follow us on Twitter"></a>
|
||||
</p>
|
||||
<!--[](https://opencollective.com/nest#backer)
|
||||
[](https://opencollective.com/nest#sponsor)-->
|
||||
|
||||
## Description
|
||||
|
||||
[Nest](https://github.com/nestjs/nest) framework TypeScript starter repository.
|
||||
|
||||
## Project setup
|
||||
|
||||
```bash
|
||||
$ npm install
|
||||
```
|
||||
|
||||
## Compile and run the project
|
||||
|
||||
```bash
|
||||
# development
|
||||
$ npm run start
|
||||
|
||||
# watch mode
|
||||
$ npm run start:dev
|
||||
|
||||
# production mode
|
||||
$ npm run start:prod
|
||||
```
|
||||
|
||||
## Run tests
|
||||
|
||||
```bash
|
||||
# unit tests
|
||||
$ npm run test
|
||||
|
||||
# e2e tests
|
||||
$ npm run test:e2e
|
||||
|
||||
# test coverage
|
||||
$ npm run test:cov
|
||||
```
|
||||
|
||||
## Deployment
|
||||
|
||||
When you're ready to deploy your NestJS application to production, there are some key steps you can take to ensure it runs as efficiently as possible. Check out the [deployment documentation](https://docs.nestjs.com/deployment) for more information.
|
||||
|
||||
If you are looking for a cloud-based platform to deploy your NestJS application, check out [Mau](https://mau.nestjs.com), our official platform for deploying NestJS applications on AWS. Mau makes deployment straightforward and fast, requiring just a few simple steps:
|
||||
|
||||
```bash
|
||||
$ npm install -g @nestjs/mau
|
||||
$ mau deploy
|
||||
```
|
||||
|
||||
With Mau, you can deploy your application in just a few clicks, allowing you to focus on building features rather than managing infrastructure.
|
||||
|
||||
## Resources
|
||||
|
||||
Check out a few resources that may come in handy when working with NestJS:
|
||||
|
||||
- Visit the [NestJS Documentation](https://docs.nestjs.com) to learn more about the framework.
|
||||
- For questions and support, please visit our [Discord channel](https://discord.gg/G7Qnnhy).
|
||||
- To dive deeper and get more hands-on experience, check out our official video [courses](https://courses.nestjs.com/).
|
||||
- Deploy your application to AWS with the help of [NestJS Mau](https://mau.nestjs.com) in just a few clicks.
|
||||
- Visualize your application graph and interact with the NestJS application in real-time using [NestJS Devtools](https://devtools.nestjs.com).
|
||||
- Need help with your project (part-time to full-time)? Check out our official [enterprise support](https://enterprise.nestjs.com).
|
||||
- To stay in the loop and get updates, follow us on [X](https://x.com/nestframework) and [LinkedIn](https://linkedin.com/company/nestjs).
|
||||
- Looking for a job, or have a job to offer? Check out our official [Jobs board](https://jobs.nestjs.com).
|
||||
|
||||
## Support
|
||||
|
||||
Nest is an MIT-licensed open source project. It can grow thanks to the sponsors and support by the amazing backers. If you'd like to join them, please [read more here](https://docs.nestjs.com/support).
|
||||
|
||||
## Stay in touch
|
||||
|
||||
- Author - [Kamil Myśliwiec](https://twitter.com/kammysliwiec)
|
||||
- Website - [https://nestjs.com](https://nestjs.com/)
|
||||
- Twitter - [@nestframework](https://twitter.com/nestframework)
|
||||
|
||||
## License
|
||||
|
||||
Nest is [MIT licensed](https://github.com/nestjs/nest/blob/master/LICENSE).
|
||||
35
storage_server/eslint.config.mjs
Normal file
35
storage_server/eslint.config.mjs
Normal file
@@ -0,0 +1,35 @@
|
||||
// @ts-check
|
||||
import eslint from '@eslint/js';
|
||||
import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
|
||||
import globals from 'globals';
|
||||
import tseslint from 'typescript-eslint';
|
||||
|
||||
export default tseslint.config(
|
||||
{
|
||||
ignores: ['eslint.config.mjs'],
|
||||
},
|
||||
eslint.configs.recommended,
|
||||
...tseslint.configs.recommendedTypeChecked,
|
||||
eslintPluginPrettierRecommended,
|
||||
{
|
||||
languageOptions: {
|
||||
globals: {
|
||||
...globals.node,
|
||||
...globals.jest,
|
||||
},
|
||||
sourceType: 'commonjs',
|
||||
parserOptions: {
|
||||
projectService: true,
|
||||
tsconfigRootDir: import.meta.dirname,
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
rules: {
|
||||
'@typescript-eslint/no-explicit-any': 'off',
|
||||
'@typescript-eslint/no-floating-promises': 'warn',
|
||||
'@typescript-eslint/no-unsafe-argument': 'warn',
|
||||
"prettier/prettier": ["error", { endOfLine: "auto" }],
|
||||
},
|
||||
},
|
||||
);
|
||||
8
storage_server/nest-cli.json
Normal file
8
storage_server/nest-cli.json
Normal file
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"$schema": "https://json.schemastore.org/nest-cli",
|
||||
"collection": "@nestjs/schematics",
|
||||
"sourceRoot": "src",
|
||||
"compilerOptions": {
|
||||
"deleteOutDir": true
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user