Liquid

${liquidItems.map( (item) => ` ` ).join("")}

Artikel	Menge
${item.name}	${item.quantity}

K\xFCche + Eis

${kitchenItems.map( (item) => ` ` ).join("")}

Artikel	Menge
${item.name}	${item.quantity}

`; const response = await fetch("/api/html2pdf", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ html: htmlContent }) }); if (!response.ok) throw new Error("PDF Export fehlgeschlagen"); const blob = await response.blob(); const url = window.URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = `Inventur_${inventoryDate.replace(/\./g, "-")}.pdf`; document.body.appendChild(a); a.click(); window.URL.revokeObjectURL(url); document.body.removeChild(a); showSuccess("PDF wurde erfolgreich erstellt"); } catch (err) { console.error(err); setError("PDF konnte nicht erstellt werden"); } }; useEffect(() => { const dates = todos.filter((todo) => todo.is_inventory_date).sort((a, b) => new Date(b.inventory_date) - new Date(a.inventory_date)); setInventoryHistory(dates); }, [todos]); const InventoryHistoryDashboard = () => { if (!inventoryHistory.length) { return /* @__PURE__ */ React.createElement("div", { className: "text-center py-8 text-gray-500" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-history text-4xl mb-4" }), /* @__PURE__ */ React.createElement("p", null, "Noch keine Inventuren durchgef\xFChrt")); } return /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, inventoryHistory.map((historyItem) => { const date = new Date(historyItem.inventory_date); const itemsForDate = todos.filter( (todo) => todo.inventory_type && todo.quantity > 0 ); return /* @__PURE__ */ React.createElement( "div", { key: historyItem.id, className: "bg-white rounded-xl p-6 shadow-sm" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center mb-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", { className: "text-xl font-semibold text-[#ff4800]" }, "Inventur vom ", date.toLocaleDateString()), /* @__PURE__ */ React.createElement("p", { className: "text-gray-500 text-sm" }, itemsForDate.length, " Artikel erfasst")), /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => { setSelectedDate(historyItem.inventory_date); setShowInventory(true); }, className: "px-4 py-2 text-[#ff4800] hover:bg-gray-100 rounded-lg transition-colors" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-eye mr-2" }), "Anzeigen" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => exportToPDF(historyItem.inventory_date), className: "px-4 py-2 bg-[#ff4800] text-white rounded-lg hover:bg-[#ff5900] transition-colors" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-file-pdf mr-2" }), "PDF" ))) ); })); }; return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-[#f5f5f7] text-[#1d1d1f]" }, /* @__PURE__ */ React.createElement("div", { className: "fixed top-4 right-4 z-50" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => { setShowInventory(true); if (!selectedDate) setShowDatePicker(true); }, className: "bg-white p-3 rounded-full shadow-lg hover:shadow-xl transition-shadow", title: "Inventurliste \xF6ffnen" }, "\u{1F6D2}" )), showInventory && (showDatePicker ? /* @__PURE__ */ React.createElement(DatePickerModal, null) : /* @__PURE__ */ React.createElement(InventoryModal, null)), isMenuOpen && /* @__PURE__ */ React.createElement( "div", { className: "fixed inset-0 bg-black bg-opacity-50 z-40 md:hidden", onClick: () => setIsMenuOpen(false) } ), /* @__PURE__ */ React.createElement("div", { className: "flex" }, /* @__PURE__ */ React.createElement("div", { className: "fixed md:relative w-full md:w-64 z-50" }, /* @__PURE__ */ React.createElement( "div", { className: ` sidebar fixed left-0 top-0 w-64 h-full bg-white border-r border-gray-200 transform transition-transform duration-300 ease-in-out md:relative md:transform-none ${isMenuOpen ? "translate-x-0" : "-translate-x-full md:translate-x-0"} ` }, /* @__PURE__ */ React.createElement("div", { className: "p-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React.createElement("h1", { className: "text-2xl font-bold text-[#ff4800]" }, "DSM Need"), /* @__PURE__ */ React.createElement( "button", { onClick: () => setIsMenuOpen(!isMenuOpen), className: "md:hidden text-gray-500 hover:text-[#ff4800]" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-times" }) )), /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement( "input", { type: "text", placeholder: "Suchen...", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), className: "w-full px-4 py-2 pl-10 rounded-lg border border-gray-200 \n focus:outline-none focus:border-[#ff4800] transition-colors" } ), /* @__PURE__ */ React.createElement("i", { className: "fas fa-search absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400" }))), /* @__PURE__ */ React.createElement("div", { className: "space-y-2 max-h-[calc(100vh-240px)] overflow-y-auto" }, allCategories.map((category) => /* @__PURE__ */ React.createElement("div", { key: category, className: "group" }, editingCategory === category ? /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", value: newCategory, onChange: (e) => setNewCategory(e.target.value), onKeyPress: (e) => e.key === "Enter" && updateCategory(category, newCategory), className: "flex-1 px-4 py-2 rounded-lg border border-gray-200 focus:outline-none focus:border-[#ff4800]", autoFocus: true } )) : /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => setSelectedCategory(category), className: ` flex-1 text-left px-4 py-2 rounded-lg transition-all ${selectedCategory === category ? "bg-[#ff4800] text-white" : "hover:bg-gray-100"} ` }, category ), /* @__PURE__ */ React.createElement("div", { className: "opacity-0 group-hover:opacity-100 transition-opacity flex gap-1" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => duplicateCategory(category), className: "p-2 text-gray-400 hover:text-[#ff4800]", title: "Kategorie duplizieren" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-copy" }) ), /* @__PURE__ */ React.createElement( "button", { onClick: () => { setEditingCategory(category); setNewCategory(category); }, className: "p-2 text-gray-400 hover:text-[#ff4800]", title: "Kategorie umbenennen" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-pencil-alt" }) ), /* @__PURE__ */ React.createElement( "button", { onClick: () => deleteCategory(category), className: "p-2 text-gray-400 hover:text-red-500", title: "Kategorie l\xF6schen" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-trash" }) )))))), showNewCategoryInput ? /* @__PURE__ */ React.createElement("div", { className: "mt-4" }, /* @__PURE__ */ React.createElement( "input", { type: "text", placeholder: "Neue Kategorie...", value: newCategory, onChange: (e) => setNewCategory(e.target.value), onKeyPress: (e) => e.key === "Enter" && createCategory(), className: "w-full px-4 py-2 rounded-lg border border-gray-200 focus:outline-none focus:border-[#ff4800]", autoFocus: true } )) : /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowNewCategoryInput(true), className: "mt-4 w-full px-4 py-2 text-[#ff4800] hover:bg-gray-100 rounded-lg transition-colors text-left" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-plus-circle mr-2" }), "Neue Kategorie" )) )), /* @__PURE__ */ React.createElement("div", { className: "flex-1 md:ml-64" }, /* @__PURE__ */ React.createElement("div", { className: "p-4 md:p-8" }, selectedCategory && /* @__PURE__ */ React.createElement("div", { className: "mb-8" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl font-bold" }, selectedCategory), /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", placeholder: "Neue Aufgabe...", value: newTask, onChange: (e) => setNewTask(e.target.value), onKeyPress: (e) => e.key === "Enter" && addTodo(selectedCategory), className: "px-4 py-2 rounded-lg border border-gray-200 focus:outline-none focus:border-[#ff4800]" } ), /* @__PURE__ */ React.createElement( "button", { onClick: () => addTodo(selectedCategory), className: "px-4 py-2 bg-[#ff4800] text-white rounded-lg hover:bg-[#ff5900]" }, "Hinzuf\xFCgen" ))), /* @__PURE__ */ React.createElement("div", { className: "grid gap-4" }, groupedTodos[selectedCategory]?.do.map((todo) => /* @__PURE__ */ React.createElement( TaskItem, { key: todo.id, todo, onStatusChange: () => updateTodoStatus(todo.id, "doing") } )), groupedTodos[selectedCategory]?.doing.map((todo) => /* @__PURE__ */ React.createElement( TaskItem, { key: todo.id, todo, onStatusChange: () => updateTodoStatus(todo.id, "done") } )), groupedTodos[selectedCategory]?.done.map((todo) => /* @__PURE__ */ React.createElement( TaskItem, { key: todo.id, todo, onStatusChange: () => updateTodoStatus(todo.id, "do") } )))), /* @__PURE__ */ React.createElement("div", { className: "mb-8" }, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl font-bold mb-6" }, "Inventur Historie"), /* @__PURE__ */ React.createElement(InventoryHistoryDashboard, null))))), /* @__PURE__ */ React.createElement( "div", { className: ` fixed bottom-4 right-4 px-4 py-2 rounded-lg shadow-lg transition-all duration-300 z-50 ${isOnline ? "bg-green-500" : "bg-yellow-500"} text-white ` }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement( "div", { className: ` w-2 h-2 rounded-full ${isOnline ? "bg-green-200" : "bg-yellow-200"} ` } ), isOnline ? "Online" : "Offline", isSyncing && /* @__PURE__ */ React.createElement("i", { className: "fas fa-sync-alt animate-spin ml-2" })) ), /* @__PURE__ */ React.createElement("style", { jsx: true, global: true }, ` /* Optimierte Animationen */ .task-enter { animation: fadeIn 0.2s ease-out; } .task-exit { animation: fadeOut 0.2s ease-out; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(10px); } } /* Schnellere Hover-Transitionen */ * { transition-duration: 0.2s !important; } /* Better focus styles */ *:focus { outline: none; box-shadow: 0 0 0 3px rgba(255, 72, 0, 0.3); } /* Custom scrollbar */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; } ::-webkit-scrollbar-thumb { background: #ff4800; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #ff5900; } `)); } var page_default = MainComponent; return __toCommonJS(page_exports); })();