{"id":4,"date":"2026-08-30T18:59:27","date_gmt":"2026-08-30T18:59:27","guid":{"rendered":"https:\/\/urlaub.friedebold.com\/?page_id=4"},"modified":"2026-08-30T18:59:27","modified_gmt":"2026-08-30T18:59:27","slug":"urlaubsplanung","status":"publish","type":"page","link":"https:\/\/urlaub.friedebold.com\/?page_id=4","title":{"rendered":"Urlaubsplanung"},"content":{"rendered":"        <div id=\"urlaub-app-root\">\n            <div id=\"appRoot\" style=\"display:none;\">\n                <div class=\"topbar\">\n  <div class=\"topbar-inner\">\n    <div class=\"topbar-title\">\n      <h1>Urlaubsplanung<\/h1>\n      <span class=\"session-badge\" id=\"sessionBadge\" style=\"margin-left:auto;\"><\/span>\n      <button class=\"pillbtn\" id=\"toolbarToggle\" style=\"padding:4px 10px;\">\u22ef<\/button>\n    <\/div>\n    <div class=\"toolbar-extra\" id=\"toolbarExtra\">\n      <span class=\"sub\" id=\"statusline\" style=\"display:block; margin:6px 0 8px; font-size:12px; color:#B9D8D1; font-family:var(--font-mono);\"><\/span>\n      <div class=\"toolbar\">\n        <label>Jahr <select id=\"yearSelect\"><\/select><\/label>\n        <label>Bundesland (Feiertage) <select id=\"blSelect\"><\/select><\/label>\n        <label style=\"justify-content:flex-end;\">&nbsp; <button class=\"pillbtn\" id=\"resetSessionBtn\">Sitzung zur\u00fccksetzen<\/button><\/label>\n        <label style=\"justify-content:flex-end;\">&nbsp; <button class=\"pillbtn\" id=\"logoutBtn\">Abmelden<\/button><\/label>\n      <\/div>\n      <div class=\"shared-note\">Alle Daten liegen ausschlie\u00dflich serverseitig (in der WordPress-Datenbank); jede Person bekommt nur die Daten geschickt, die ihre Rolle erlaubt. Passw\u00f6rter werden gehasht gespeichert und sind f\u00fcr niemanden einsehbar.<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"wrap\">\n  <div class=\"panel\" id=\"legendPanel\">\n    <div class=\"panel-head\"><h2>Legende<\/h2><span class=\"chev\">\u2013<\/span><\/div>\n    <div class=\"panel-body\"><div class=\"legend\" id=\"legendRow\"><\/div><\/div>\n  <\/div>\n\n  <div class=\"panel\" id=\"accountPanel\">\n    <div class=\"panel-head\"><h2>Mein Konto<\/h2><span class=\"chev\">\u2013<\/span><\/div>\n    <div class=\"panel-body\">\n      <p style=\"font-size:12px; color:var(--ink-soft); margin:0 0 10px;\">Passwort jederzeit selbst \u00e4ndern.<\/p>\n      <div style=\"display:flex; gap:10px; flex-wrap:wrap; align-items:flex-end;\">\n        <label style=\"display:flex; flex-direction:column; gap:4px; font-size:11px; color:var(--ink-faint); font-family:var(--font-mono); text-transform:uppercase;\">Neues Passwort\n          <input type=\"password\" id=\"ownPass1\" style=\"border:1px solid var(--line); border-radius:6px; padding:6px 8px; font-size:13px;\">\n        <\/label>\n        <label style=\"display:flex; flex-direction:column; gap:4px; font-size:11px; color:var(--ink-faint); font-family:var(--font-mono); text-transform:uppercase;\">Best\u00e4tigen\n          <input type=\"password\" id=\"ownPass2\" style=\"border:1px solid var(--line); border-radius:6px; padding:6px 8px; font-size:13px;\">\n        <\/label>\n        <button id=\"ownPassSubmit\" class=\"genpass-btn\" style=\"padding:8px 14px;\">Passwort \u00e4ndern<\/button>\n      <\/div>\n      <p style=\"font-size:11px; color:var(--ink-faint); margin:8px 0 0;\">Mindestens 8 Zeichen, Gro\u00df- und Kleinschreibung sowie mindestens eine Zahl und\/oder ein Sonderzeichen.<\/p>\n      <div id=\"ownPassMsg\" style=\"font-size:12px; margin-top:6px;\"><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"panel\" id=\"adminPanel\" style=\"display:none;\">\n    <div class=\"panel-head\"><h2>Zugangsverwaltung (nur Administrator:innen)<\/h2><span class=\"chev\">\u2013<\/span><\/div>\n    <div class=\"panel-body\">\n      <p style=\"font-size:11px; color:var(--ink-faint); margin:0 0 10px;\">Administrator:innen k\u00f6nnen bestehende Passw\u00f6rter nicht einsehen \u2014 nur ein neues generieren. Es wird einmalig angezeigt und muss beim ersten Login sofort selbst ge\u00e4ndert werden.<\/p>\n\n      <h3 style=\"font-size:11px; text-transform:uppercase; color:var(--ink-faint); font-family:var(--font-mono); margin-bottom:6px; font-weight:600;\">\u00c4nderungsinfo &amp; Protokoll<\/h3>\n      <label style=\"display:flex; align-items:center; gap:6px; font-size:12px; color:var(--ink-soft); margin-bottom:10px;\">\n        <input type=\"checkbox\" class=\"admin-check\" id=\"showLogToPartnersChk\">\n        Partnern zus\u00e4tzlich zur Admin-Ansicht erlauben zu sehen, wer einen Kalendereintrag zuletzt ge\u00e4ndert hat und wann\n      <\/label>\n      <div style=\"display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:6px;\">\n        <button class=\"genpass-btn\" id=\"loadAuditLogBtn\">Protokoll-Datei anzeigen (letzte Eintr\u00e4ge)<\/button>\n        <select id=\"auditYearSelect\" style=\"border:1px solid var(--line); border-radius:6px; padding:5px 7px; font-size:12px;\"><\/select>\n      <\/div>\n      <p style=\"font-size:11px; color:var(--ink-faint); margin:0 0 8px;\">Jede \u00c4nderung wird zus\u00e4tzlich dauerhaft in einer serverseitigen Protokoll-Datei mitgeschrieben (unabh\u00e4ngig von der Datenbank) \u2014 sie wird nie automatisch gel\u00f6scht.<\/p>\n      <pre id=\"auditLogOutput\" style=\"display:none; background:var(--bg); border:1px solid var(--line); border-radius:8px; padding:10px 12px; font-size:11px; font-family:var(--font-mono); max-height:260px; overflow:auto; white-space:pre-wrap; margin:0 0 16px;\"><\/pre>\n\n      <h3 style=\"font-size:11px; text-transform:uppercase; color:var(--ink-faint); font-family:var(--font-mono); margin-bottom:6px; font-weight:600;\">Jahresfreigabe je Nutzergruppe<\/h3>\n      <p style=\"font-size:12px; color:var(--ink-soft); margin:0 0 8px;\">Basisjahr: 2026. Ohne eigene Einstellung gilt automatisch: Vorjahr, aktuelles und kommendes Jahr offen. Administrator:innen sehen immer alle Jahre.<\/p>\n      <table class=\"admin\" id=\"yearAccessTable\"><\/table>\n      <p style=\"font-size:11px; color:var(--ink-faint); margin:14px 0;\">\u00dcber \u201eFr\u00fchestes Jahr\" unten kannst du zus\u00e4tzlich pro Person festlegen, ab welchem Jahr sie Pl\u00e4ne sehen darf.<\/p>\n\n      <h3 style=\"font-size:11px; text-transform:uppercase; color:var(--ink-faint); font-family:var(--font-mono); margin-bottom:6px; font-weight:600;\">\u00c4rztliche Konten<\/h3>\n      <table class=\"admin\" id=\"adminTable\"><\/table>\n\n      <h3 style=\"font-size:11px; text-transform:uppercase; color:var(--ink-faint); font-family:var(--font-mono); margin:18px 0 4px; font-weight:600;\">Sonstige Zug\u00e4nge \u00b7 Betrachter:innen<\/h3>\n      <table class=\"admin\" id=\"viewerTable\"><\/table>\n      <button class=\"addbtn\" id=\"addViewerBtn\">+ Betrachter-Zugang hinzuf\u00fcgen<\/button>\n\n      <h3 style=\"font-size:11px; text-transform:uppercase; color:var(--ink-faint); font-family:var(--font-mono); margin:18px 0 4px; font-weight:600;\">Feiertags-Bundesland<\/h3>\n      <select id=\"adminBlSelect\" style=\"border:1px solid var(--line); border-radius:6px; padding:6px 8px;\"><\/select>\n    <\/div>\n  <\/div>\n\n  <div class=\"panel\" id=\"docPanel\" style=\"display:none;\">\n    <div class=\"panel-head\"><h2>\u00c4rzt:innen der Praxis<\/h2><span class=\"chev\">\u2013<\/span><\/div>\n    <div class=\"panel-body\">\n      <div class=\"doc-groups\">\n        <div class=\"doc-group\"><h3>Partner<\/h3><div id=\"partnerList\"><\/div><button class=\"addbtn\" id=\"addPartner\">+ Partner hinzuf\u00fcgen<\/button><\/div>\n        <div class=\"doc-group\"><h3>Angestellte \u00c4rzt:innen (max. 10)<\/h3><div id=\"angestelltList\"><\/div><button class=\"addbtn\" id=\"addAngestellt\">+ \u00c4rztin\/Arzt hinzuf\u00fcgen<\/button><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"panel\" id=\"summaryPanel\" style=\"display:none;\">\n    <div class=\"panel-head\"><h2>Jahres\u00fcbersicht \u2014 genommene Tage<\/h2><span class=\"chev\">\u2013<\/span><\/div>\n    <div class=\"panel-body\"><table class=\"summary\" id=\"summaryTable\"><\/table><\/div>\n  <\/div>\n\n  <div id=\"closedYearBanner\"><\/div>\n  <div id=\"months\"><\/div>\n\n  <div class=\"panel\" id=\"ferienPanel\">\n    <div class=\"panel-head\"><h2>Schulferien<\/h2><span class=\"chev\">+<\/span><\/div>\n    <div class=\"panel-body collapsed\">\n      <h3 style=\"font-size:11px; text-transform:uppercase; color:var(--ink-faint); font-family:var(--font-mono); margin-bottom:6px; font-weight:600;\">Automatisch \u00b7 Berlin<\/h3>\n      <div class=\"ferien-list\" id=\"ferienAutoList\" style=\"margin-bottom:14px;\"><\/div>\n      <h3 style=\"font-size:11px; text-transform:uppercase; color:var(--ink-faint); font-family:var(--font-mono); margin-bottom:6px; font-weight:600;\">Manuell erg\u00e4nzt (nur Administrator:innen)<\/h3>\n      <div class=\"ferien-list\" id=\"ferienList\"><\/div>\n      <div class=\"ferien-form\" id=\"ferienForm\" style=\"display:none;\">\n        <input type=\"text\" id=\"ferienLabel\" placeholder=\"Bezeichnung\">\n        <input type=\"date\" id=\"ferienStart\">\n        <span style=\"color:var(--ink-faint); font-size:12px;\">bis<\/span>\n        <input type=\"date\" id=\"ferienEnd\">\n        <button id=\"ferienAdd\">Zeitraum hinzuf\u00fcgen<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<footer>WordPress-Plugin: alle Daten liegen serverseitig in der WordPress-Datenbank, rollenbasierte Filterung erfolgt auf dem Server.<\/footer>\n            <\/div>\n            <div id=\"authScreen\" class=\"auth-overlay\"><\/div>\n            <div id=\"popover\"><\/div>\n            <div id=\"toast\" class=\"toast\"><\/div>\n        <\/div>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urlaub.friedebold.com\/index.php?rest_route=\/wp\/v2\/pages\/4","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/urlaub.friedebold.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/urlaub.friedebold.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/urlaub.friedebold.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4"}],"version-history":[{"count":0,"href":"https:\/\/urlaub.friedebold.com\/index.php?rest_route=\/wp\/v2\/pages\/4\/revisions"}],"wp:attachment":[{"href":"https:\/\/urlaub.friedebold.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}