chore: 현재 작업 중간 커밋

2026-03-05 11:00:45 +09:00
parent 02970df6af
commit be88b4fcec
43 changed files with 6837 additions and 466 deletions
--- a/src/dashboard/setup.html
+++ b/src/dashboard/setup.html
@@ -0,0 +1,78 @@
+<!doctype html>
+<html lang="ko">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Air-Watcher Telegram Setup</title>
+    <link rel="stylesheet" href="/setup.css" />
+  </head>
+  <body>
+    <main class="layout">
+      <header class="panel topbar">
+        <div>
+          <p class="eyebrow">AIR-WATCHER</p>
+          <h1>텔레그램 설정</h1>
+          <p id="userLabel" class="sub">로딩 중...</p>
+        </div>
+        <div class="actions">
+          <a class="link-btn" href="/">대시보드</a>
+          <button id="logoutBtn" class="btn secondary" type="button">로그아웃</button>
+        </div>
+      </header>
+
+      <section class="panel">
+        <h2>내 알림 설정</h2>
+        <form id="settingsForm" class="form">
+          <label class="field row">
+            <input id="telegramEnabled" type="checkbox" />
+            <span>텔레그램 알림 사용</span>
+          </label>
+
+          <label class="field">
+            <span>수신 Chat ID</span>
+            <input id="telegramChatId" type="text" placeholder="예: 123456789" />
+          </label>
+
+          <label class="field">
+            <span>Bot Token (선택: 비우면 서버 기본 토큰 사용)</span>
+            <input id="telegramBotToken" type="password" placeholder="123456:ABC..." />
+          </label>
+
+          <label class="field row">
+            <input id="clearBotToken" type="checkbox" />
+            <span>저장된 내 Bot Token 삭제</span>
+          </label>
+
+          <label class="field">
+            <span>Telegram API Base (선택)</span>
+            <input id="telegramApiBase" type="text" placeholder="https://api.telegram.org" />
+          </label>
+
+          <div class="button-row">
+            <button id="saveBtn" class="btn primary" type="submit">설정 저장</button>
+            <button id="testBtn" class="btn secondary" type="button">테스트 메시지 보내기</button>
+          </div>
+
+          <p id="statusMessage" class="status"></p>
+        </form>
+      </section>
+
+      <section class="panel">
+        <h2>텔레그램 연동 안내</h2>
+        <ol class="guide">
+          <li>텔레그램에서 <code>@BotFather</code>에게 <code>/newbot</code> 명령으로 봇을 만듭니다.</li>
+          <li>발급된 Bot Token을 위 설정에 저장합니다. (또는 운영자가 서버 전역 토큰을 설정)</li>
+          <li>내가 만든 봇과 1:1 대화를 시작하고 아무 메시지나 1개 보냅니다.</li>
+          <li>
+            브라우저에서
+            <code>https://api.telegram.org/bot&lt;TOKEN&gt;/getUpdates</code>
+            를 열어 <code>chat.id</code> 값을 확인합니다.
+          </li>
+          <li>확인한 <code>chat.id</code>를 위 <code>수신 Chat ID</code>에 저장하고 테스트 전송을 눌러 확인합니다.</li>
+        </ol>
+      </section>
+    </main>
+
+    <script src="/setup.js"></script>
+  </body>
+</html>