web-next: rediseño de security-token, recover, vote-points + rename-guild
- /security-token: diseño completo del original (info + advertencia + NOTA 7 días), fecha en formato HH:MM:SS DD-MM-YYYY, botón "Token enviado", enlace a /recover. - /recover: 4 opciones (contraseña por usuario, nombre de cuenta, token de seguridad y enlace de activación por correo); recuperación de token nueva; Turnstile por envío. - /vote-points: caja de info con las 7 secciones Q&A + panel "Sitios de votación" con tarjetas inline-div (imagen, PV, último voto), botón refrescar; abre el sitio y acredita PV al volver. lib/vote.ts + getVoteSitesForAccount. - /rename-guild: renombra una hermandad de la que la cuenta es Maestro por 1000 PD + token de seguridad; SOAP .guild rename con comillas; reembolsa los PD si SOAP falla. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,148 @@
|
||||
'use client'
|
||||
|
||||
import { useState } from 'react'
|
||||
import { useRouter } from '@/i18n/navigation'
|
||||
import type { GmGuild } from '@/lib/guild'
|
||||
|
||||
function renameError(error?: string): string {
|
||||
switch (error) {
|
||||
case 'missingFields':
|
||||
return 'Completa todos los campos.'
|
||||
case 'invalidName':
|
||||
return 'El nombre debe tener de 1 a 24 caracteres, solo letras (A-Z, a-z) y espacios.'
|
||||
case 'invalidToken':
|
||||
return 'El token de seguridad no es válido.'
|
||||
case 'notGuildMaster':
|
||||
return 'No eres Maestro de esa hermandad.'
|
||||
case 'nameTaken':
|
||||
return 'Ya existe una hermandad con ese nombre.'
|
||||
case 'insufficientPoints':
|
||||
return 'No tienes suficientes PD (se requieren 1000).'
|
||||
case 'soapError':
|
||||
return 'No se pudo aplicar el cambio (servidor de juego no disponible). Inténtalo más tarde.'
|
||||
case 'notAuthenticated':
|
||||
return 'Tu sesión ha expirado. Inicia sesión de nuevo.'
|
||||
default:
|
||||
return 'No se pudo renombrar la hermandad. Inténtalo de nuevo.'
|
||||
}
|
||||
}
|
||||
|
||||
export function RenameGuildForm({ guilds }: { guilds: GmGuild[] }) {
|
||||
const router = useRouter()
|
||||
const [guildId, setGuildId] = useState('')
|
||||
const [newName, setNewName] = useState('')
|
||||
const [token, setToken] = useState('')
|
||||
const [showToken, setShowToken] = useState(false)
|
||||
const [busy, setBusy] = useState(false)
|
||||
const [done, setDone] = useState(false)
|
||||
const [message, setMessage] = useState<{ ok: boolean; text: string } | null>(null)
|
||||
|
||||
if (guilds.length === 0) {
|
||||
return (
|
||||
<div className="centered">
|
||||
<br />
|
||||
<span>No hay personajes Maestros de hermandad</span>
|
||||
<br />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
|
||||
e.preventDefault()
|
||||
if (busy || done) return
|
||||
if (!guildId || !newName.trim() || !token.trim()) {
|
||||
setMessage({ ok: false, text: renameError('missingFields') })
|
||||
return
|
||||
}
|
||||
if (!window.confirm('¿Estás seguro de renombrar la hermandad seleccionada?')) return
|
||||
|
||||
setBusy(true)
|
||||
setMessage(null)
|
||||
try {
|
||||
const res = await fetch('/api/guild/rename', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
credentials: 'same-origin',
|
||||
body: JSON.stringify({ guildId: Number(guildId), newName: newName.trim(), token: token.trim() }),
|
||||
})
|
||||
const data: { success?: boolean; error?: string; newName?: string } = await res.json()
|
||||
if (data.success) {
|
||||
setDone(true)
|
||||
setMessage({ ok: true, text: `¡Hermandad renombrada a "${data.newName}"! Puede que los miembros conectados deban reconectar para verlo.` })
|
||||
setNewName('')
|
||||
setToken('')
|
||||
setTimeout(() => router.refresh(), 3000)
|
||||
} else {
|
||||
setMessage({ ok: false, text: renameError(data.error) })
|
||||
}
|
||||
} catch {
|
||||
setMessage({ ok: false, text: renameError() })
|
||||
} finally {
|
||||
setBusy(false)
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="centered">
|
||||
<form id="uw-rename-guild-form" onSubmit={handleSubmit} acceptCharset="utf-8">
|
||||
<table className="middle-center-table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<select value={guildId} onChange={(e) => setGuildId(e.target.value)} required>
|
||||
<option value="" disabled>Selecciona una hermandad</option>
|
||||
{guilds.map((g) => (
|
||||
<option key={g.guildid} value={g.guildid}>{g.name}</option>
|
||||
))}
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input
|
||||
type="text"
|
||||
maxLength={24}
|
||||
name="new-guild-name"
|
||||
placeholder="Nuevo nombre de la hermandad"
|
||||
value={newName}
|
||||
onChange={(e) => setNewName(e.target.value)}
|
||||
required
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input
|
||||
type={showToken ? 'text' : 'password'}
|
||||
maxLength={6}
|
||||
id="security-token"
|
||||
placeholder="Token de seguridad"
|
||||
value={token}
|
||||
onChange={(e) => setToken(e.target.value)}
|
||||
required
|
||||
/>{' '}
|
||||
<span
|
||||
className={`far ${showToken ? 'fa-eye-slash' : 'fa-eye'} toggle-token`}
|
||||
role="button"
|
||||
tabIndex={0}
|
||||
onClick={() => setShowToken((s) => !s)}
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<button type="submit" className="rename-guild-button" disabled={busy || done} style={done ? { color: '#d79602' } : undefined}>
|
||||
{done ? 'HERMANDAD RENOMBRADA' : busy ? 'RENOMBRANDO HERMANDAD' : 'RENOMBRAR HERMANDAD'}
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
<hr />
|
||||
<div className="alert-message" id="rename-guild-response" style={{ display: message ? 'block' : 'none' }}>
|
||||
{message && <span className={message.ok ? 'ok-form-response' : 'red-form-response'}>{message.text}</span>}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user