Foro: edición/borrado de posts, moderación de temas y búsqueda

Portado desde forum/db.py + forum/permissions.py de Django: - lib/forum-perm.ts: forumIsModerator (gmlevel >= FORUM_MOD_GMLEVEL) y canEditPost (autor o moderador). - Edición y borrado lógico de posts (autor o mod), respetando tema bloqueado, con validación de longitud mínima (plainLength). - Moderación de temas (solo mod): bloquear/desbloquear, fijar/no fijar, borrar. - Búsqueda de temas por título/contenido (searchTopics/countSearchTopics) con página /forum/search y buscador en el índice. - API: PATCH/DELETE /api/forum/post, POST /api/forum/moderate (401/403 correctos). - UI: PostActions, TopicModBar, ForumSearchBox; marca "editado" y "[Fijado]". - i18n: 22 claves nuevas en es/en. Verificado: build OK, /forum y /forum/search 200, APIs 401 sin sesión. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-13 00:28:39 +00:00
parent 13636d097a
commit 1de1002938
14 changed files with 590 additions and 9 deletions
@@ -0,0 +1,33 @@
+'use client'
+
+import { useState } from 'react'
+import { useTranslations } from 'next-intl'
+import { useRouter } from '@/i18n/navigation'
+
+export function ForumSearchBox({ initial = '' }: { initial?: string }) {
+  const t = useTranslations('Forum')
+  const router = useRouter()
+  const [q, setQ] = useState(initial)
+
+  function submit(e: React.FormEvent) {
+    e.preventDefault()
+    const query = q.trim()
+    if (query.length < 2) return
+    router.push(`/forum/search?q=${encodeURIComponent(query)}`)
+  }
+
+  return (
+    <form onSubmit={submit} className="mb-6 flex gap-2">
+      <input
+        type="search"
+        value={q}
+        onChange={(e) => setQ(e.target.value)}
+        placeholder={t('searchPlaceholder')}
+        className="nw-input flex-1"
+      />
+      <button type="submit" className="nw-btn whitespace-nowrap">
+        {t('search')}
+      </button>
+    </form>
+  )
+}
@@ -0,0 +1,93 @@
+'use client'
+
+import { useState } from 'react'
+import { useTranslations } from 'next-intl'
+import { useRouter } from '@/i18n/navigation'
+
+export function PostActions({ postId, initialText }: { postId: number; initialText: string }) {
+  const t = useTranslations('Forum')
+  const router = useRouter()
+  const [editing, setEditing] = useState(false)
+  const [text, setText] = useState(initialText)
+  const [busy, setBusy] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+
+  async function save() {
+    if (busy || !text.trim()) return
+    setBusy(true)
+    setError(null)
+    try {
+      const res = await fetch('/api/forum/post', {
+        method: 'PATCH',
+        headers: { 'Content-Type': 'application/json' },
+        credentials: 'same-origin',
+        body: JSON.stringify({ postId, text }),
+      })
+      const data: { success?: boolean; error?: string } = await res.json()
+      if (data.success) {
+        setEditing(false)
+        router.refresh()
+      } else {
+        setError(t(data.error === 'tooShort' ? 'tooShort' : data.error === 'topicLocked' ? 'topicLocked' : 'genericError'))
+      }
+    } catch {
+      setError(t('genericError'))
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  async function remove() {
+    if (busy || !confirm(t('confirmDeletePost'))) return
+    setBusy(true)
+    setError(null)
+    try {
+      const res = await fetch('/api/forum/post', {
+        method: 'DELETE',
+        headers: { 'Content-Type': 'application/json' },
+        credentials: 'same-origin',
+        body: JSON.stringify({ postId }),
+      })
+      const data: { success?: boolean } = await res.json()
+      if (data.success) router.refresh()
+      else setError(t('genericError'))
+    } catch {
+      setError(t('genericError'))
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  if (editing) {
+    return (
+      <div className="mt-3 space-y-2">
+        <textarea value={text} onChange={(e) => setText(e.target.value)} rows={4} className="nw-input" />
+        <div className="flex gap-2">
+          <button type="button" onClick={save} disabled={busy} className="nw-btn text-sm disabled:opacity-60">
+            {busy ? t('sending') : t('save')}
+          </button>
+          <button
+            type="button"
+            onClick={() => { setEditing(false); setText(initialText); setError(null) }}
+            className="nw-btn-ghost text-sm"
+          >
+            {t('cancel')}
+          </button>
+        </div>
+        {error && <p className="text-sm text-red-400">{error}</p>}
+      </div>
+    )
+  }
+
+  return (
+    <div className="mt-2 flex items-center gap-3 text-xs">
+      <button type="button" onClick={() => setEditing(true)} className="text-nw-muted hover:text-nw-gold-light">
+        {t('edit')}
+      </button>
+      <button type="button" onClick={remove} disabled={busy} className="text-nw-muted hover:text-red-400 disabled:opacity-60">
+        {t('delete')}
+      </button>
+      {error && <span className="text-red-400">{error}</span>}
+    </div>
+  )
+}
@@ -0,0 +1,71 @@
+'use client'
+
+import { useState } from 'react'
+import { useTranslations } from 'next-intl'
+import { useRouter } from '@/i18n/navigation'
+
+export function TopicModBar({
+  topicId,
+  locked,
+  sticky,
+}: {
+  topicId: number
+  locked: boolean
+  sticky: boolean
+}) {
+  const t = useTranslations('Forum')
+  const router = useRouter()
+  const [busy, setBusy] = useState(false)
+
+  async function act(action: string, confirmMsg?: string) {
+    if (busy) return
+    if (confirmMsg && !confirm(confirmMsg)) return
+    setBusy(true)
+    try {
+      const res = await fetch('/api/forum/moderate', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        credentials: 'same-origin',
+        body: JSON.stringify({ topicId, action }),
+      })
+      const data: { success?: boolean; forumId?: number } = await res.json()
+      if (data.success && action === 'delete' && data.forumId) {
+        router.push(`/forum/${data.forumId}`)
+      } else {
+        router.refresh()
+      }
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  return (
+    <div className="mb-6 flex flex-wrap items-center gap-2 rounded-lg border border-nw-border/60 bg-nw-panel-2/40 px-3 py-2 text-sm">
+      <span className="mr-1 font-semibold text-nw-gold-light">{t('moderation')}:</span>
+      <button
+        type="button"
+        onClick={() => act(locked ? 'unlock' : 'lock')}
+        disabled={busy}
+        className="nw-btn-ghost text-xs disabled:opacity-60"
+      >
+        {locked ? t('unlock') : t('lock')}
+      </button>
+      <button
+        type="button"
+        onClick={() => act(sticky ? 'unsticky' : 'sticky')}
+        disabled={busy}
+        className="nw-btn-ghost text-xs disabled:opacity-60"
+      >
+        {sticky ? t('unpin') : t('pin')}
+      </button>
+      <button
+        type="button"
+        onClick={() => act('delete', t('confirmDeleteTopic'))}
+        disabled={busy}
+        className="text-xs text-red-400 hover:text-red-300 disabled:opacity-60"
+      >
+        {t('deleteTopic')}
+      </button>
+    </div>
+  )
+}