device-center 0.2.0-beta.2 → 0.2.0-beta.3

package/src/login.js

@@ -1,3 +1,6 @@
+import { initLanguage, getLocale, t } from './i18n.js';
+initLanguage();
+function setMessage(element, key) { if (key) element.dataset.i18n = key; else delete element.dataset.i18n; element.textContent = key ? t(key) : ''; }
 const form = document.querySelector('#login');
 const loading = document.querySelector('#loading');
 let checking = false, watchingUntil = 0, timer, options;
@@ -8,19 +11,19 @@ async function continueUnified(manual = false) {
   button.disabled = true;
   try {
     const response = await fetch('/api/auth/continue', { method: 'POST', headers: { 'content-type': 'application/json' }, body: '{}', signal: AbortSignal.timeout(10_000) });
-    if (response.ok) { clearInterval(timer); location.replace('/'); return; }
-    if (response.status === 401) message.textContent = manual ? '请先在统一账号页面完成邮箱或 Google 登录，再回到这里。' : '';
+    if (response.ok) { clearInterval(timer); location.replace('/?lang=' + getLocale()); return; }
+    if (response.status === 401) setMessage(message, manual ? 'login.first' : null);
     else {
       clearInterval(timer);
-      message.textContent = response.status === 403 ? '当前账号没有此个人面板的访问权限，请使用面板所有者的账号。' : response.status === 429 ? '尝试过于频繁，请一分钟后重试。' : '统一账号服务暂不可用，请稍后重试。';
+      setMessage(message, response.status === 403 ? 'login.owner' : response.status === 429 ? 'login.rate' : 'login.unavailable');
     }
-  } catch { message.textContent = '连接账号服务超时，请重试。'; clearInterval(timer); }
+  } catch { setMessage(message, 'login.timeout'); clearInterval(timer); }
   finally { checking = false; button.disabled = false; }
 }
 document.querySelector('#continue-login').addEventListener('click', () => continueUnified(true));
 document.querySelector('#unified-login').addEventListener('click', () => {
   watchingUntil = Date.now() + 5 * 60_000;
-  document.querySelector('#unified-message').textContent = '完成统一账号登录后，回到此页即可。';
+  setMessage(document.querySelector('#unified-message'), 'login.return');
   clearInterval(timer);
   timer = setInterval(() => { if (Date.now() > watchingUntil) clearInterval(timer); else void continueUnified(); }, 4000);
 });
@@ -30,7 +33,7 @@ try {
   const response = await fetch('/api/auth/options', { signal: AbortSignal.timeout(5000) });
   if (!response.ok) throw new Error();
   options = await response.json();
-  document.querySelector('#access-notes').textContent = options.accountMode === 'multi-user' ? '账号设备隔离 · HTTPS 保护' : '个人访问 · HTTPS 保护';
+  setMessage(document.querySelector('#access-notes'), options.accountMode === 'multi-user' ? 'login.multi' : 'login.personal');
   loading.hidden = true;
   if (options.provider === 'app-services') {
     const target = new URL(options.accountLoginUrl);
@@ -40,17 +43,17 @@ try {
     if (options.automaticContinue) void continueUnified();
   } else if (options.provider === 'password') { form.hidden = false; form.elements.username.focus(); }
   else throw new Error();
-} catch { loading.hidden = false; loading.textContent = '无法读取登录方式，请刷新重试。'; }
+} catch { loading.hidden = false; setMessage(loading, 'login.optionsError'); }
 form.addEventListener('submit', async (event) => {
   event.preventDefault();
   const button = form.querySelector('button');
   const message = document.querySelector('#message');
-  button.disabled = true; message.textContent = '';
+  button.disabled = true; setMessage(message, null);
   try {
     const data = Object.fromEntries(new FormData(form));
     const response = await fetch('/api/auth/login', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(data), signal: AbortSignal.timeout(10_000) });
-    if (!response.ok) throw new Error(response.status === 429 ? '尝试过于频繁，请一分钟后重试。' : '用户名或密码不正确。');
-    form.reset(); location.replace('/');
-  } catch (cause) { message.textContent = cause.name === 'TimeoutError' ? '连接超时，请重试。' : cause.message; }
+    if (!response.ok) throw new Error(response.status === 429 ? 'login.rate' : 'login.credentials');
+    form.reset(); location.replace('/?lang=' + getLocale());
+  } catch (cause) { setMessage(message, cause.name === 'TimeoutError' ? 'login.timeout' : cause.message.startsWith('login.') ? cause.message : 'login.unavailable'); }
   finally { button.disabled = false; }
 });