[V0_FILE]typescriptreact:file="app/layout.tsx" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" import { ThemeProvider } from "@/components/theme-provider" import { Toaster } from "@/components/ui/toaster" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "EventFlow - Gestion d'Événements", description: "Application de gestion d'événements pour coordinateurs", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/theme-provider.tsx" "use client" import { ThemeProvider as NextThemesProvider } from "next-themes" import type { ThemeProviderProps } from "next-themes" export function ThemeProvider({ children, ...props }: ThemeProviderProps) { return {children} } [V0_FILE]css:file="app/globals.css" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --primary: 221.2 83.2% 53.3%; --primary-foreground: 210 40% 98%; --secondary: 210 40% 96.1%; --secondary-foreground: 222.2 47.4% 11.2%; --muted: 210 40% 96.1%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 210 40% 96.1%; --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: 221.2 83.2% 53.3%; --radius: 0.5rem; } .dark { --background: 222.2 84% 4.9%; --foreground: 210 40% 98%; --card: 222.2 84% 4.9%; --card-foreground: 210 40% 98%; --popover: 222.2 84% 4.9%; --popover-foreground: 210 40% 98%; --primary: 217.2 91.2% 59.8%; --primary-foreground: 222.2 47.4% 11.2%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; --muted: 217.2 32.6% 17.5%; --muted-foreground: 215 20.2% 65.1%; --accent: 217.2 32.6% 17.5%; --accent-foreground: 210 40% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 40% 98%; --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; --ring: 224.3 76.3% 48%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="components/dashboard-layout.tsx" import type React from "react" import { Sidebar } from "@/components/sidebar" import { TopNav } from "@/components/top-nav" import { ThemeToggle } from "@/components/theme-toggle" import { UserNav } from "@/components/user-nav" interface DashboardLayoutProps { children: React.ReactNode } export function DashboardLayout({ children }: DashboardLayoutProps) { return (

{children}

) } [V0_FILE]typescriptreact:file="components/theme-toggle.tsx" "use client" import { Moon, Sun } from "lucide-react" import { useTheme } from "next-themes" import { Button } from "@/components/ui/button" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu" export function ThemeToggle() { const { setTheme } = useTheme() return ( setTheme("light")}>Clair setTheme("dark")}>Sombre setTheme("system")}>Système ) } [V0_FILE]typescriptreact:file="components/user-nav.tsx" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Button } from "@/components/ui/button" import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu" export function UserNav() { return (

Jean Dupont

jean.dupont@exemple.fr

Profil Paramètres Déconnexion ) } [V0_FILE]typescriptreact:file="components/sidebar.tsx" "use client" import Link from "next/link" import { usePathname } from "next/navigation" import { cn } from "@/lib/utils" import { CalendarIcon, GlassesIcon, LayoutDashboardIcon, MessageSquareIcon, Users2Icon, ClipboardListIcon, BarChart4Icon, TableIcon, PackageIcon, } from "lucide-react" const routes = [ { label: "Tableau de bord", icon: LayoutDashboardIcon, href: "/dashboard", color: "text-sky-500", }, { label: "Événements", icon: CalendarIcon, href: "/events", color: "text-violet-500", }, { label: "Équipes", icon: Users2Icon, href: "/teams", color: "text-pink-700", }, { label: "Tables & Zones", icon: TableIcon, href: "/tables", color: "text-orange-500", }, { label: "Commandes", icon: ClipboardListIcon, href: "/orders", color: "text-emerald-500", }, { label: "Stock", icon: PackageIcon, href: "/stock", color: "text-red-500", }, { label: "Communication", icon: MessageSquareIcon, href: "/communication", color: "text-blue-500", }, { label: "Statistiques", icon: BarChart4Icon, href: "/statistics", color: "text-yellow-500", }, ] export function Sidebar() { const pathname = usePathname() return (

EventFlow

{routes.map((route) => ( {route.label} ))}

) } [V0_FILE]typescriptreact:file="components/top-nav.tsx" import type { ReactNode } from "react" interface TopNavProps { children?: ReactNode } export function TopNav({ children }: TopNavProps) { return

{children}

} [V0_FILE]typescriptreact:file="lib/utils.ts" import { type ClassValue, clsx } from "clsx" import { twMerge } from "tailwind-merge" export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)) } [V0_FILE]typescriptreact:file="app/page.tsx" import { redirect } from "next/navigation" export default function Home() { redirect("/dashboard") } [V0_FILE]typescriptreact:file="app/dashboard/page.tsx" import { DashboardLayout } from "@/components/dashboard-layout" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { CalendarIcon, Users2Icon, GlassesIcon, TableIcon, TrendingUpIcon, AlertCircleIcon } from "lucide-react" import { Progress } from "@/components/ui/progress" export default function DashboardPage() { return (

Événements actifs

+2 depuis le mois dernier

Total des équipiers

+4 depuis la semaine dernière

Commandes en attente

-2 depuis 1 heure

Tables occupées

28/42

67% d'occupation

Événements en cours

Mariage Silva-Martin

Aujourd'hui, 16:00 - 23:00

Progression

45%

Conférence Tech Innovations

Aujourd'hui, 09:00 - 18:00

Progression

80%

Gala de Charité - Fondation Espoir

Demain, 19:00 - 00:00

Progression

10%

Alertes et Notifications Notifications des dernières 24 heures

Stock bas - Champagne

Il reste seulement 5 bouteilles pour l'événement "Mariage Silva-Martin"

Il y a 10 minutes

Commande en attente depuis 12 minutes

Table 8 - Commande #58392 - Conférence Tech Innovations

Il y a 2 minutes

Performance de l'équipe en hausse

Le temps moyen de service a diminué de 15% ce mois-ci

Il y a 3 heures

) } [V0_FILE]typescriptreact:file="app/events/page.tsx" import { DashboardLayout } from "@/components/dashboard-layout" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { CalendarIcon, PlusIcon, SearchIcon, FilterIcon, MapPinIcon, UsersIcon } from "lucide-react" import { Badge } from "@/components/ui/badge" // Données fictives pour les événements const events = [ { id: 1, title: "Mariage Silva-Martin", date: "2024-07-15", time: "16:00 - 23:00", location: "Château des Fleurs, Paris", season: "Été", status: "En cours", coordinator: "Sophie Lambert", guests: 120, description: "Mariage élégant avec réception en extérieur et intérieur.", }, { id: 2, title: "Conférence Tech Innovations", date: "2024-07-10", time: "09:00 - 18:00", location: "Centre des Congrès, Lyon", season: "Été", status: "En cours", coordinator: "Marc Dubois", guests: 350, description: "Conférence annuelle sur les innovations technologiques avec présentations et ateliers.", }, { id: 3, title: "Gala de Charité - Fondation Espoir", date: "2024-07-16", time: "19:00 - 00:00", location: "Grand Hôtel, Nice", season: "Été", status: "Planifié", coordinator: "Julie Moreau", guests: 200, description: "Dîner de gala avec enchères silencieuses au profit de l'association.", }, { id: 4, title: "Séminaire Annuel - Entreprise Globex", date: "2024-08-05", time: "08:30 - 17:30", location: "Complexe d'Affaires, Bordeaux", season: "Été", status: "Planifié", coordinator: "Thomas Laurent", guests: 80, description: "Séminaire d'entreprise avec sessions de travail et activités de team building.", }, { id: 5, title: "Festival des Arts", date: "2024-09-20", time: "10:00 - 22:00", location: "Parc Municipal, Marseille", season: "Automne", status: "Planifié", coordinator: "Élise Petit", guests: 500, description: "Festival en plein air avec expositions artistiques, ateliers et concerts.", }, { id: 6, title: "Lancement de Produit - TechVision", date: "2024-10-12", time: "18:00 - 21:00", location: "Galerie Moderne, Paris", season: "Automne", status: "Planifié", coordinator: "Sophie Lambert", guests: 150, description: "Présentation de nouveaux produits avec cocktail dînatoire.", }, ] export default function EventsPage() { return (

Gestion des Événements

Liste Calendrier

{events.map((event) => (

{event.title} {event.status}

{event.date} • {event.time}

{event.location}

{event.guests} invités

{event.description}

Coord: {event.coordinator}

))}

Vue Calendrier Visualisez vos événements sur un calendrier

Vue calendrier à implémenter

) } [V0_FILE]typescriptreact:file="app/teams/page.tsx" import { DashboardLayout } from "@/components/dashboard-layout" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" TableBody, TableCell, TableHead, TableHeader, TableRow \ } from "@/components/ui/table" import { Input } from "@/components/ui/input" import { Badge } from "@/components/ui/badge" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { PlusIcon, SearchIcon, FilterIcon, PhoneIcon, MailIcon } from "lucide-react" // Données fictives pour les équipes const teamMembers = [ { id: 1, name: "Sophie Lambert", role: "Coordinateur", email: "sophie.lambert@exemple.fr", phone: "06 12 34 56 78", avatar: "/placeholder.svg?height=40&width=40", events: ["Mariage Silva-Martin", "Lancement de Produit - TechVision"], status: "Actif", }, { id: 2, name: "Marc Dubois", role: "Coordinateur", email: "marc.dubois@exemple.fr", phone: "06 23 45 67 89", avatar: "/placeholder.svg?height=40&width=40", events: ["Conférence Tech Innovations"], status: "Actif", }, { id: 3, name: "Julie Moreau", role: "Coordinateur", email: "julie.moreau@exemple.fr", phone: "06 34 56 78 90", avatar: "/placeholder.svg?height=40&width=40", events: ["Gala de Charité - Fondation Espoir"], status: "Actif", }, { id: 4, name: "Thomas Laurent", role: "Responsable de tables", email: "thomas.laurent@exemple.fr", phone: "06 45 67 89 01", avatar: "/placeholder.svg?height=40&width=40", events: ["Mariage Silva-Martin", "Conférence Tech Innovations"], status: "Actif", }, { id: 5, name: "Élise Petit", role: "Coordinateur", email: "elise.petit@exemple.fr", phone: "06 56 78 90 12", avatar: "/placeholder.svg?height=40&width=40", events: ["Festival des Arts"], status: "Planifié", }, { id: 6, name: "Antoine Martin", role: "Équipier", email: "antoine.martin@exemple.fr", phone: "06 67 89 01 23", avatar: "/placeholder.svg?height=40&width=40", events: ["Mariage Silva-Martin", "Gala de Charité - Fondation Espoir"], status: "Actif", }, { id: 7, name: "Laura Blanc", role: "Équipier", email: "laura.blanc@exemple.fr", phone: "06 78 90 12 34", avatar: "/placeholder.svg?height=40&width=40", events: ["Conférence Tech Innovations"], status: "Actif", }, { id: 8, name: "Mathieu Richard", role: "Superviseur de zone", email: "mathieu.richard@exemple.fr", phone: "06 89 01 23 45", avatar: "/placeholder.svg?height=40&width=40", events: ["Gala de Charité - Fondation Espoir", "Mariage Silva-Martin"], status: "Actif", }, ] export default function TeamsPage() { return (

Gestion des Équipes

Tous Coordinateurs Superviseurs Équipiers

Tous les membres d'équipe Liste de tous les membres d'équipe et leurs rôles assignés Nom Rôle Contact Événements Statut Actions {teamMembers.map((member) => (

{member.name .split(" ") .map((n) => n[0]) .join("")} {member.name}

{member.role}

{member.email}

{member.phone}

{member.events.map((event, i) => ( {event} ))}

{member.status} ))}

{["coordinators", "supervisors", "teammembers"].map((tab) => ( {tab === "coordinators" ? "Coordinateurs" : tab === "supervisors" ? "Superviseurs de zone" : "Équipiers"} {tab === "coordinators" ? "Liste des coordinateurs d'événements" : tab === "supervisors" ? "Liste des superviseurs de zone" : "Liste des équipiers standards"}

Vue filtrée par rôle à implémenter

))} ) } [V0_FILE]typescriptreact:file="app/tables/page.tsx" import { DashboardLayout } from "@/components/dashboard-layout" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Badge } from "@/components/ui/badge" import { Input } from "@/components/ui/input" import { PlusIcon, SearchIcon, FilterIcon } from "lucide-react" // Données fictives pour les tables et zones const zones = [ { id: 1, name: "Zone A - Principale", tables: [ { id: 1, name: "Table 1", capacity: 8, status: "Occupée", guests: 8 }, { id: 2, name: "Table 2", capacity: 8, status: "Occupée", guests: 7 }, { id: 3, name: "Table 3", capacity: 8, status: "Occupée", guests: 8 }, { id: 4, name: "Table 4", capacity: 8, status: "Occupée", guests: 6 }, { id: 5, name: "Table 5", capacity: 8, status: "Libre", guests: 0 }, ], supervisor: "Mathieu Richard", event: "Mariage Silva-Martin", }, { id: 2, name: "Zone B - Terrasse", tables: [ { id: 6, name: "Table 6", capacity: 6, status: "Occupée", guests: 6 }, { id: 7, name: "Table 7", capacity: 6, status: "Occupée", guests: 5 }, { id: 8, name: "Table 8", capacity: 6, status: "Occupée", guests: 4 }, { id: 9, name: "Table 9", capacity: 6, status: "En attente", guests: 0 }, ], supervisor: "Sophie Lambert", event: "Mariage Silva-Martin", }, { id: 3, name: "Zone C - Salon VIP", tables: [ { id: 10, name: "Table VIP 1", capacity: 4, status: "Occupée", guests: 4 }, { id: 11, name: "Table VIP 2", capacity: 4, status: "Occupée", guests: 3 }, ], supervisor: "Julie Moreau", event: "Mariage Silva-Martin", }, { id: 4, name: "Zone Conférence - Hall Principal", tables: [ { id: 12, name: "Table Org 1", capacity: 10, status: "Occupée", guests: 8 }, { id: 13, name: "Table Org 2", capacity: 10, status: "Occupée", guests: 10 }, { id: 14, name: "Table Org 3", capacity: 10, status: "Occupée", guests: 7 }, ], supervisor: "Marc Dubois", event: "Conférence Tech Innovations", }, ] export default function TablesPage() { return (

Gestion des Tables & Zones

Par zones Toutes les tables Vue plan

{zones.map((zone) => (

{zone.name} Événement: {zone.event} | Superviseur: {zone.supervisor}

{zone.tables.map((table) => (

{table.name}

{table.status}

Capacité: {table.capacity} places

Occupée: {table.guests} / {table.capacity}

))}

))} Toutes les tables Vue d'ensemble de toutes les tables, indépendamment des zones

{zones.flatMap((zone) => zone.tables.map((table) => (

{table.name}

{table.status}

{zone.name}

Capacité: {table.capacity} places

Occupée: {table.guests} / {table.capacity}

Événement: {zone.event}

)), )}

Plan des tables Visualisation interactive du placement des tables

Vue plan à implémenter

) } [V0_FILE]typescriptreact:file="app/orders/page.tsx" import { DashboardLayout } from "@/components/dashboard-layout" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Input } from "@/components/ui/input" import { SearchIcon, FilterIcon, PlusIcon, ClockIcon, AlertCircleIcon, MoreVerticalIcon } from "lucide-react" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" // Données fictives pour les commandes const orders = [ { id: "CMD-001", table: "Table 1", zone: "Zone A - Principale", event: "Mariage Silva-Martin", items: [ { id: 1, name: "Champagne", quantity: 8, status: "livré" }, { id: 2, name: "Vin rouge", quantity: 4, status: "livré" }, { id: 3, name: "Eau minérale", quantity: 4, status: "livré" }, ], time: "5 min", status: "Livrée", server: "Antoine Martin", }, { id: "CMD-002", table: "Table 2", zone: "Zone A - Principale", event: "Mariage Silva-Martin", items: [ { id: 1, name: "Champagne", quantity: 2, status: "livré" }, { id: 2, name: "Cocktail sans alcool", quantity: 3, status: "livré" }, { id: 3, name: "Jus d'orange", quantity: 2, status: "livré" }, ], time: "8 min", status: "Livrée", server: "Laura Blanc", }, { id: "CMD-003", table: "Table 6", zone: "Zone B - Terrasse", event: "Mariage Silva-Martin", items: [ { id: 1, name: "Gin Tonic", quantity: 4, status: "en préparation" }, { id: 2, name: "Whisky", quantity: 2, status: "en préparation" }, { id: 3, name: "Eau pétillante", quantity: 2, status: "en préparation" }, ], time: "3 min", status: "En préparation", server: "Antoine Martin", }, { id: "CMD-004", table: "Table 8", zone: "Zone B - Terrasse", event: "Conférence Tech Innovations", items: [ { id: 1, name: "Café", quantity: 6, status: "en attente" }, { id: 2, name: "Eau minérale", quantity: 4, status: "en attente" }, { id: 3, name: "Jus de fruits", quantity: 2, status: "en attente" }, ], time: "12 min", status: "En attente", server: "Laura Blanc", }, { id: "CMD-005", table: "Table VIP 1", zone: "Zone C - Salon VIP", event: "Mariage Silva-Martin", items: [ { id: 1, name: "Champagne Premium", quantity: 2, status: "en préparation" }, { id: 2, name: "Cocktail signature", quantity: 2, status: "en préparation" }, ], time: "7 min", status: "En préparation", server: "Mathieu Richard", }, { id: "CMD-006", table: "Table 3", zone: "Zone A - Principale", event: "Mariage Silva-Martin", items: [ { id: 1, name: "Vin blanc", quantity: 2, status: "livré" }, { id: 2, name: "Eau minérale", quantity: 4, status: "livré" }, ], time: "15 min", status: "Livrée", server: "Antoine Martin", }, ] export default function OrdersPage() { return (

Gestion des Commandes

Toutes En attente En préparation Livrées

Toutes les commandes Liste de toutes les commandes en cours et terminées ID Table Produits Événement Temps Statut Actions {orders.map((order) => ( {order.id}

{order.table} {order.zone}

{order.items.map((item, index) => (

{item.quantity} × {item.name} {item.status === "en attente" && ( )}

))}

{order.event}

{order.time}

{order.status} Actions Voir détails Modifier {order.status === "En attente" && Préparer} {order.status === "En préparation" && ( Marquer comme livrée )} ))}

{["pending", "preparing", "delivered"].map((tab) => ( {tab === "pending" ? "Commandes en attente" : tab === "preparing" ? "Commandes en préparation" : "Commandes livrées"} {tab === "pending" ? "Commandes qui n'ont pas encore été traitées" : tab === "preparing" ? "Commandes actuellement en cours de préparation" : "Commandes terminées et livrées"}

Vue filtrée par statut à implémenter

))} ) } [V0_FILE]typescriptreact:file="app/stock/page.tsx" import { DashboardLayout } from "@/components/dashboard-layout" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Progress } from "@/components/ui/progress" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Input } from "@/components/ui/input" import { SearchIcon, FilterIcon, PlusIcon, ArrowUpDownIcon, AlertCircleIcon, RefreshCwIcon } from "lucide-react" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" // Données fictives pour le stock const stockItems = [ { id: 1, name: "Champagne", category: "Alcool", quantity: 45, unit: "bouteilles", minLevel: 20, maxLevel: 100, event: "Mariage Silva-Martin", lastUpdated: "Il y a 30 min", }, { id: 2, name: "Vin rouge", category: "Alcool", quantity: 78, unit: "bouteilles", minLevel: 30, maxLevel: 150, event: "Mariage Silva-Martin", lastUpdated: "Il y a 45 min", }, { id: 3, name: "Vin blanc", category: "Alcool", quantity: 56, unit: "bouteilles", minLevel: 30, maxLevel: 150, event: "Mariage Silva-Martin", lastUpdated: "Il y a 45 min", }, { id: 4, name: "Eau minérale", category: "Soft", quantity: 120, unit: "bouteilles", minLevel: 50, maxLevel: 300, event: "Mariage Silva-Martin", lastUpdated: "Il y a 1h", }, { id: 5, name: "Jus d'orange", category: "Soft", quantity: 65, unit: "bouteilles", minLevel: 30, maxLevel: 100, event: "Mariage Silva-Martin", lastUpdated: "Il y a 1h", }, { id: 6, name: "Café", category: "Chaud", quantity: 18, unit: "kg", minLevel: 10, maxLevel: 30, event: "Conférence Tech Innovations", lastUpdated: "Il y a 2h", }, { id: 7, name: "Thé", category: "Chaud", quantity: 12, unit: "boîtes", minLevel: 5, maxLevel: 20, event: "Conférence Tech Innovations", lastUpdated: "Il y a 2h", }, { id: 8, name: "Whisky", category: "Alcool", quantity: 15, unit: "bouteilles", minLevel: 10, maxLevel: 30, event: "Mariage Silva-Martin", lastUpdated: "Il y a 30 min", }, { id: 9, name: "Champagne Premium", category: "Alcool", quantity: 5, unit: "bouteilles", minLevel: 5, maxLevel: 15, event: "Mariage Silva-Martin", lastUpdated: "Il y a 30 min", }, ] export default function StockPage() { return (

Gestion du Stock

Tous les produits Alcools Sans alcool Stock bas

Inventaire complet Gestion du stock pour tous les événements en cours Produit Catégorie Quantité Niveau Événement Dernière MAJ Actions {stockItems.map((item) => { const percentage = Math.round((item.quantity / item.maxLevel) * 100) const isLow = item.quantity <= item.minLevel return ( {item.name} {item.category}

{isLow && } {item.quantity} {item.unit}

{item.minLevel} {item.maxLevel}

{item.event} {item.lastUpdated}

) })}

{["alcoholic", "non-alcoholic", "low"].map((tab) => ( {tab === "alcoholic" ? "Boissons alcoolisées" : tab === "non-alcoholic" ? "Boissons sans alcool" : "Produits en stock bas"} {tab === "alcoholic" ? "Liste des boissons alcoolisées disponibles" : tab === "non-alcoholic" ? "Liste des boissons non-alcoolisées disponibles" : "Produits qui nécessitent un réapprovisionnement"}

Vue filtrée à implémenter

))} ) } [V0_FILE]typescriptreact:file="app/communication/page.tsx" import { DashboardLayout } from "@/components/dashboard-layout" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { SendIcon, PaperclipIcon, UsersIcon, UserPlusIcon } from "lucide-react" import { Badge } from "@/components/ui/badge" import { ScrollArea } from "@/components/ui/scroll-area" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" // Données fictives pour les messages const chatMessages = [ { id: 1, sender: { name: "Sophie Lambert", avatar: "/placeholder.svg?height=40&width=40", role: "Coordinateur", }, content: "Bonjour à tous ! J'espère que vous êtes prêts pour le mariage Silva-Martin aujourd'hui. N'hésitez pas à me contacter si vous avez des questions.", time: "08:30", isSelf: false, }, { id: 2, sender: { name: "Thomas Laurent", avatar: "/placeholder.svg?height=40&width=40", role: "Responsable de tables", }, content: "Bonjour Sophie. Les tables sont prêtes, nous avons terminé la mise en place.", time: "08:45", isSelf: false, }, { id: 3, sender: { name: "Mathieu Richard", avatar: "/placeholder.svg?height=40&width=40", role: "Superviseur de zone", }, content: "Je suis en train de vérifier la zone VIP. Nous aurons besoin de 2 bouteilles supplémentaires de champagne premium.", time: "08:52", isSelf: false, }, { id: 4, sender: { name: "Jean Dupont", avatar: "/placeholder.svg?height=40&width=40", role: "Vous", }, content: "J'ai noté la demande pour le champagne. Antoine va vous l'apporter d'ici 10 minutes.", time: "09:00", isSelf: true, }, { id: 5, sender: { name: "Antoine Martin", avatar: "/placeholder.svg?height=40&width=40", role: "Équipier", }, content: "Compris, je m'occupe de ça tout de suite.", time: "09:05", isSelf: false, }, { id: 6, sender: { name: "Sophie Lambert", avatar: "/placeholder.svg?height=40&width=40", role: "Coordinateur", }, content: "Les premiers invités arriveront dans environ 30 minutes. Assurez-vous que tout le monde est à son poste.", time: "09:15", isSelf: false, }, { id: 7, sender: { name: "Jean Dupont", avatar: "/placeholder.svg?height=40&width=40", role: "Vous", }, content: "Je vais faire un tour pour vérifier que tout est en place. J'enverrai un message quand j'aurai terminé.", time: "09:20", isSelf: true, }, ] // Données fictives pour les équipes de chat const chatTeams = [ { id: 1, name: "Équipe Mariage Silva-Martin", members: 8, lastMessage: "Les premiers invités arriveront dans environ 30 minutes.", time: "09:15", unread: 0, event: "Mariage Silva-Martin", isActive: true, }, { id: 2, name: "Équipe Conférence Tech", members: 6, lastMessage: "La présentation principale commencera à 10h précises.", time: "08:50", unread: 3, event: "Conférence Tech Innovations", isActive: true, }, { id: 3, name: "Coordinateurs", members: 5, lastMessage: "N'oubliez pas la réunion de planification de demain à 14h.", time: "Hier", unread: 0, event: "Général", isActive: false, }, { id: 4, name: "Équipe Gala de Charité", members: 7, lastMessage: "Voici le plan de table final pour le gala.", time: "Hier", unread: 1, event: "Gala de Charité - Fondation Espoir", isActive: true, }, ] export default function CommunicationPage() { return (

Communication

Groupes Messages directs

{chatTeams.map((team) => (

{team.name[0]}

{team.name}

{team.time}

{team.lastMessage}

{team.unread > 0 && ( {team.unread} )}

{team.members} membres {team.isActive && ( Actif )}

))}

Messages directs à implémenter

Équipe Mariage Silva-Martin 8 membres

{chatMessages.map((message) => (

{message.sender.name .split(" ") .map((n) => n[0]) .join("")}

{message.sender.name} {message.time}

{message.content}

))}

) } [V0_FILE]typescriptreact:file="app/statistics/page.tsx" import { DashboardLayout } from "@/components/dashboard-layout" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { SearchIcon, DownloadIcon } from "lucide-react" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" const BarChartPlaceholder = () => (

Statistiques de consommation de boissons

Mariage Silva-Martin, 15 juillet 2024

Quantité servie

Stock initial

{["Champagne", "Vin rouge", "Vin blanc", "Eau", "Jus", "Whisky"].map((label, i) => (

{label}

))}

) const LineChartPlaceholder = () => (

Temps moyen de service

Évolution sur les dernières heures

Temps moyen (min)

) const PieChartPlaceholder = () => (

Répartition des commandes

Par catégorie de boissons

Alcools (45%)

Soft (30%)

Chaud (25%)

) export default function StatisticsPage() { return (

Statistiques et Rapports

Invités totaux

372

Sur 3 événements actifs

Commandes traitées

127

+23% par rapport à hier

Temps moyen de service

6.5 min

-10% par rapport à la semaine dernière

Boissons servies

483

Total sur tous les événements actifs

Performance Consommation Événements Simulation

Temps de service Temps moyen pour préparer et livrer les commandes Répartition du travail Nombre de commandes traitées par membre d'équipe

Consommation par type Répartition des boissons consommées par catégorie Consommation vs Stock Comparaison entre la consommation et le stock initial

Comparaison des événements Performance et statistiques par événement

Comparaison des événements à implémenter

Simulation d'équipe Calcul du nombre optimal d'équipiers pour les événements

Outil de simulation à implémenter

Prévision de stock Estimation des besoins en boissons basée sur les événements précédents

Outil de prévision à implémenter

) } [V0_FILE]typescriptreact:file="tailwind.config.js" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], }

About

About