web-next: /account idéntico al my-account de Django
La página de cuenta no se parecía a la de Django (oro descuadrado, info como
tabla, herramientas en grupos abiertos). Reescrita para replicar el
partials/my-account.html + isla AccountDashboard de Django:
- Información en DOS fieldsets (.account-fieldset): «Datos básicos» (cuentas,
correos, fecha de registro, IPs) y «Estado de la cuenta» (insignia de rango
nw-rank + PD/PV/créditos/token + baneo + reclutamiento). lib/account.ts
ampliado para traer reg_mail/email/joindate/last_ip/last_attempt_ip, estado
de baneo (account_banned) y nº de reclutados.
- Personajes en char-box con el markup exacto de Django: retrato flotante +
oro EN LÍNEA (monedas width=10). Antes las monedas salían a tamaño nativo
(descuadre) y apiladas.
- Herramientas en paneles plegables (acordeón) «OPCIONES DE CUENTA / OPCIONES
DE PERSONAJE» como Django (componente cliente AccountTools), con los
servicios ya implementados en Next y las etiquetas/descripciones exactas.
- globals.css: revertir otro reset del preflight de Tailwind — img{display:
block} apilaba verticalmente los iconos en línea (monedas); el tema los usa
inline como la web Django. Volvemos a img{display:inline}.
Verificado con Playwright (login real con cuenta de prueba + captura): info,
personajes con oro en línea y paneles que expanden con sus iconos; home sin
regresión por el cambio de img.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -21,10 +21,19 @@ export interface Character {
|
||||
export interface AccountDashboard {
|
||||
bnetEmail: string
|
||||
gameAccount: string
|
||||
regMail: string
|
||||
email: string
|
||||
joindate: string
|
||||
lastIp: string
|
||||
lastAttemptIp: string
|
||||
dp: number
|
||||
vp: number
|
||||
battlepayCredits: number
|
||||
securityTokenDate: string | null
|
||||
isBanned: boolean
|
||||
unbanDate: string | null
|
||||
isRecruited: boolean
|
||||
recruitedCount: number
|
||||
characters: Character[]
|
||||
}
|
||||
|
||||
@@ -58,6 +67,58 @@ export async function getAccountDashboard(session: SessionData): Promise<Account
|
||||
/* ignore */
|
||||
}
|
||||
|
||||
// Datos de la tabla account (correos, fecha, IPs, reclutador).
|
||||
let regMail = ''
|
||||
let email = ''
|
||||
let joindate = ''
|
||||
let lastIp = ''
|
||||
let lastAttemptIp = ''
|
||||
let isRecruited = false
|
||||
try {
|
||||
const [a] = await db(DB.auth).query<RowDataPacket[]>(
|
||||
'SELECT reg_mail, email, last_ip, last_attempt_ip, joindate, recruiter FROM account WHERE id = ?',
|
||||
[accountId],
|
||||
)
|
||||
if (a[0]) {
|
||||
regMail = a[0].reg_mail || ''
|
||||
email = a[0].email || ''
|
||||
lastIp = a[0].last_ip || ''
|
||||
lastAttemptIp = a[0].last_attempt_ip || ''
|
||||
isRecruited = Boolean(a[0].recruiter)
|
||||
if (a[0].joindate) joindate = new Date(a[0].joindate).toLocaleString('es-ES')
|
||||
}
|
||||
} catch {
|
||||
/* ignore */
|
||||
}
|
||||
|
||||
// Estado de baneo (account_banned activo).
|
||||
let isBanned = false
|
||||
let unbanDate: string | null = null
|
||||
try {
|
||||
const [bn] = await db(DB.auth).query<RowDataPacket[]>(
|
||||
'SELECT unbandate FROM account_banned WHERE id = ? AND active = 1 LIMIT 1',
|
||||
[accountId],
|
||||
)
|
||||
if (bn[0]) {
|
||||
isBanned = true
|
||||
unbanDate = new Date(Number(bn[0].unbandate) * 1000).toLocaleString('es-ES')
|
||||
}
|
||||
} catch {
|
||||
/* ignore */
|
||||
}
|
||||
|
||||
// Nº de amigos reclutados.
|
||||
let recruitedCount = 0
|
||||
try {
|
||||
const [rc] = await db(DB.auth).query<RowDataPacket[]>(
|
||||
'SELECT COUNT(*) AS n FROM account WHERE recruiter = ?',
|
||||
[accountId],
|
||||
)
|
||||
if (rc[0]) recruitedCount = Number(rc[0].n)
|
||||
} catch {
|
||||
/* ignore */
|
||||
}
|
||||
|
||||
let securityTokenDate: string | null = null
|
||||
try {
|
||||
const [s] = await db(DB.default).query<RowDataPacket[]>(
|
||||
@@ -96,10 +157,19 @@ export async function getAccountDashboard(session: SessionData): Promise<Account
|
||||
return {
|
||||
bnetEmail: session.bnetEmail ?? '',
|
||||
gameAccount: session.username ?? '',
|
||||
regMail,
|
||||
email,
|
||||
joindate,
|
||||
lastIp,
|
||||
lastAttemptIp,
|
||||
dp,
|
||||
vp,
|
||||
battlepayCredits,
|
||||
securityTokenDate,
|
||||
isBanned,
|
||||
unbanDate,
|
||||
isRecruited,
|
||||
recruitedCount,
|
||||
characters,
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user