YBC Monatsplaner \u2013 Druckansicht optimiert<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 0;\n }\n .print-wrapper {\n width: 210mm;\n padding: 15mm 20mm;\n margin: auto;\n box-sizing: border-box;\n }\n input, select {\n padding: 6px;\n margin: 5px 0;\n width: 100%;\n box-sizing: border-box;\n }\n table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 20px;\n font-size: 12px;\n }\n th, td {\n border: 1px solid #ccc;\n padding: 4px;\n text-align: center;\n }\n th {\n background-color: #f4f4f4;\n }\n .sunday { background-color: #ffecec; }\n .saturday { background-color: #f0f0ff; }\n .narrow { width: 60px; }\n .checkbox-cell { width: 30px; }\n\n @media print {\n @page {\n size: A4;\n margin: 0;\n }\n body {\n margin: 0;\n padding: 0;\n }\n .print-wrapper {\n padding: 10mm 15mm;\n }\n button {\n display: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"print-wrapper\">\n <h1>YBC Monatsplaner \u2013 Zielumsatz auf ausgew\u00e4hlte Tage<\/h1>\n\n <label>Zielumsatz gesamt (\u20ac):<\/label>\n <input type=\"number\" id=\"ziel-umsatz\" oninput=\"recalculateUmsatz()\" \/>\n\n <label>Monat:<\/label>\n <select id=\"monat\" onchange=\"generateTable(); recalculateUmsatz();\">\n <option value=\"0\">Januar<\/option>\n <option value=\"1\">Februar<\/option>\n <option value=\"2\">M\u00e4rz<\/option>\n <option value=\"3\">April<\/option>\n <option value=\"4\">Mai<\/option>\n <option value=\"5\">Juni<\/option>\n <option value=\"6\">Juli<\/option>\n <option value=\"7\">August<\/option>\n <option value=\"8\">September<\/option>\n <option value=\"9\">Oktober<\/option>\n <option value=\"10\">November<\/option>\n <option value=\"11\">Dezember<\/option>\n <\/select>\n\n <label>Jahr:<\/label>\n <input type=\"number\" id=\"jahr\" value=\"2025\" onchange=\"generateTable(); recalculateUmsatz();\" \/>\n\n <div id=\"planOutput\"><\/div>\n\n \n <div style=\"margin-top: 20px;\">\n <button onclick=\"window.print()\">\ud83d\udce5 Formular als PDF speichern \/ drucken<\/button>\n <\/div>\n<\/div>\n\n<script>\nfunction generateTable() {\n const monat = parseInt(document.getElementById(\"monat\").value);\n const jahr = parseInt(document.getElementById(\"jahr\").value);\n const daysInMonth = new Date(jahr, monat + 1, 0).getDate();\n const dayNames = [\"So\", \"Mo\", \"Di\", \"Mi\", \"Do\", \"Fr\", \"Sa\"];\n\n let table = '<table><tr><th class=\"checkbox-cell\">\u2713<\/th><th>Datum<\/th><th>Typ<\/th><th class=\"narrow\">NK<\/th><th class=\"narrow\">FT<\/th><th>Nachbestellung<\/th><th>Gesamt<\/th><th>Name NB<\/th><th>Umsatz NB (\u20ac)<\/th><\/tr>';\n\n for (let d = 1; d <= daysInMonth; d++) {\n const date = new Date(jahr, monat, d);\n const tagName = dayNames[date.getDay()];\n const dateStr = `${d}.${monat + 1}.${jahr}`;\n const className = date.getDay() === 0 ? 'sunday' : (date.getDay() === 6 ? 'saturday' : '');\n\n table += `<tr class=\"${className}\">\n <td rowspan=\"2\"><input type=\"checkbox\" class=\"day-active\" id=\"cb-${d}\" onchange=\"recalculateUmsatz()\" \/><\/td>\n <td rowspan=\"2\">${dateStr} (${tagName})<\/td>\n <td>Plan<\/td>\n <td><input type=\"number\" id=\"nk-plan-${d}\" \/><\/td>\n <td><input type=\"number\" id=\"ft-plan-${d}\" \/><\/td>\n <td><input type=\"number\" id=\"nb-plan-${d}\" \/><\/td>\n <td><input type=\"number\" id=\"total-plan-${d}\" disabled \/><\/td>\n <td><input type=\"text\" \/><\/td>\n <td><input type=\"number\" \/><\/td>\n <\/tr>\n <tr class=\"${className}\">\n <td>Ist<\/td>\n <td><input type=\"number\" \/><\/td>\n <td><input type=\"number\" \/><\/td>\n <td><input type=\"number\" \/><\/td>\n <td><input type=\"number\" \/><\/td>\n <td><input type=\"text\" \/><\/td>\n <td><input type=\"number\" \/><\/td>\n <\/tr>`;\n }\n\n table += '<\/table>';\n document.getElementById(\"planOutput\").innerHTML = table;\n}\n\nfunction recalculateUmsatz() {\n const zielUmsatz = parseFloat(document.getElementById(\"ziel-umsatz\").value) || 0;\n const activeDays = [...document.querySelectorAll(\".day-active\")]\n .map((cb, i) => cb.checked ? i + 1 : null)\n .filter(i => i !== null);\n\n const umsatzProTag = zielUmsatz \/ activeDays.length || 0;\n\n for (let i = 1; i <= 31; i++) {\n const totalField = document.getElementById(`total-plan-${i}`);\n if (totalField) {\n if (activeDays.includes(i)) {\n totalField.value = umsatzProTag.toFixed(2);\n } else {\n totalField.value = '';\n }\n }\n }\n}\n\nwindow.onload = () => {\n generateTable();\n recalculateUmsatz();\n};\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>YBC Monatsplaner \u2013 Druckansicht optimiert YBC Monatsplaner \u2013 Zielumsatz auf ausgew\u00e4hlte Tage Zielumsatz gesamt (\u20ac): Monat: JanuarFebruarM\u00e4rzAprilMaiJuniJuliAugustSeptemberOktoberNovemberDezember Jahr: \ud83d\udce5 Formular als PDF speichern \/ drucken<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12603","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/your-business-coaching.eu\/en\/wp-json\/wp\/v2\/pages\/12603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/your-business-coaching.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/your-business-coaching.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/your-business-coaching.eu\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/your-business-coaching.eu\/en\/wp-json\/wp\/v2\/comments?post=12603"}],"version-history":[{"count":0,"href":"https:\/\/your-business-coaching.eu\/en\/wp-json\/wp\/v2\/pages\/12603\/revisions"}],"wp:attachment":[{"href":"https:\/\/your-business-coaching.eu\/en\/wp-json\/wp\/v2\/media?parent=12603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n YBC Monatsplaner \u2013 Druckansicht optimiert<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 0;\n }\n .print-wrapper {\n width: 210mm;\n padding: 15mm 20mm;\n margin: auto;\n box-sizing: border-box;\n }\n input, select {\n padding: 6px;\n margin: 5px 0;\n width: 100%;\n box-sizing: border-box;\n }\n table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 20px;\n font-size: 12px;\n }\n th, td {\n border: 1px solid #ccc;\n padding: 4px;\n text-align: center;\n }\n th {\n background-color: #f4f4f4;\n }\n .sunday { background-color: #ffecec; }\n .saturday { background-color: #f0f0ff; }\n .narrow { width: 60px; }\n .checkbox-cell { width: 30px; }\n\n @media print {\n @page {\n size: A4;\n margin: 0;\n }\n body {\n margin: 0;\n padding: 0;\n }\n .print-wrapper {\n padding: 10mm 15mm;\n }\n button {\n display: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"print-wrapper\">\n <h1>YBC Monatsplaner \u2013 Zielumsatz auf ausgew\u00e4hlte Tage<\/h1>\n\n <label>Zielumsatz gesamt (\u20ac):<\/label>\n <input type=\"number\" id=\"ziel-umsatz\" oninput=\"recalculateUmsatz()\" \/>\n\n <label>Monat:<\/label>\n <select id=\"monat\" onchange=\"generateTable(); recalculateUmsatz();\">\n <option value=\"0\">Januar<\/option>\n <option value=\"1\">Februar<\/option>\n <option value=\"2\">M\u00e4rz<\/option>\n <option value=\"3\">April<\/option>\n <option value=\"4\">Mai<\/option>\n <option value=\"5\">Juni<\/option>\n <option value=\"6\">Juli<\/option>\n <option value=\"7\">August<\/option>\n <option value=\"8\">September<\/option>\n <option value=\"9\">Oktober<\/option>\n <option value=\"10\">November<\/option>\n <option value=\"11\">Dezember<\/option>\n <\/select>\n\n <label>Jahr:<\/label>\n <input type=\"number\" id=\"jahr\" value=\"2025\" onchange=\"generateTable(); recalculateUmsatz();\" \/>\n\n <div id=\"planOutput\"><\/div>\n\n \n <div style=\"margin-top: 20px;\">\n <button onclick=\"window.print()\">\ud83d\udce5 Formular als PDF speichern \/ drucken<\/button>\n <\/div>\n<\/div>\n\n<script>\nfunction generateTable() {\n const monat = parseInt(document.getElementById(\"monat\").value);\n const jahr = parseInt(document.getElementById(\"jahr\").value);\n const daysInMonth = new Date(jahr, monat + 1, 0).getDate();\n const dayNames = [\"So\", \"Mo\", \"Di\", \"Mi\", \"Do\", \"Fr\", \"Sa\"];\n\n let table = '<table><tr><th class=\"checkbox-cell\">\u2713<\/th><th>Datum<\/th><th>Typ<\/th><th class=\"narrow\">NK<\/th><th class=\"narrow\">FT<\/th><th>Nachbestellung<\/th><th>Gesamt<\/th><th>Name NB<\/th><th>Umsatz NB (\u20ac)<\/th><\/tr>';\n\n for (let d = 1; d <= daysInMonth; d++) {\n const date = new Date(jahr, monat, d);\n const tagName = dayNames[date.getDay()];\n const dateStr = `${d}.${monat + 1}.${jahr}`;\n const className = date.getDay() === 0 ? 'sunday' : (date.getDay() === 6 ? 'saturday' : '');\n\n table += `<tr class=\"${className}\">\n <td rowspan=\"2\"><input type=\"checkbox\" class=\"day-active\" id=\"cb-${d}\" onchange=\"recalculateUmsatz()\" \/><\/td>\n <td rowspan=\"2\">${dateStr} (${tagName})<\/td>\n <td>Plan<\/td>\n <td><input type=\"number\" id=\"nk-plan-${d}\" \/><\/td>\n <td><input type=\"number\" id=\"ft-plan-${d}\" \/><\/td>\n <td><input type=\"number\" id=\"nb-plan-${d}\" \/><\/td>\n <td><input type=\"number\" id=\"total-plan-${d}\" disabled \/><\/td>\n <td><input type=\"text\" \/><\/td>\n <td><input type=\"number\" \/><\/td>\n <\/tr>\n <tr class=\"${className}\">\n <td>Ist<\/td>\n <td><input type=\"number\" \/><\/td>\n <td><input type=\"number\" \/><\/td>\n <td><input type=\"number\" \/><\/td>\n <td><input type=\"number\" \/><\/td>\n <td><input type=\"text\" \/><\/td>\n <td><input type=\"number\" \/><\/td>\n <\/tr>`;\n }\n\n table += '<\/table>';\n document.getElementById(\"planOutput\").innerHTML = table;\n}\n\nfunction recalculateUmsatz() {\n const zielUmsatz = parseFloat(document.getElementById(\"ziel-umsatz\").value) || 0;\n const activeDays = [...document.querySelectorAll(\".day-active\")]\n .map((cb, i) => cb.checked ? i + 1 : null)\n .filter(i => i !== null);\n\n const umsatzProTag = zielUmsatz \/ activeDays.length || 0;\n\n for (let i = 1; i <= 31; i++) {\n const totalField = document.getElementById(`total-plan-${i}`);\n if (totalField) {\n if (activeDays.includes(i)) {\n totalField.value = umsatzProTag.toFixed(2);\n } else {\n totalField.value = '';\n }\n }\n }\n}\n\nwindow.onload = () => {\n generateTable();\n recalculateUmsatz();\n};\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>YBC Monatsplaner \u2013 Druckansicht optimiert YBC Monatsplaner \u2013 Zielumsatz auf ausgew\u00e4hlte Tage Zielumsatz gesamt (\u20ac): Monat: JanuarFebruarM\u00e4rzAprilMaiJuniJuliAugustSeptemberOktoberNovemberDezember Jahr: \ud83d\udce5 Formular als PDF speichern \/ drucken<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12603","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/your-business-coaching.eu\/en\/wp-json\/wp\/v2\/pages\/12603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/your-business-coaching.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/your-business-coaching.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/your-business-coaching.eu\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/your-business-coaching.eu\/en\/wp-json\/wp\/v2\/comments?post=12603"}],"version-history":[{"count":0,"href":"https:\/\/your-business-coaching.eu\/en\/wp-json\/wp\/v2\/pages\/12603\/revisions"}],"wp:attachment":[{"href":"https:\/\/your-business-coaching.eu\/en\/wp-json\/wp\/v2\/media?parent=12603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}