Spaces:

yammdd
/

vietnamese-text-normalization

Running

App Files Files Community

yammdd commited on 24 days ago

Commit

2bfbdbe

verified ·

1 Parent(s): de9df81

Update templates/index.html

Browse files

Files changed (1) hide show

templates/index.html +68 -74

templates/index.html CHANGED Viewed

@@ -1,75 +1,69 @@
-<!DOCTYPE html>
-<html lang="vi">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>VietCorrect AI - Normalization</title>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="/static/style.css">
-</head>
-<body>
-    <div class="main-card">
-        <!-- Header -->
-        <div class="card-header">
-            <h1 class="app-title">CÔNG CỤ CHUẨN HÓA VĂN BẢN</h1>
-            <!-- MODEL SELECTION UI (Giao diện chọn model) -->
-            <div class="mode-switcher">
-                <label class="mode-option">
-                    <!-- Mặc định checked vào Sửa lỗi, bạn có thể đổi nếu app.py đang chạy model khác -->
-                    <input type="radio" name="modelType" value="correction" checked onchange="handleModeChange()">
-                    <span class="mode-btn">Sửa lỗi chính tả</span>
-                </label>
-                <label class="mode-option">
-                    <input type="radio" name="modelType" value="diacritics" onchange="handleModeChange()">
-                    <span class="mode-btn">Thêm dấu</span>
-                </label>
-            </div>
-        </div>
-        <!-- Input / Output Section -->
-        <div class="editor-section">
-            <div class="text-box-wrapper">
-                <div class="box-label">Văn bản gốc</div>
-                <textarea id="inputText" placeholder="Nhập văn bản vào đây..."></textarea>
-            </div>
-            <div class="text-box-wrapper">
-                <div class="box-label">Kết quả xử lý</div>
-                <textarea id="outputText" readonly placeholder="Kết quả sẽ hiện ở đây..."></textarea>
-            </div>
-        </div>
-        <!-- Button Section -->
-        <div class="action-section">
-            <button id="submitBtn" onclick="correctText()">
-                <span>THỰC HIỆN XỬ LÝ</span>
-            </button>
-            <div id="loading">
-                <div class="spinner"></div> Đang xử lý...
-            </div>
-        </div>
-        <!-- Analysis Section -->
-        <div id="analysisSection" class="analysis-section">
-            <h2 class="section-title">PHÂN TÍCH THAY ĐỔI</h2>
-            <div id="highlightedText" class="highlight-box"></div>
-            <div class="table-wrapper">
-                <table>
-                    <thead>
-                        <tr>
-                            <th>Trước khi sửa</th>
-                            <th>Sau khi sửa</th>
-                            <th style="width: 150px;">Độ tin cậy</th>
-                        </tr>
-                    </thead>
-                    <tbody id="comparisonTableBody"></tbody>
-                </table>
-            </div>
-        </div>
-    </div>
-    <script src="/static/script.js"></script>
-</body>
 </html>

+<!DOCTYPE html>
+<html lang="vi">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>VietCorrect AI - Normalization</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="/static/style.css">
+</head>
+<body>
+    <div class="main-card">
+        <div class="card-header">
+            <h1 class="app-title">CÔNG CỤ CHUẨN HÓA VĂN BẢN</h1>
+            <div class="mode-switcher">
+                <label class="mode-option">
+                    <input type="radio" name="modelType" value="correction" checked onchange="handleModeChange()">
+                    <span class="mode-btn">Sửa lỗi chính tả</span>
+                </label>
+                <label class="mode-option">
+                    <input type="radio" name="modelType" value="diacritics" onchange="handleModeChange()">
+                    <span class="mode-btn">Thêm dấu</span>
+                </label>
+            </div>
+        </div>
+        <div class="editor-section">
+            <div class="text-box-wrapper">
+                <div class="box-label">Văn bản gốc</div>
+                <textarea id="inputText" placeholder="Nhập văn bản vào đây..."></textarea>
+            </div>
+            <div class="text-box-wrapper">
+                <div class="box-label">Kết quả xử lý</div>
+                <textarea id="outputText" readonly placeholder="Kết quả sẽ hiện ở đây..."></textarea>
+            </div>
+        </div>
+        <div class="action-section">
+            <button id="submitBtn" onclick="correctText()">
+                <span>THỰC HIỆN XỬ LÝ</span>
+            </button>
+            <div id="loading">
+                <div class="spinner"></div> Đang xử lý...
+            </div>
+        </div>
+        <div id="analysisSection" class="analysis-section">
+            <h2 class="section-title">PHÂN TÍCH THAY ĐỔI</h2>
+            <div id="highlightedText" class="highlight-box"></div>
+            <div class="table-wrapper">
+                <table>
+                    <thead>
+                        <tr>
+                            <th>Trước khi sửa</th>
+                            <th>Sau khi sửa</th>
+                            <th style="width: 150px;">Độ tin cậy</th>
+                        </tr>
+                    </thead>
+                    <tbody id="comparisonTableBody"></tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+    <script src="/static/script.js"></script>
+</body>
 </html>