Froidefond Julien
b955c2697c
- Add metadata_batch job type with background processing via tokio::spawn - Auto-apply metadata only when single result at 100% confidence - Support primary + fallback provider per library, "none" to opt out - Add batch report/results API endpoints and job detail UI - Add series_status and has_missing filters to both series listing pages - Add GET /series/statuses endpoint for dynamic filter options - Normalize series_metadata status values (migration 0036) - Hide ComicVine provider tab when no API key configured - Translate entire backoffice UI from English to French Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
122 lines
4.4 KiB
TypeScript
122 lines
4.4 KiB
TypeScript
import type { Metadata } from "next";
|
|
import Image from "next/image";
|
|
import Link from "next/link";
|
|
import type { ReactNode } from "react";
|
|
import "./globals.css";
|
|
import { ThemeProvider } from "./theme-provider";
|
|
import { ThemeToggle } from "./theme-toggle";
|
|
import { JobsIndicator } from "./components/JobsIndicator";
|
|
import { NavIcon, Icon } from "./components/ui";
|
|
import { MobileNav } from "./components/MobileNav";
|
|
|
|
export const metadata: Metadata = {
|
|
title: "StripStream Backoffice",
|
|
description: "Administration backoffice pour StripStream Librarian"
|
|
};
|
|
|
|
type NavItem = {
|
|
href: "/" | "/books" | "/series" | "/libraries" | "/jobs" | "/tokens" | "/settings";
|
|
label: string;
|
|
icon: "dashboard" | "books" | "series" | "libraries" | "jobs" | "tokens" | "settings";
|
|
};
|
|
|
|
const navItems: NavItem[] = [
|
|
{ href: "/", label: "Tableau de bord", icon: "dashboard" },
|
|
{ href: "/books", label: "Livres", icon: "books" },
|
|
{ href: "/series", label: "Séries", icon: "series" },
|
|
{ href: "/libraries", label: "Bibliothèques", icon: "libraries" },
|
|
{ href: "/jobs", label: "Tâches", icon: "jobs" },
|
|
{ href: "/tokens", label: "Jetons", icon: "tokens" },
|
|
];
|
|
|
|
export default function RootLayout({ children }: { children: ReactNode }) {
|
|
return (
|
|
<html lang="fr" suppressHydrationWarning>
|
|
<body className="min-h-screen bg-background text-foreground font-sans antialiased bg-grain">
|
|
<ThemeProvider>
|
|
{/* Header avec effet glassmorphism */}
|
|
<header className="sticky top-0 z-50 w-full border-b border-border/40 bg-background/70 backdrop-blur-xl backdrop-saturate-150 supports-[backdrop-filter]:bg-background/60">
|
|
<nav className="container mx-auto flex h-16 items-center justify-between px-4">
|
|
{/* Brand */}
|
|
<Link
|
|
href="/"
|
|
className="flex items-center gap-3 hover:opacity-80 transition-opacity duration-200"
|
|
>
|
|
<Image
|
|
src="/logo.png"
|
|
alt="StripStream"
|
|
width={36}
|
|
height={36}
|
|
className="rounded-lg"
|
|
/>
|
|
<div className="flex items-baseline gap-2">
|
|
<span className="text-xl font-bold tracking-tight text-foreground">
|
|
StripStream
|
|
</span>
|
|
<span className="text-sm text-muted-foreground font-medium hidden md:inline">
|
|
backoffice
|
|
</span>
|
|
</div>
|
|
</Link>
|
|
|
|
{/* Navigation Links */}
|
|
<div className="flex items-center gap-2">
|
|
<div className="hidden md:flex items-center gap-1">
|
|
{navItems.map((item) => (
|
|
<NavLink key={item.href} href={item.href} title={item.label}>
|
|
<NavIcon name={item.icon} />
|
|
<span className="ml-2 hidden lg:inline">{item.label}</span>
|
|
</NavLink>
|
|
))}
|
|
</div>
|
|
|
|
{/* Actions */}
|
|
<div className="flex items-center gap-1 pl-4 ml-2 border-l border-border/60">
|
|
<JobsIndicator />
|
|
<Link
|
|
href="/settings"
|
|
className="hidden md:flex p-2 rounded-lg text-muted-foreground hover:text-foreground hover:bg-accent transition-colors"
|
|
title="Paramètres"
|
|
>
|
|
<Icon name="settings" size="md" />
|
|
</Link>
|
|
<ThemeToggle />
|
|
<MobileNav navItems={navItems} />
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
{/* Main Content */}
|
|
<main className="container mx-auto px-4 sm:px-6 lg:px-8 py-8 pb-16">
|
|
{children}
|
|
</main>
|
|
</ThemeProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|
|
|
|
// Navigation Link Component
|
|
function NavLink({ href, title, children }: { href: NavItem["href"]; title?: string; children: React.ReactNode }) {
|
|
return (
|
|
<Link
|
|
href={href}
|
|
title={title}
|
|
className="
|
|
flex items-center
|
|
px-2 lg:px-3 py-2
|
|
rounded-lg
|
|
text-sm font-medium
|
|
text-muted-foreground
|
|
hover:text-foreground
|
|
hover:bg-accent
|
|
transition-colors duration-200
|
|
active:scale-[0.98]
|
|
"
|
|
>
|
|
{children}
|
|
</Link>
|
|
);
|
|
}
|