https://bublitz-einrichtungen.de/_next/static/chunks/7496.f0d0192c4b7727d4.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7496],{97496:(e,t,s)=>{s.r(t),s.d(t,{default:()=>d});var r=s(37876),a=s(14232),l=s(48230),n=s.n(l);let i={clipboard:(0,r.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"})}),layout:(0,r.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"})}),package:(0,r.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"})}),leaf:(0,r.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"})}),users:(0,r.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"})}),dollar:(0,r.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})}),cpu:(0,r.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"})}),truck:(0,r.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0"})})},o=[{value:"alle",label:"Alle"},{value:"klein",label:"Klein (1-50 MA)"},{value:"mittel",label:"Mittel (51-200 MA)"},{value:"gross",label:"Gross (200+ MA)"}],d=e=>{let{title:t,subtitle:s,categories:l,storageKey:d}=e,[c,h]=(0,a.useState)({checked:{},notes:{},filter:"alle"}),[m,u]=(0,a.useState)({}),[x,p]=(0,a.useState)(!1);(0,a.useEffect)(()=>{try{let e=localStorage.getItem(d);if(e){let t=JSON.parse(e);h(t)}}catch(e){}p(!0)},[d]),(0,a.useEffect)(()=>{if(x)try{localStorage.setItem(d,JSON.stringify(c))}catch(e){}},[c,d,x]);let k=(0,a.useCallback)(e=>{h(t=>({...t,checked:{...t.checked,[e]:!t.checked[e]}}))},[]),v=(0,a.useCallback)((e,t)=>{h(s=>({...s,notes:{...s.notes,[e]:t}}))},[]),j=(0,a.useCallback)(e=>{h(t=>({...t,filter:e}))},[]),f=(0,a.useCallback)(e=>{u(t=>({...t,[e]:!t[e]}))},[]),b=(0,a.useMemo)(()=>"alle"===c.filter?l:l.map(e=>({...e,tasks:e.tasks.filter(e=>e.companySize.includes(c.filter))})).filter(e=>e.tasks.length>0),[l,c.filter]),{totalVisible:g,checkedVisible:N,percent:w}=(0,a.useMemo)(()=>{let e=0,t=0;for(let s of b)for(let r of s.tasks)e++,c.checked[r.id]&&t++;return{totalVisible:e,checkedVisible:t,percent:e>0?Math.round(t/e*100):0}},[b,c.checked]),M=(0,a.useCallback)(()=>{h({checked:{},notes:{},filter:c.filter})},[c.filter]);return x?(0,r.jsx)("section",{className:"py-16 bg-white",children:(0,r.jsxs)("div",{className:"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8",children:[t&&(0,r.jsxs)("div",{className:"text-center mb-8",children:[(0,r.jsx)("h2",{className:"text-3xl md:text-4xl font-heading font-semibold text-neutral-900 mb

1-4",children:t}),s&&(0,r.jsx)("p",{className:"text-lg text-neutral-600 max-w-3xl mx-auto",children:s})]}),(0,r.jsxs)("div",{className:"bg-blue-50 border border-blue-200 rounded-lg p-4 mb-8 text-sm text-blue-800 flex items-start gap-3",children:[(0,r.jsx)("svg",{className:"w-5 h-5 mt-0.5 shrink-0",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"})}),(0,r.jsxs)("p",{children:[(0,r.jsx)("strong",{children:"Datenschutz:"})," Alle Daten bleiben in Ihrem Browser (localStorage). Es werden keine Informationen an Server gesendet. Sie k\xf6nnen die Checkliste jederzeit zur\xfccksetzen."]})]}),(0,r.jsx)("div",{className:"bg-neutral-50 rounded-lg p-4 mb-6",children:(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-3",children:[(0,r.jsx)("span",{className:"text-sm font-medium text-neutral-700",children:"Unternehmensgr\xf6\xdfe:"}),(0,r.jsx)("div",{className:"flex flex-wrap gap-2",children:o.map(e=>(0,r.jsx)("button",{onClick:()=>j(e.value),className:"px-4 py-2 rounded-full text-sm font-medium transition-colors ".concat(c.filter===e.value?"bg-primary text-white":"bg-white text-neutral-700 hover:bg-neutral-100 border border-neutral-300"),children:e.label},e.value))})]})}),(0,r.jsxs)("div",{className:"bg-neutral-50 rounded-lg p-4 mb-8",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,r.jsxs)("span",{className:"text-sm font-medium text-neutral-700",children:[N," von ",g," Aufgaben erledigt"]}),(0,r.jsxs)("span",{className:"text-sm font-bold text-primary",children:[w,"%"]})]}),(0,r.jsx)("div",{className:"w-full bg-neutral-200 rounded-full h-3",children:(0,r.jsx)("div",{className:"bg-primary h-3 rounded-full transition-all duration-500",style:{width:"".concat(w,"%")}})}),100===w&&(0,r.jsx)("p",{className:"text-sm text-green-600 font-medium mt-2",children:"Alle sichtbaren Aufgaben erledigt!"})]}),(0,r.jsx)("div",{className:"space-y-4",children:b.map(e=>{let t=e.tasks.filter(e=>c.checked[e.id]).length,s=e.tasks.length;return(0,r.jsxs)("details",{className:"group border border-neutral-200 rounded-lg",open:!0,children:[(0,r.jsxs)("summary",{className:"flex items-center gap-3 p-4 cursor-pointer hover:bg-neutral-50 rounded-lg list-none [&::-webkit-details-marker]:hidden",children:[(0,r.jsx)("span",{className:"text-primary",children:i[e.icon]||i.clipboard}),(0,r.jsx)("span",{className:"font-heading font-semibold text-neutral-900 flex-1",children:e.title}),(0,r.jsxs)("span",{className:"text-sm text-neutral-500",children:[t,"/",s]}),(0,r.jsx)("svg",{className:"w-5 h-5 text-neutral-400 transition-transform group-open:rotate-180",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),(0,r.jsx)("div",{className:"px-4 pb-4 space-y-3",children:e.tasks.map(e=>(0,r.jsx)("div",{className:"border rounded-lg p-4 transition-colors ".concat(c.checked[e.id]?"bg-green-50 border-green-200":"bg-white border-neutral-200"),children:(0,r.jsxs)("div",{className:"flex items-start gap-3",children:[(0,r.jsx)("button",{onClick:()=>k(e.id),className:"mt-0.5 shrink-0 w-6 h-6 rounded border-2 flex items-center justify-center transition-colors ".concat(c.checked[e.id]?"bg-green-500 border-green-500 text-white":"border-neutral-300 hover:border-primary"),"aria-label":c.checked[e.id]?"Als unerledigt markieren":"Als erledigt markieren",children:c.checked[e.id]&&(0,r.jsx)("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:3,d:"M5 13l4 4L19 7"})})}),(0,r.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,r.jsx)("h4",{className:"font-medium ".concat(c.checked[e.id]?"text-neutral-500 line-through":"text-neutral-900"),children:e.title}),(0,r.jsx)("p",{className:"text-sm text-neutral-600 mt-1",dangerouslySetInnerHTML:{__html:e.description}}),e.bublitzTipp&&(0,r.jsx)("div",{className:"mt-2",children:(0,r.jsxs)(n(),{href:e.bublitzTipp.href,className:"inline-flex items-center gap-1.5 text-sm font-medium text-primary hover:text-primary/80 transition-colors",children:[(0,r.jsx)("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 7l5 5m0 0l-5 5m5-5H6"})}),e.bublitzTipp.text]})}),(0,r.jsxs)("button",{onClick:()=>f(e.id),className:"mt-2 text-xs text-neutral-500 hover:text-neutral-700 flex items-center gap-1",children:[(0,r.jsx)("svg",{className:"w-3.5 h-3.5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"})}),m[e.id]?"Notiz ausblenden":"Notiz hinzuf\xfcgen"]}),m[e.id]&&(0,r.jsx)("textarea",{value:c.notes[e.id]||"",onChange:t=>v(e.id,t.target.value),placeholder:"Ihre Notizen zu dieser Aufgabe...",className:"mt-2 w-full px-3 py-2 text-sm border border-neutral-300 rounded-lg focus:ring-2 focus:ring-primary/20 focus:border-primary resize-y min-h-[60

1px]",rows:2})]})]})},e.id))})]},e.id)})}),(0,r.jsx)("div",{className:"mt-8 flex justify-center",children:(0,r.jsx)("button",{onClick:M,className:"text-sm text-neutral-500 hover:text-neutral-700 underline",children:"Checkliste zur\xfccksetzen"})})]})}):(0,r.jsx)("section",{className:"py-16 bg-white",children:(0,r.jsx)("div",{className:"max-w-4xl mx-auto px-4",children:(0,r.jsxs)("div",{className:"animate-pulse space-y-4",children:[(0,r.jsx)("div",{className:"h-8 bg-neutral-200 rounded w-1/2 mx-auto"}),(0,r.jsx)("div",{className:"h-4 bg-neutral-200 rounded w-3/4 mx-auto"}),(0,r.jsx)("div",{className:"h-64 bg-neutral-100 rounded"})]})})})}}}]);