初始提交：短剧库源码（含转码优化 ultrafast）
This commit is contained in:
yvan
@@ -0,0 +1,165 @@
|
||||
import { $, post, setMessage } from './ui-core.js';
|
||||
import { initializeViewer, announceViewerChange } from './viewer.js';
|
||||
|
||||
export function createAccount(app) {
|
||||
let mode = 'login', busy = false;
|
||||
const panel = $('accountPanel');
|
||||
|
||||
function setMode(value) {
|
||||
if (busy) return;
|
||||
mode = value === 'register' && app.viewer?.allowRegistration !== false ? 'register' : 'login';
|
||||
const registering = mode === 'register';
|
||||
document.querySelectorAll('[data-account-mode]').forEach(button => button.setAttribute('aria-pressed', String(button.dataset.accountMode === mode)));
|
||||
$('accountConfirmRow').hidden = !registering;
|
||||
$('accountPasswordConfirm').required = registering;
|
||||
$('accountImportOnRegisterRow').hidden = !registering;
|
||||
$('accountPassword').autocomplete = registering ? 'new-password' : 'current-password';
|
||||
$('accountSubmitBtn').textContent = registering ? '注册并登录' : '登录';
|
||||
$('accountStatus').textContent = '';
|
||||
}
|
||||
|
||||
function setBusy(value) {
|
||||
busy = value;
|
||||
panel.querySelectorAll('input, button:not([data-close])').forEach(control => {control.disabled = value;});
|
||||
panel.setAttribute('aria-busy', String(value));
|
||||
}
|
||||
|
||||
function finish(message, error = false) {
|
||||
try { sessionStorage.setItem('juku.account.flash', JSON.stringify({message, error})); } catch (_) {}
|
||||
announceViewerChange();
|
||||
location.reload();
|
||||
}
|
||||
|
||||
async function authenticate(event) {
|
||||
event.preventDefault();
|
||||
if (busy) return;
|
||||
const registering = mode === 'register';
|
||||
if (registering && $('accountPassword').value !== $('accountPasswordConfirm').value) {
|
||||
$('accountStatus').textContent = '两次输入的密码不一致';
|
||||
return;
|
||||
}
|
||||
const importRecords = registering && $('accountImportOnRegister').checked;
|
||||
const username = $('accountUsername').value.trim(), password = $('accountPassword').value;
|
||||
setBusy(true);
|
||||
$('accountStatus').textContent = registering ? '正在创建账号…' : '正在登录…';
|
||||
try {
|
||||
await post('/api/ui/account/' + mode, {username, password});
|
||||
$('accountPassword').value = '';
|
||||
$('accountPasswordConfirm').value = '';
|
||||
app.viewer = await initializeViewer();
|
||||
if (!app.viewer.account) throw new Error('登录 Cookie 未保存，请允许此网站保存 Cookie 后重试');
|
||||
let message = registering ? '账号已创建，观看记录将跟随账号保存。' : '已登录 ' + app.viewer.account.username + '，个人记录已加载。';
|
||||
if (importRecords && app.viewer.guestImportAvailable) {
|
||||
try {
|
||||
await post('/api/ui/account/import', {});
|
||||
message = '账号已创建，此浏览器原有记录已接入账号。';
|
||||
} catch (error) {
|
||||
finish('账号已创建；' + error.message + '。可在账号面板重试接回记录。', true);
|
||||
return;
|
||||
}
|
||||
}
|
||||
finish(message);
|
||||
} catch (error) {
|
||||
$('accountStatus').textContent = error.message;
|
||||
if (app.viewer?.account) finish('账号已登录，请刷新后继续。', true);
|
||||
} finally { setBusy(false); }
|
||||
}
|
||||
|
||||
async function logout() {
|
||||
if (busy) return;
|
||||
setBusy(true);
|
||||
$('accountStatus').textContent = '正在退出…';
|
||||
try {
|
||||
await post('/api/ui/account/logout', {});
|
||||
finish('已退出账号。账号记录已保留，下次登录可继续。');
|
||||
} catch (error) { $('accountStatus').textContent = error.message; }
|
||||
finally { setBusy(false); }
|
||||
}
|
||||
|
||||
async function changePassword(event) {
|
||||
event.preventDefault();
|
||||
if (busy) return;
|
||||
if ($('accountNewPassword').value !== $('accountNewPasswordConfirm').value) {
|
||||
$('accountStatus').textContent = '两次输入的新密码不一致';
|
||||
return;
|
||||
}
|
||||
const password = $('accountCurrentPassword').value, newPassword = $('accountNewPassword').value;
|
||||
setBusy(true);
|
||||
$('accountStatus').textContent = '正在修改密码…';
|
||||
try {
|
||||
await post('/api/ui/account/password', {password, newPassword});
|
||||
$('accountPasswordForm').reset();
|
||||
finish('密码已修改，其他设备的登录已失效。');
|
||||
} catch (error) { $('accountStatus').textContent = error.message; }
|
||||
finally { setBusy(false); }
|
||||
}
|
||||
|
||||
async function importGuest() {
|
||||
if (busy) return;
|
||||
setBusy(true);
|
||||
$('accountStatus').textContent = '正在接回此浏览器原有记录…';
|
||||
try {
|
||||
await post('/api/ui/account/import', {});
|
||||
finish('此浏览器原有记录已接入账号，原始文件仍保留。');
|
||||
} catch (error) { $('accountStatus').textContent = error.message; }
|
||||
finally { setBusy(false); }
|
||||
}
|
||||
|
||||
function open() {
|
||||
$('headerMenu').open = false;
|
||||
window.JukuDialogs.open(panel);
|
||||
}
|
||||
|
||||
function init() {
|
||||
const account = app.viewer?.account;
|
||||
const forcedPassword = Boolean(account?.requirePasswordChange);
|
||||
const loginPage = location.pathname === '/login' || forcedPassword || app.viewer?.requireLogin && !account;
|
||||
$('accountGuest').hidden = Boolean(account);
|
||||
$('accountMember').hidden = !account;
|
||||
$('accountLabel').textContent = account?.username || '登录';
|
||||
$('openAccountBtn').setAttribute('aria-label', account ? '账号：' + account.username : '登录或注册账号');
|
||||
$('openAccountBtn').title = account ? '当前账号：' + account.username : '登录后跨设备接着看';
|
||||
$('accountName').textContent = account?.username || '';
|
||||
$('accountGuestImportSection').hidden = !app.viewer?.guestImportAvailable;
|
||||
$('accountManageUsersBtn').hidden = !account?.admin || forcedPassword;
|
||||
$('accountRegistrationDisabled').hidden = app.viewer?.allowRegistration !== false;
|
||||
document.querySelector('[data-account-mode="register"]').hidden = app.viewer?.allowRegistration === false;
|
||||
$('accountForcedPasswordHint').hidden = !forcedPassword;
|
||||
if (forcedPassword) {
|
||||
$('accountPasswordDetails').open = true;
|
||||
$('accountPasswordDetails').querySelector('summary').hidden = true;
|
||||
$('accountGuestImportSection').hidden = true;
|
||||
}
|
||||
$('viewerIdentityLabel').textContent = account ? '账号：' + account.username : '当前浏览器';
|
||||
$('viewerRecordsHint').textContent = account ? '观看进度和追剧清单跟随账号保存，换设备登录同一账号即可继续。可用站源和下载权限由管理员设置。' : '观看进度和追剧清单保存在当前浏览器身份下。点击顶栏的账号图标注册或登录，可跨设备继续观看。';
|
||||
const searchLabel = account ? '搜索我的观看记录' : '搜索本浏览器的观看记录';
|
||||
$('historySearch').placeholder = searchLabel;
|
||||
$('historySearch').setAttribute('aria-label', searchLabel);
|
||||
$('openAccountBtn').addEventListener('click', open);
|
||||
document.querySelectorAll('[data-account-open]').forEach(button => button.addEventListener('click', open));
|
||||
document.querySelectorAll('[data-account-mode]').forEach(button => button.addEventListener('click', () => setMode(button.dataset.accountMode)));
|
||||
$('accountForm').addEventListener('submit', authenticate);
|
||||
$('accountLogoutBtn').addEventListener('click', logout);
|
||||
$('accountPasswordForm').addEventListener('submit', changePassword);
|
||||
$('accountImportGuestBtn').addEventListener('click', importGuest);
|
||||
panel.addEventListener('close', () => panel.querySelectorAll('input[type=password]').forEach(input => {input.value = '';}));
|
||||
setMode('login');
|
||||
if (loginPage) {
|
||||
document.body.classList.add('account-page');
|
||||
panel.setAttribute('open', '');
|
||||
panel.querySelector('[data-close]').hidden = true;
|
||||
$('accountTitle').textContent = forcedPassword ? '修改初始密码' : '登录剧库';
|
||||
$('accountAnonymousLink').hidden = app.viewer?.requireLogin || Boolean(account);
|
||||
document.documentElement.dataset.ready = 'true';
|
||||
}
|
||||
try {
|
||||
const flash = JSON.parse(sessionStorage.getItem('juku.account.flash') || 'null');
|
||||
sessionStorage.removeItem('juku.account.flash');
|
||||
if (flash?.message) setMessage(flash.message, flash.error);
|
||||
else if (app.viewer?.accountExpired) setMessage('登录已过期，请重新登录账号接着看。');
|
||||
} catch (_) {}
|
||||
return Boolean(loginPage);
|
||||
}
|
||||
|
||||
return {init};
|
||||
}
|
||||
Reference in New Issue
Block a user