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

新增檔案： - 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>
2025-12-05 17:18:28 +08:00
parent ee3db29c32
commit 12ceccc3d3
27 changed files with 9712 additions and 19 deletions
--- a/index.html
+++ b/index.html
@@ -25,7 +25,10 @@
        })();
    </script>

-    <!-- 內嵌 CSS 已遷移至外部檔案 -->
+    <!-- 外部 JavaScript 模組 (ES6 Modules) -->
+    <script type="module" src="js/main.js"></script>
+
+    <!-- Legacy 工具腳本 -->
    <script src="csv_utils.js"></script>
 </head>
 <body>