A-31 Manage Sessions
內容依原始規格呈現 · 查看 Markdown 來源 ↗需具備倉庫查看權限
單元管理
🎨 Figma: node-698-2843 (A-30 同頁面子視圖) 🔗
🎯 核心功能
使用者： Admin (新增/查詢) / Super Admin (修改/刪除/狀態切換)
管理特定 Level（例如：EKL1）下的所有 Session 結構。支援手動新增單元、修改單元名稱、切換啟用狀態以及刪除單元。
🧱 畫面結構
| 區域 | 說明 |
|---|---|
| Header | Nihao Admin Course Management > [EKL1] > Manage Sessions, [👤] |
| Breadcrumbs | Course Management > [Level Name]，方便快速跳回上一層 |
| Level Info | Level Information: [Early Kids Level 1 (EKL1)] |
| Toolbar | [🔍 Search Session Name...], [+ Add Session] |
| Session Table | ID/Order, Session Name, Vocab Count, Status, Actions [👁️] [✎] [🗑️] |
| Save | [Save Status] 按鈕 |
📦 區塊說明
| 區塊 | 元件 | 權限要求 | 功能與行為 |
|---|---|---|---|
| Breadcrumbs | Navigation Link | All | Course Management > [Level Name]，方便快速跳回上一層。 |
| Search Bar | Filter Input | All | 針對當前 Level 下的 Session 名稱進行即時篩選。 |
| Add Session | [+] Button | Super / Admin | 彈出 Modal 視窗，手動輸入 Session ID 與 Name。 |
| Status Toggle | Switch / Toggle | Super Admin | 切換單元是否對教師/學生可見。一般 Admin 僅能查看。 |
| Vocab Count | Badge / Link | All | 顯示該 Session 已有的單字數，點擊可直接進入 A-32。 |
| [👁️] View Vocab | Button | Super / Admin | 進入 A-32 Manage Vocabulary 查詢單字。 |
| [✎] Edit Name | Button | Super Admin | 點擊後該行名稱變為 Input，可直接修改。 |
| [🗑️] Delete | Button | Super Admin | 刪除單元。觸發二次確認彈窗。 |
🔐 權限與手動新增邏輯
手動新增 Session ([+] Add Session Modal)
當 Super 或一般 Admin 點擊新增時，彈出視窗：
- Input 1: Session ID (如：Session 17) - 必填，不可重複。
- Input 2: Session Name (如：Colors) - 必填。
- 邏輯： 新增成功後，該 Session 為空（Vocab = 0），需透過批量導入填充內容。
超級管理員專屬權限 (Super Only)
- 修改名稱 [✎]： 一般 Admin 無權修改已存在的架構名稱。
- 刪除 Session [🗑️]： 二次確認彈窗。若該 Session 已有單字，需輸入 CONFIRM DELETE 解鎖按鈕。
- 狀態切換 (ON/OFF)： 僅 Super Admin 可決定單元是否正式上架。
🔁 交互流程圖
- 進入路徑： A-30 Level 列表 → 點擊 [🔧 Manage Sessions] → 進入 A-31。
- 手動新增： 點擊 [+] Add → 輸入資料 → 確認 → 列表即時更新。
- 修改與保存： Super Admin 點擊 [✎] 修改名稱 → 點擊下方 [Save Status] → 同步至數據庫。
- 下鑽查詢： 點擊該行 [👁️] 或 Vocab 數字 → 進入 A-32 Manage Vocabulary。