Admin: gestión de foros (categorías y foros)

- lib/admin-forum.ts: listCategoriesWithForums, createCategory/deleteCategory (solo si vacía), createForum/deleteForum (borrado lógico), setForumVisibility. - API: /api/admin/forum(+/[id] DELETE/PATCH visibilidad) y /api/admin/forum/category(+/[id]) (403 sin admin). - UI: /admin/forum (AdminForumManager) — alta de categorías, alta/borrado de foros por categoría, mostrar/ocultar; tarjeta "Gestionar foros" en el índice del admin. - i18n es/en (Admin): 13 claves nuevas. Verificado: build OK, /admin/forum 307->login, APIs 403 sin admin. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-13 01:49:52 +00:00
parent af2438399d
commit 8bb18838ff
10 changed files with 339 additions and 2 deletions
@@ -0,0 +1,24 @@
+import { getTranslations, setRequestLocale } from 'next-intl/server'
+import { redirect } from '@/i18n/navigation'
+import { getSession } from '@/lib/session'
+import { isAdmin } from '@/lib/admin'
+import { listCategoriesWithForums } from '@/lib/admin-forum'
+import { AdminForumManager } from '@/components/AdminForumManager'
+
+export const dynamic = 'force-dynamic'
+
+export default async function AdminForumPage({ params }: { params: Promise<{ locale: string }> }) {
+  const { locale } = await params
+  setRequestLocale(locale)
+  const t = await getTranslations('Admin')
+  const session = await getSession()
+  if (!session.bnetId) redirect({ href: '/login', locale })
+  if (!(await isAdmin(session))) redirect({ href: '/', locale })
+  const groups = await listCategoriesWithForums()
+  return (
+    <main className="mx-auto max-w-3xl px-4 py-8">
+      <h1 className="mb-6 text-2xl font-bold text-amber-500">{t('forum')}</h1>
+      <AdminForumManager initial={groups} />
+    </main>
+  )
+}
@@ -20,6 +20,7 @@ export default async function AdminPage({ params }: { params: Promise<{ locale:
    { href: '/admin/gold', label: t('manageGold'), icon: '🪙' },
    { href: '/admin/users', label: t('manageUsers'), icon: '👤' },
    { href: '/admin/recruit', label: t('manageRecruit'), icon: '🎁' },
+    { href: '/admin/forum', label: t('manageForum'), icon: '💬' },
  ]

  return (
@@ -0,0 +1,21 @@
+import { getSession } from '@/lib/session'
+import { isAdmin } from '@/lib/admin'
+import { deleteForum, setForumVisibility } from '@/lib/admin-forum'
+
+export async function DELETE(_request: Request, { params }: { params: Promise<{ id: string }> }) {
+  const session = await getSession()
+  if (!(await isAdmin(session))) return Response.json({ success: false, error: 'forbidden' }, { status: 403 })
+  const { id } = await params
+  await deleteForum(Number(id))
+  return Response.json({ success: true })
+}
+
+export async function PATCH(request: Request, { params }: { params: Promise<{ id: string }> }) {
+  const session = await getSession()
+  if (!(await isAdmin(session))) return Response.json({ success: false, error: 'forbidden' }, { status: 403 })
+  const { id } = await params
+  let b: Record<string, unknown> = {}
+  try { b = await request.json() } catch { return Response.json({ success: false, error: 'invalidRequest' }, { status: 400 }) }
+  await setForumVisibility(Number(id), b.visibility !== false)
+  return Response.json({ success: true })
+}
@@ -0,0 +1,11 @@
+import { getSession } from '@/lib/session'
+import { isAdmin } from '@/lib/admin'
+import { deleteCategory } from '@/lib/admin-forum'
+
+export async function DELETE(_request: Request, { params }: { params: Promise<{ id: string }> }) {
+  const session = await getSession()
+  if (!(await isAdmin(session))) return Response.json({ success: false, error: 'forbidden' }, { status: 403 })
+  const { id } = await params
+  const ok = await deleteCategory(Number(id))
+  return Response.json({ success: ok, error: ok ? undefined : 'categoryNotEmpty' })
+}
@@ -0,0 +1,15 @@
+import { getSession } from '@/lib/session'
+import { isAdmin } from '@/lib/admin'
+import { createCategory } from '@/lib/admin-forum'
+
+export async function POST(request: Request) {
+  const session = await getSession()
+  if (!(await isAdmin(session))) return Response.json({ success: false, error: 'forbidden' }, { status: 403 })
+  let b: Record<string, unknown> = {}
+  try { b = await request.json() } catch { return Response.json({ success: false, error: 'invalidRequest' }, { status: 400 }) }
+  const name = String(b.name ?? '').trim()
+  const order = Number(b.order) || 0
+  if (!name) return Response.json({ success: false, error: 'emptyError' })
+  const id = await createCategory(name, order)
+  return Response.json({ success: true, id })
+}
@@ -0,0 +1,18 @@
+import { getSession } from '@/lib/session'
+import { isAdmin } from '@/lib/admin'
+import { createForum } from '@/lib/admin-forum'
+
+export async function POST(request: Request) {
+  const session = await getSession()
+  if (!(await isAdmin(session))) return Response.json({ success: false, error: 'forbidden' }, { status: 403 })
+  let b: Record<string, unknown> = {}
+  try { b = await request.json() } catch { return Response.json({ success: false, error: 'invalidRequest' }, { status: 400 }) }
+  const categoryId = Number(b.categoryId)
+  const name = String(b.name ?? '').trim()
+  const description = String(b.description ?? '').trim()
+  const order = Number(b.order) || 0
+  const visibility = b.visibility === false ? 0 : 1
+  if (!categoryId || !name) return Response.json({ success: false, error: 'emptyError' })
+  const id = await createForum(categoryId, name, description, order, visibility)
+  return Response.json({ success: true, id })
+}
@@ -0,0 +1,135 @@
+'use client'
+
+import { useState } from 'react'
+import { useTranslations } from 'next-intl'
+import { useRouter } from '@/i18n/navigation'
+import type { AdminCategory, AdminForum } from '@/lib/admin-forum'
+
+type Group = { category: AdminCategory; forums: AdminForum[] }
+
+export function AdminForumManager({ initial }: { initial: Group[] }) {
+  const t = useTranslations('Admin')
+  const router = useRouter()
+  const [busy, setBusy] = useState(false)
+  const [catForm, setCatForm] = useState({ name: '', order: '0' })
+  const [forumForm, setForumForm] = useState<Record<number, { name: string; description: string; order: string }>>({})
+
+  function ff(catId: number) {
+    return forumForm[catId] ?? { name: '', description: '', order: '0' }
+  }
+  function setFF(catId: number, patch: Partial<{ name: string; description: string; order: string }>) {
+    setForumForm((s) => ({ ...s, [catId]: { ...ff(catId), ...patch } }))
+  }
+
+  async function call(url: string, method: string, body?: unknown): Promise<boolean> {
+    setBusy(true)
+    try {
+      const res = await fetch(url, {
+        method,
+        headers: body ? { 'Content-Type': 'application/json' } : undefined,
+        credentials: 'same-origin',
+        body: body ? JSON.stringify(body) : undefined,
+      })
+      const d = await res.json()
+      if (d.success) {
+        router.refresh()
+        return true
+      }
+      if (d.error === 'categoryNotEmpty') alert(t('categoryNotEmpty'))
+      return false
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  const field = 'nw-input'
+  return (
+    <div className="space-y-6">
+      {/* Alta de categoría */}
+      <form
+        onSubmit={(e) => {
+          e.preventDefault()
+          if (catForm.name.trim()) call('/api/admin/forum/category', 'POST', { name: catForm.name, order: Number(catForm.order) }).then((ok) => ok && setCatForm({ name: '', order: '0' }))
+        }}
+        className="flex flex-wrap items-end gap-2 nw-card"
+      >
+        <label className="flex-1 text-sm">
+          <span className="mb-1 block text-nw-muted">{t('newCategory')}</span>
+          <input value={catForm.name} onChange={(e) => setCatForm({ ...catForm, name: e.target.value })} placeholder={t('categoryName')} className={field} />
+        </label>
+        <label className="w-20 text-sm">
+          <span className="mb-1 block text-nw-muted">{t('order')}</span>
+          <input type="number" value={catForm.order} onChange={(e) => setCatForm({ ...catForm, order: e.target.value })} className={field} />
+        </label>
+        <button type="submit" disabled={busy} className="nw-btn disabled:opacity-60">{t('create')}</button>
+      </form>
+
+      {initial.length === 0 && <p className="text-amber-200/70">{t('noCategories')}</p>}
+
+      {initial.map(({ category, forums }) => (
+        <section key={category.id} className="nw-card">
+          <div className="mb-3 flex items-center justify-between gap-2">
+            <h2 className="text-lg font-semibold text-nw-gold-light">
+              {category.name} <span className="text-xs text-nw-muted">#{category.order}</span>
+            </h2>
+            <button
+              onClick={() => confirm(t('confirmDelete')) && call(`/api/admin/forum/category/${category.id}`, 'DELETE')}
+              disabled={busy}
+              className="rounded border border-red-900/60 px-2 py-1 text-xs text-red-400 hover:bg-red-950/40 disabled:opacity-60"
+            >
+              {t('delete')}
+            </button>
+          </div>
+
+          {/* Foros de la categoría */}
+          <ul className="mb-3 divide-y divide-amber-900/40">
+            {forums.length === 0 && <li className="py-2 text-sm text-nw-muted">{t('noForums')}</li>}
+            {forums.map((f) => (
+              <li key={f.id} className="flex items-center justify-between gap-3 py-2">
+                <div className="min-w-0">
+                  <p className="font-medium text-amber-300">
+                    {f.name} {f.visibility === 0 && <span className="text-xs text-red-400">({t('hidden')})</span>}
+                  </p>
+                  {f.description && <p className="truncate text-xs text-nw-muted">{f.description}</p>}
+                </div>
+                <div className="flex shrink-0 items-center gap-2">
+                  <button
+                    onClick={() => call(`/api/admin/forum/${f.id}`, 'PATCH', { visibility: f.visibility === 0 })}
+                    disabled={busy}
+                    className="nw-btn-ghost text-xs disabled:opacity-60"
+                  >
+                    {f.visibility === 0 ? t('show') : t('hide')}
+                  </button>
+                  <button
+                    onClick={() => confirm(t('confirmDelete')) && call(`/api/admin/forum/${f.id}`, 'DELETE')}
+                    disabled={busy}
+                    className="rounded border border-red-900/60 px-2 py-1 text-xs text-red-400 hover:bg-red-950/40 disabled:opacity-60"
+                  >
+                    {t('delete')}
+                  </button>
+                </div>
+              </li>
+            ))}
+          </ul>
+
+          {/* Alta de foro en esta categoría */}
+          <form
+            onSubmit={(e) => {
+              e.preventDefault()
+              const v = ff(category.id)
+              if (v.name.trim())
+                call('/api/admin/forum', 'POST', { categoryId: category.id, name: v.name, description: v.description, order: Number(v.order) }).then(
+                  (ok) => ok && setFF(category.id, { name: '', description: '', order: '0' }),
+                )
+            }}
+            className="grid gap-2 rounded-lg border border-nw-border/50 bg-nw-panel-2/30 p-3 sm:grid-cols-[1fr_1fr_auto]"
+          >
+            <input value={ff(category.id).name} onChange={(e) => setFF(category.id, { name: e.target.value })} placeholder={t('forumName')} maxLength={45} className={field} />
+            <input value={ff(category.id).description} onChange={(e) => setFF(category.id, { description: e.target.value })} placeholder={t('forumDescription')} className={field} />
+            <button type="submit" disabled={busy} className="nw-btn text-sm disabled:opacity-60">{t('addForum')}</button>
+          </form>
+        </section>
+      ))}
+    </div>
+  )
+}
@@ -0,0 +1,86 @@
+import type { RowDataPacket, ResultSetHeader } from 'mysql2'
+import { db, DB } from './db'
+
+export interface AdminCategory {
+  id: number
+  name: string
+  order: number
+}
+
+export interface AdminForum {
+  id: number
+  category_id: number
+  name: string
+  description: string
+  order: number
+  visibility: number
+}
+
+/** Categorías con sus foros (incluye ocultos y sin borrar), para el admin. */
+export async function listCategoriesWithForums(): Promise<
+  { category: AdminCategory; forums: AdminForum[] }[]
+> {
+  const [cats] = await db(DB.web).query<RowDataPacket[]>(
+    'SELECT id, name, `order` FROM forum_categories ORDER BY `order`, id',
+  )
+  const [forums] = await db(DB.web).query<RowDataPacket[]>(
+    'SELECT id, category_id, name, description, `order`, visibility FROM forums WHERE deleted = 0 ORDER BY `order`, id',
+  )
+  return cats.map((c) => ({
+    category: { id: c.id, name: c.name, order: c.order },
+    forums: forums
+      .filter((f) => f.category_id === c.id)
+      .map((f) => ({
+        id: f.id,
+        category_id: f.category_id,
+        name: f.name,
+        description: f.description,
+        order: f.order,
+        visibility: f.visibility,
+      })),
+  }))
+}
+
+export async function createCategory(name: string, order: number): Promise<number> {
+  const [res] = await db(DB.web).query<ResultSetHeader>(
+    'INSERT INTO forum_categories (name, `order`, created_at) VALUES (?, ?, NOW())',
+    [name, order],
+  )
+  return res.insertId
+}
+
+/** Borra una categoría solo si no tiene foros (no borrados). */
+export async function deleteCategory(id: number): Promise<boolean> {
+  const [f] = await db(DB.web).query<RowDataPacket[]>(
+    'SELECT COUNT(*) AS n FROM forums WHERE category_id = ? AND deleted = 0',
+    [id],
+  )
+  if (Number(f[0]?.n ?? 0) > 0) return false
+  await db(DB.web).query('DELETE FROM forum_categories WHERE id = ?', [id])
+  return true
+}
+
+export async function createForum(
+  categoryId: number,
+  name: string,
+  description: string,
+  order: number,
+  visibility: number,
+): Promise<number> {
+  const [res] = await db(DB.web).query<ResultSetHeader>(
+    'INSERT INTO forums (category_id, name, description, `order`, type, visibility, deleted, created_at, updated_at) ' +
+      'VALUES (?, ?, ?, ?, 0, ?, 0, NOW(), NOW())',
+    [categoryId, name, description, order, visibility ? 1 : 0],
+  )
+  return res.insertId
+}
+
+/** Borrado lógico de un foro (deleted = 1). */
+export async function deleteForum(id: number): Promise<void> {
+  await db(DB.web).query('UPDATE forums SET deleted = 1 WHERE id = ?', [id])
+}
+
+/** Cambia la visibilidad de un foro. */
+export async function setForumVisibility(id: number, visible: boolean): Promise<void> {
+  await db(DB.web).query('UPDATE forums SET visibility = ? WHERE id = ?', [visible ? 1 : 0, id])
+}
@@ -386,7 +386,20 @@
    "itemLink": "Item link",
    "iconClass": "Icon class",
    "noRewards": "No rewards.",
-    "requiredFriendsShort": "{n} friend(s)"
+    "requiredFriendsShort": "{n} friend(s)",
+    "manageForum": "Manage forums",
+    "newCategory": "New category",
+    "categoryName": "Category name",
+    "order": "Order",
+    "noCategories": "No categories.",
+    "noForums": "No forums in this category.",
+    "forumName": "Forum name",
+    "forumDescription": "Description",
+    "addForum": "Add forum",
+    "hidden": "hidden",
+    "show": "Show",
+    "hide": "Hide",
+    "categoryNotEmpty": "Category has forums; delete them first."
  },
  "Vote": {
    "title": "Vote for us",
@@ -386,7 +386,20 @@
    "itemLink": "Enlace del objeto",
    "iconClass": "Clase del icono",
    "noRewards": "No hay recompensas.",
-    "requiredFriendsShort": "{n} amigo(s)"
+    "requiredFriendsShort": "{n} amigo(s)",
+    "manageForum": "Gestionar foros",
+    "newCategory": "Nueva categoría",
+    "categoryName": "Nombre de la categoría",
+    "order": "Orden",
+    "noCategories": "No hay categorías.",
+    "noForums": "Sin foros en esta categoría.",
+    "forumName": "Nombre del foro",
+    "forumDescription": "Descripción",
+    "addForum": "Añadir foro",
+    "hidden": "oculto",
+    "show": "Mostrar",
+    "hide": "Ocultar",
+    "categoryNotEmpty": "La categoría tiene foros; bórralos primero."
  },
  "Vote": {
    "title": "Votar por nosotros",