refactor: 新增 ui.js 和 main.js 模組，啟用 ES6 Modules

Browse Source

新增檔案：
- js/ui.js - UI 操作、模組切換、預覽更新、表單資料收集
- js/main.js - 主程式初始化、事件監聽器設置、快捷鍵

更新檔案：
- index.html - 引用 ES6 模組 (type="module")

功能：
✅ 模組切換功能
✅ 標籤頁切換
✅ 表單欄位監聽
✅ JSON 預覽更新
✅ 快捷鍵支援 (Ctrl+S, Ctrl+N)
✅ 用戶信息載入
✅ 登出功能

注意：
- 大部分 JavaScript 代碼仍在 HTML 中（約 2400 行）
- 已建立核心模組架構，便於後續逐步遷移
- 使用 ES6 Modules，需要通過 HTTP Server 運行

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

...

This commit is contained in:

DonaldFang 方士碩

2025-12-05 17:18:28 +08:00

parent ee3db29c32

commit 12ceccc3d3

27 changed files with 9712 additions and 19 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

1140

Test Driven Development.md Normal file

File diff suppressed because it is too large Load Diff