Kalender — klik for at skifte tilgængelighed
Klik på en dato for at markere den som ikke-tilgængelig (klik igen for at åbne).
- { if (d) toggleBlockedDate(d as Date) }}
- locale={da}
- modifiers={{ blocked: blocked.map(b => new Date(b.block_date)) }}
- />
+ setSelectedDates(d as Date[] | undefined)}
+ locale={da}
+ modifiers={{
+ blocked: blocked.map(b => new Date(b.block_date)),
+ nonWorking: (day: Date) => !weekly.some(w => w.weekday === day.getDay())
+ }}
+ disabled={showOnlyBlocked ? ((day: Date) => !blocked.some(b => sameDay(new Date(b.block_date), day))) : undefined}
+ />
+ ) : (
+ {
+ if (!d) return
+
+ // Ctrl/Cmd+click: accumulate dates for batch blocking
+ if (e && (e.ctrlKey || e.metaKey)) {
+ const iso = isoFromDate(d)
+ const alreadyPending = pendingDates.some(pd => isoFromDate(pd) === iso)
+ if (alreadyPending) {
+ setPendingDates(prev => prev.filter(pd => isoFromDate(pd) !== iso))
+ } else {
+ setPendingDates(prev => [...prev, d])
+ }
+ setLastClickedDate(d)
+ return
+ }
+
+ // Shift+click range selection
+ if (e && e.shiftKey && lastClickedDate) {
+ setSaving(true)
+ const range = datesBetween(lastClickedDate, d)
+ // confirm if any date in range falls on a working weekly schedule
+ const hasWorking = range.some(rd => weekly.some(w => w.weekday === rd.getDay()))
+ if (hasWorking) {
+ const proceed = confirm('Nogle dage i det valgte interval har et arbejdsskema. Vil du blokere alle dagene alligevel?')
+ if (!proceed) {
+ setLastClickedDate(d)
+ setSaving(false)
+ return
+ }
+ }
+ // optimistic add
+ const isos = range.map(r => isoFromDate(r))
+ setBlocked(prev => [...prev, ...isos.map(i => ({ id: `tmp-${i}`, block_date: i }))])
+ try {
+ await Promise.all(range.map(r => fetch('/api/availability/blocked', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({ block_date: isoFromDate(r), note: '' }) })))
+ addToast(`${range.length} dage blokeret`, 'success')
+ } catch (err) {
+ addToast('Kunne ikke oprette alle blokeringer — opdaterer listen', 'error')
+ } finally {
+ fetchAll()
+ setSaving(false)
+ }
+ setLastClickedDate(d)
+ return
+ }
+
+ // normal single toggle
+ await toggleBlockedDate(d)
+ setLastClickedDate(d)
+ }}
+ locale={da}
+ modifiers={{
+ blocked: blocked.map(b => new Date(b.block_date)),
+ nonWorking: (day: Date) => !weekly.some(w => w.weekday === day.getDay()),
+ pending: pendingDates,
+ }}
+ modifiersClassNames={{
+ pending: 'rdp-day_pending',
+ }}
+ disabled={showOnlyBlocked ? ((day: Date) => !blocked.some(b => sameDay(new Date(b.block_date), day))) : undefined}
+ />
+ )}
@@ -155,7 +447,9 @@ export default function AvailabilityAdmin() {
setNote(e.target.value)} placeholder="Noter (valgfri)" className="border px-2 py-1 rounded" />
-
+
+
+
+ {multiSelectMode && (
+
+ )}
+ {!multiSelectMode && pendingDates.length > 0 && (
+
+ )}
+
+
+ {multiSelectMode ? (
+
@@ -128,7 +411,16 @@ export default function AvailabilityAdmin() {
Valgt
+
+
+ Venter (Ctrl+klik)
+
+ {!multiSelectMode && (
+
+
+ )}
Tips: Hold Shift og klik for at vælge interval. Hold Ctrl/⌘ og klik for at vælge flere enkeltdage.
+Eksisterende skemaer
@@ -177,18 +471,12 @@ export default function AvailabilityAdmin() { -Eksisterende blokeringer
--
- {blocked.map(b => (
-
-
- {b.block_date} {b.note ? `· ${b.note}` : ''}- -
- ))}
-
+
{menus.map(menu => (
{menu.title}
+ {menu.featured && ( +Feature på forsiden
+ )}
{menu.description}
{menu.tags.map(tag => (
@@ -226,7 +230,14 @@ function MenuForm({ menu, onSave, onCancel }: {
required
/>
-
+
+
+
+
+
(m as any).featured) as Menu[])
+ .slice(0, 4)
+ .length > 0 ? (menus.filter((m: Menu) => (m as any).featured) as Menu[]).slice(0, 4) : menus.slice(0, 4)
return (
diff --git a/src/components/ui/image-placeholder.tsx b/src/components/ui/image-placeholder.tsx
index 6a37e71..e6cf3e0 100644
--- a/src/components/ui/image-placeholder.tsx
+++ b/src/components/ui/image-placeholder.tsx
@@ -19,13 +19,23 @@ export function ImagePlaceholder({ label, src, className }: ImagePlaceholderProp
return (
{src ? (
- ![]()
tag to avoid triggering Next.js' image optimizer which has
+ // caused errors in some environments. For external images we keep
+ // using the optimized component.
+ src.startsWith('/img/') ? (
+ // fill the container using absolute positioning when parent is
+ // positioned, otherwise let w-full/h-full handle sizing
+ 
+ ) : (
+
diff --git a/src/components/ui/toast.tsx b/src/components/ui/toast.tsx
new file mode 100644
index 0000000..72389ef
--- /dev/null
+++ b/src/components/ui/toast.tsx
@@ -0,0 +1,100 @@
+"use client"
+
+import { useEffect, useState } from 'react'
+
+export type ToastType = 'success' | 'error' | 'info' | 'warning'
+
+export interface Toast {
+ id: string
+ message: string
+ type: ToastType
+ duration?: number
+}
+
+interface ToastContextValue {
+ toasts: Toast[]
+ addToast: (message: string, type?: ToastType, duration?: number) => void
+ removeToast: (id: string) => void
+}
+
+let toastContext: ToastContextValue | null = null
+
+export function useToast() {
+ if (!toastContext) {
+ throw new Error('useToast must be used within ToastProvider')
+ }
+ return toastContext
+}
+
+export function ToastProvider({ children }: { children: React.ReactNode }) {
+ const [toasts, setToasts] = useState([])
+
+ const addToast = (message: string, type: ToastType = 'info', duration = 4000) => {
+ const id = `toast-${Date.now()}-${Math.random()}`
+ const toast: Toast = { id, message, type, duration }
+ setToasts(prev => [...prev, toast])
+
+ if (duration > 0) {
+ setTimeout(() => {
+ removeToast(id)
+ }, duration)
+ }
+ }
+
+ const removeToast = (id: string) => {
+ setToasts(prev => prev.filter(t => t.id !== id))
+ }
+
+ toastContext = { toasts, addToast, removeToast }
+
+ return (
+ <>
+ {children}
+
+ {toasts.map(toast => (
+
+ )
+}
+
+function ToastItem({ toast, onRemove }: { toast: Toast; onRemove: (id: string) => void }) {
+ const [exiting, setExiting] = useState(false)
+
+ const handleClose = () => {
+ setExiting(true)
+ setTimeout(() => onRemove(toast.id), 200)
+ }
+
+ const colors = {
+ success: 'bg-green-500 text-white',
+ error: 'bg-red-500 text-white',
+ warning: 'bg-amber-500 text-white',
+ info: 'bg-blue-500 text-white',
+ }
+
+ return (
+
+
+ )
+}
diff --git a/src/config/sample-data.js b/src/config/sample-data.js
index 0a722fa..7871702 100644
--- a/src/config/sample-data.js
+++ b/src/config/sample-data.js
@@ -54,7 +54,8 @@ exports.sampleData = {
'Chokoladekage med bær og vaniljeis'
],
tags: ['Nordisk', 'Klassisk', 'Populær'],
- image: '/img/klassisk.png',
+ featured: true,
+ image: '/img/klassisk.png',
baseIngredientsPerCover: 65,
ingredientsCostIndex: 1.0,
baseLabourHours: 4,
@@ -73,7 +74,8 @@ exports.sampleData = {
'Pocherede pærer med vaniljeis og hasselnødder'
],
tags: ['Vegetarisk', 'Sæson', 'Populær'],
- image: '/img/veg.png',
+ featured: true,
+ image: '/img/veg.png',
baseIngredientsPerCover: 55,
ingredientsCostIndex: 0.95,
baseLabourHours: 4,
@@ -92,7 +94,8 @@ exports.sampleData = {
'Tiramisu med mascarpone'
],
tags: ['Italiensk', 'Pasta', 'Afslappet'],
- image: '/img/italiensk.png',
+ featured: true,
+ image: '/img/italiensk.png',
baseIngredientsPerCover: 55,
ingredientsCostIndex: 0.9,
baseLabourHours: 4,
@@ -188,7 +191,8 @@ exports.sampleData = {
'Chokoladefondant med is'
],
tags: ['Gourmet', 'Special', 'Luksus'],
- image: '/img/gourmet.png',
+ featured: true,
+ image: '/img/gourmet.png',
baseIngredientsPerCover: 95,
ingredientsCostIndex: 1.2,
baseLabourHours: 5,
@@ -292,7 +296,7 @@ exports.sampleData = {
'Ris a la mande med kirsebærsauce og sprød mandel'
],
tags: ['Jul', 'Dansk', 'Traditionel', 'Luksus'],
- image: '/img/jul.jpg',
+ image: '/img/jul.png',
baseIngredientsPerCover: 95,
ingredientsCostIndex: 1.15,
baseLabourHours: 5,
diff --git a/src/config/sample-data.ts b/src/config/sample-data.ts
index c520ac6..b45b975 100644
--- a/src/config/sample-data.ts
+++ b/src/config/sample-data.ts
@@ -52,7 +52,8 @@ export const sampleData = {
],
tags: ['Nordisk', 'Klassisk', 'Populær'],
image: '/img/klassisk.png',
- baseIngredientsPerCover: 65,
+ featured: true,
+ baseIngredientsPerCover: 65,
ingredientsCostIndex: 1.0,
baseLabourHours: 4,
incrementalLabourPerCover: 0.05,
@@ -71,7 +72,8 @@ export const sampleData = {
],
tags: ['Vegetarisk', 'Sæson', 'Populær'],
image: '/img/veg.png',
- baseIngredientsPerCover: 55,
+ featured: true,
+ baseIngredientsPerCover: 55,
ingredientsCostIndex: 0.95,
baseLabourHours: 4,
incrementalLabourPerCover: 0.05,
@@ -90,7 +92,8 @@ export const sampleData = {
],
tags: ['Italiensk', 'Pasta', 'Afslappet'],
image: '/img/italiensk.png',
- baseIngredientsPerCover: 55,
+ featured: true,
+ baseIngredientsPerCover: 55,
ingredientsCostIndex: 0.9,
baseLabourHours: 4,
incrementalLabourPerCover: 0.05,
@@ -186,7 +189,8 @@ export const sampleData = {
],
tags: ['Gourmet', 'Special', 'Luksus'],
image: '/img/gourmet.png',
- baseIngredientsPerCover: 95,
+ featured: true,
+ baseIngredientsPerCover: 95,
ingredientsCostIndex: 1.2,
baseLabourHours: 5,
incrementalLabourPerCover: 0.06,
@@ -289,7 +293,7 @@ export const sampleData = {
'Ris a la mande med kirsebærsauce og sprød mandel'
],
tags: ['Jul', 'Dansk', 'Traditionel', 'Luksus'],
- image: '/img/jul.jpg',
+ image: '/img/jul.png',
baseIngredientsPerCover: 95,
ingredientsCostIndex: 1.15,
baseLabourHours: 5,
diff --git a/src/lib/db.ts b/src/lib/db.ts
index 318b8bd..4f1e2d1 100644
--- a/src/lib/db.ts
+++ b/src/lib/db.ts
@@ -22,6 +22,7 @@ export function rowToMenu(row: any) {
courses: JSON.parse(row.courses),
tags: JSON.parse(row.tags),
image: row.image,
+ featured: !!row.featured,
baseIngredientsPerCover: row.base_ingredients_per_cover,
ingredientsCostIndex: row.ingredients_cost_index,
baseLabourHours: row.base_labour_hours,
@@ -41,6 +42,7 @@ export function menuToRow(menu: any) {
courses: JSON.stringify(menu.courses),
tags: JSON.stringify(menu.tags),
image: menu.image,
+ featured: menu.featured ? 1 : 0,
base_ingredients_per_cover: menu.baseIngredientsPerCover,
ingredients_cost_index: menu.ingredientsCostIndex,
base_labour_hours: menu.baseLabourHours,
diff --git a/src/types/models.ts b/src/types/models.ts
index 6942be1..928f342 100644
--- a/src/types/models.ts
+++ b/src/types/models.ts
@@ -36,6 +36,7 @@ export interface Menu {
courses: readonly string[]
tags: readonly string[]
image: string
+ featured?: boolean
baseIngredientsPerCover: number
ingredientsCostIndex: number
baseLabourHours: number
{toast.message}
+
+