From f3be6bd803fc69a126b856ba23edba70082149f6 Mon Sep 17 00:00:00 2001
From: "hehihoho3@gmail.com" <hehihoho3@gmail.com>
Date: Sat, 13 Jun 2026 06:24:49 +0900
Subject: [PATCH] feat(ui): localize channels page to Korean
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

채널/추적 안내/전체 선택/채널 추가/구독자/영상 수/총 조회수/상세/방문/삭제.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/main/resources/templates/channels.html | 24 +++++++++++-----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/main/resources/templates/channels.html b/src/main/resources/templates/channels.html
index e2d5758..b933bf1 100644
--- a/src/main/resources/templates/channels.html
+++ b/src/main/resources/templates/channels.html
@@ -10,19 +10,19 @@
     <div layout:fragment="content">
         <header class="flex justify-between items-center mb-4" style="margin-bottom: 2rem;">
             <div>
-                <h1 class="text-xl font-bold mb-4">Channels</h1>
-                <p class="text-muted">Manage the YouTube channels you are tracking.</p>
+                <h1 class="text-xl font-bold mb-4">채널</h1>
+                <p class="text-muted">추적 중인 YouTube 채널을 관리합니다.</p>
             </div>
             <div class="flex items-center gap-4">
                 <label class="flex items-center gap-2 cursor-pointer text-sm text-muted hover:text-white transition-colors">
                     <input type="checkbox" id="selectAllCheckbox" onchange="toggleSelectAll()" style="width: 18px; height: 18px; cursor: pointer;">
-                    Select All
+                    전체 선택
                 </label>
                 <button id="viewSelectedBtn" class="btn btn-outline" onclick="viewSelectedVideos()" style="display: none;">
                     <i data-lucide="play" style="width: 18px; margin-right: 8px;"></i> View Selected Videos (<span id="selectedCount">0</span>)
                 </button>
                 <button class="btn btn-primary" onclick="openAddModal()">
-                    <i data-lucide="plus" style="width: 18px; margin-right: 8px;"></i> Add Channel
+                    <i data-lucide="plus" style="width: 18px; margin-right: 8px;"></i> 채널 추가
                 </button>
             </div>
         </header>
@@ -57,8 +57,8 @@
                         <div>
                             <h3 class="font-bold" th:text="${channel.title}">Tech Reviewer A</h3>
                             <div class="text-muted text-sm"
-                                th:text="${#numbers.formatInteger(channel.subscriberCount ?: 0, 0, 'COMMA')} + ' Subscribers'">
-                                1.2M Subscribers</div>
+                                th:text="${#numbers.formatInteger(channel.subscriberCount ?: 0, 0, 'COMMA')} + ' 구독자'">
+                                1.2M 구독자</div>
                         </div>
                     </div>
                 </div>
@@ -76,13 +76,13 @@
                 <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.5rem;">
                     <div class="p-4"
                         style="background: var(--surface-2); border-radius: 8px; text-align: center;">
-                        <div class="text-muted mb-4" style="font-size: 0.75rem">Videos</div>
+                        <div class="text-muted mb-4" style="font-size: 0.75rem">영상 수</div>
                         <div class="font-bold" th:text="${#numbers.formatInteger(channel.videoCount ?: 0, 0, 'COMMA')}">450
                         </div>
                     </div>
                     <div class="p-4"
                         style="background: var(--surface-2); border-radius: 8px; text-align: center;">
-                        <div class="text-muted mb-4" style="font-size: 0.75rem">Total Views</div>
+                        <div class="text-muted mb-4" style="font-size: 0.75rem">총 조회수</div>
                         <div class="font-bold" th:text="${#numbers.formatInteger(channel.viewCount ?: 0, 0, 'COMMA')}">45K
                         </div>
                     </div>
@@ -91,15 +91,15 @@
                 <div class="flex gap-2" onclick="event.stopPropagation()">
                     <a th:href="@{/channels/{id}(id=${channel.id})}" class="btn btn-primary w-full"
                         style="font-size: 0.8rem; text-decoration: none; display: flex; align-items: center; justify-content: center;">
-                        <i data-lucide="list" style="width: 14px; margin-right: 6px;"></i> Detail
+                        <i data-lucide="list" style="width: 14px; margin-right: 6px;"></i> 상세
                     </a>
                     <a th:href="'https://www.youtube.com/channel/' + ${channel.channelId}" target="_blank"
                         class="btn btn-ghost w-full"
                         style="font-size: 0.8rem; text-decoration: none; display: flex; align-items: center; justify-content: center;">
-                        <i data-lucide="external-link" style="width: 14px; margin-right: 6px;"></i> Visit
+                        <i data-lucide="external-link" style="width: 14px; margin-right: 6px;"></i> 방문
                     </a>
                     <button class="btn btn-ghost w-full" style="color: var(--danger); font-size: 0.8rem;" th:onclick="'deleteChannel(' + ${channel.id} + '); event.stopPropagation();'">
-                        <i data-lucide="trash-2" style="width: 14px; margin-right: 6px;"></i> Remove
+                        <i data-lucide="trash-2" style="width: 14px; margin-right: 6px;"></i> 삭제
                     </button>
                 </div>
             </div>
@@ -118,7 +118,7 @@
                 </div>
                 <div class="flex justify-end gap-2">
                     <button class="btn btn-ghost" onclick="closeAddModal()">Cancel</button>
-                    <button class="btn btn-primary" onclick="submitAddChannel()">Add Channel</button>
+                    <button class="btn btn-primary" onclick="submitAddChannel()">채널 추가</button>
                 </div>
             </div>
         </div>