{"id":263576,"date":"2026-02-09T14:47:53","date_gmt":"2026-02-09T13:47:53","guid":{"rendered":"https:\/\/othal.de\/263576-2\/"},"modified":"2026-05-28T11:13:18","modified_gmt":"2026-05-28T09:13:18","slug":"263576-2","status":"publish","type":"page","link":"https:\/\/othal.de\/en\/263576-2\/","title":{"rendered":""},"content":{"rendered":"\n<div id=\"othal-status-root\" class=\"othal-root\">\n  <!-- APP (versteckt bis Passwort ok) -->\n  <div id=\"othal-status-app\" style=\"display:none;\">\n    <div class=\"othalStatusWrap\" autocomplete=\"off\">\n      <header class=\"othalHeader\">\n        <div class=\"headLeft\">\n          <h1>Status OTHAL \u2013 WhatsApp Generator<\/h1>\n          <p class=\"sub\">\u00c4nderungen\/R\u00fcckfragen >> Erik Schulze +4916094992803 \/ erik.schulze@othal.de<\/p>\n\n          <div class=\"metaLine\">\n            <span class=\"metaBadge\" id=\"metaFeratel\">Letzter Status von: \u2013<\/span>\n            <span class=\"metaBadge\" id=\"metaSnow\">Schnee: \u2013<\/span>\n            <span class=\"metaBadge\" id=\"metaWeather\">Wetter: \u2013<\/span>\n          <\/div>\n\n          <div class=\"mini\" id=\"liveMeta\"><\/div>\n        <\/div>\n\n        <div class=\"headRight\">\n          <button class=\"btn\" id=\"liveFetchBtn\" type=\"button\">Live-Daten aktualisieren<\/button>\n          <label class=\"mini\" style=\"display:flex; align-items:center; gap:8px; user-select:none;\">\n            <input id=\"liveAuto\" type=\"checkbox\" checked \/>\n            Auto (60s)\n          <\/label>\n          <img decoding=\"async\" class=\"logo\" alt=\"OTHAL Logo\" src=\"https:\/\/othal.de\/wp-content\/uploads\/2023\/04\/Logo-LGO_Popup.png\" \/>\n          <button class=\"btn\" id=\"logoutBtn\" type=\"button\" title=\"Sperren \/ Passwort erneut abfragen\">Sperren<\/button>\n        <\/div>\n      <\/header>\n\n      <main class=\"othalMain\">\n        <section class=\"card statusCard\">\n          <h2>1) Basis \u2013 Wetter (automatisch) & Schnee (manuell)<\/h2>\n\n          <div class=\"row\">\n            <div style=\"flex:1; min-width:220px;\">\n              <label for=\"location\">Ort \/ Gebiet<\/label>\n              <input id=\"location\" type=\"text\" value=\"Oberwiesenthal \/ Fichtelberg\" \/>\n            <\/div>\n            <div style=\"width:200px; min-width:170px;\">\n              <label for=\"date\">Datum<\/label>\n              <input id=\"date\" type=\"date\" \/>\n            <\/div>\n          <\/div>\n\n          <div class=\"row\" style=\"margin-top:10px;\">\n            <div style=\"flex:1; min-width:220px;\">\n              <label for=\"weather\">Aktuelles Wetter (Tagesvorschau)<\/label>\n              <input id=\"weather\" type=\"text\" placeholder=\"Wird automatisch bef\u00fcllt\u2026\" \/>\n              <div class=\"mini\" id=\"weatherMeta\"><\/div>\n            <\/div>\n            <div style=\"width:240px; min-width:220px;\">\n              <label>&nbsp;<\/label>\n              <button class=\"btn primary\" id=\"fetchWeather\" style=\"width:100%;\" type=\"button\">Wetter holen<\/button>\n            <\/div>\n          <\/div>\n\n          <!-- MANUELLER SCHNEE -->\n          <div class=\"row\" style=\"margin-top:10px;\">\n            <div style=\"flex:1; min-width:160px;\">\n              <label for=\"snowValley\">Schneeh\u00f6he Tal (cm)<\/label>\n              <input id=\"snowValley\" type=\"text\" inputmode=\"numeric\" placeholder=\"z.B. 20\" \/>\n            <\/div>\n\n            <div style=\"flex:1; min-width:160px;\">\n              <label for=\"snowMountain\">Schneeh\u00f6he Berg (cm)<\/label>\n              <input id=\"snowMountain\" type=\"text\" inputmode=\"numeric\" placeholder=\"z.B. 80\" \/>\n            <\/div>\n\n            <div style=\"flex:1; min-width:220px;\">\n              <label for=\"snowLast\">Letzter Schneefall (Datum)<\/label>\n              <input id=\"snowLast\" type=\"date\" \/>\n              <div class=\"mini\" id=\"snowMeta\">Manuelle Eingabe<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"row\" style=\"margin-top:10px;\">\n            <div style=\"flex:1; min-width:220px;\">\n              <label for=\"notes\">Hinweise (optional)<\/label>\n              <input\n                id=\"notes\"\n                type=\"text\"\n                autocomplete=\"off\"\n                autocorrect=\"off\"\n                autocapitalize=\"off\"\n                spellcheck=\"false\"\n                placeholder=\"Hinweise (optional)\"\n              \/>\n            <\/div>\n          <\/div>\n\n          <div class=\"row\" style=\"margin-top:10px;\">\n            <button class=\"btn\" id=\"reset\" type=\"button\">Reset (Hinweise\/Events\/Eilmeldung)<\/button>\n          <\/div>\n\n          <p class=\"footer-note\">\n            Statusdaten: Feratel (read-only) \u2022 Wetter: Open-Meteo \u2022 Schnee: manuelle Eingabe.\n          <\/p>\n        <\/section>\n\n        <section class=\"rightCol\">\n          <section class=\"card statusCard\">\n            <h2>2) WhatsApp-Text<\/h2>\n\n            <div class=\"row\" style=\"justify-content:space-between; margin-bottom:8px;\">\n              <span class=\"pill\"><span class=\"dot\" id=\"statusDot\"><\/span><span id=\"statusSummary\">Pisten: \u2013<\/span><\/span>\n              <button class=\"btn primary\" id=\"copy\" type=\"button\">Kopieren<\/button>\n            <\/div>\n\n            <p class=\"footer-note\" id=\"copyHint\" style=\"margin-top:0; margin-bottom:10px;\"><\/p>\n            <textarea id=\"output\" readonly><\/textarea>\n          <\/section>\n\n          <section class=\"card urgentCard\">\n            <h2>3) Eilmeldung<\/h2>\n\n            <div class=\"row\">\n              <div style=\"flex:1; min-width:210px;\">\n                <label for=\"urgentDatetime\">Datum & Uhrzeit<\/label>\n                <input id=\"urgentDatetime\" type=\"datetime-local\" \/>\n                <div class=\"mini\">Wird automatisch gesetzt. Optional anpassen.<\/div>\n              <\/div>\n              <div style=\"width:200px; min-width:190px;\">\n                <label>&nbsp;<\/label>\n                <button class=\"btn\" id=\"urgentNow\" style=\"width:100%;\" type=\"button\">Zeit = jetzt<\/button>\n              <\/div>\n            <\/div>\n\n            <div class=\"row\" style=\"margin-top:10px;\">\n              <div style=\"flex:1; min-width:210px;\">\n                <label for=\"urgentText\">Eilmeldung (Freitext)<\/label>\n                <textarea id=\"urgentText\" placeholder=\"z.B. Schwebebahn wegen starkem Wind vor\u00fcbergehend au\u00dfer Betrieb. Update folgt.\"><\/textarea>\n                <div class=\"mini\">Kurz & klar: Ursache + Status + ggf. Ausblick.<\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"row\" style=\"margin-top:10px; gap:10px;\">\n              <button class=\"btn primary\" id=\"urgentCopy\" type=\"button\">Eilmeldung kopieren<\/button>\n              <button class=\"btn\" id=\"urgentClear\" type=\"button\">Leeren<\/button>\n            <\/div>\n\n            <label style=\"margin-top:10px;\">Eilmeldung Output<\/label>\n            <textarea id=\"urgentOutput\" readonly><\/textarea>\n\n            <p class=\"footer-note\" id=\"urgentHint\"><\/p>\n          <\/section>\n        <\/section>\n\n        <!-- Events hoch -->\n        <section class=\"card statusCard full\">\n          <h2>4) Events & Vorschau<\/h2>\n          <div class=\"row\">\n            <div style=\"flex:1; min-width:260px;\">\n              <label for=\"eventsToday\">Events heute (Freitext)<\/label>\n              <textarea id=\"eventsToday\" placeholder=\"z.B. 18:00 Uhr Eisdisko | 20:30 Uhr Nachtskilauf Start | \u2026\"><\/textarea>\n            <\/div>\n            <div style=\"flex:1; min-width:260px;\">\n              <label for=\"eventsPreview\">Eventvorschau (Freitext)<\/label>\n              <textarea id=\"eventsPreview\" placeholder=\"z.B. Sa: DJ Night | So: Familienrennen | N\u00e4chste Woche: \u2026\"><\/textarea>\n            <\/div>\n          <\/div>\n        <\/section>\n\n        <details class=\"card statusCard full\" id=\"sec5\">\n          <summary>\n            <div class=\"sumTitle\">\n              <b>5) Pistenstatus (Feratel)<\/b>\n              <span>Zum Anzeigen aufklappen<\/span>\n            <\/div>\n            <span class=\"chev\">\u25bc<\/span>\n          <\/summary>\n          <div class=\"detailsContent\">\n            <div id=\"pisteList\"><\/div>\n          <\/div>\n        <\/details>\n\n        <details class=\"card statusCard full\" id=\"sec6\">\n          <summary>\n            <div class=\"sumTitle\">\n              <b>6) Liftanlagen (Feratel)<\/b>\n              <span>Zum Anzeigen aufklappen<\/span>\n            <\/div>\n            <span class=\"chev\">\u25bc<\/span>\n          <\/summary>\n          <div class=\"detailsContent\">\n            <div id=\"liftList\"><\/div>\n          <\/div>\n        <\/details>\n\n        <details class=\"card statusCard full\" id=\"sec7\">\n          <summary>\n            <div class=\"sumTitle\">\n              <b>7) Erlebnisangebote (Feratel)<\/b>\n              <span>Zum Anzeigen aufklappen<\/span>\n            <\/div>\n            <span class=\"chev\">\u25bc<\/span>\n          <\/summary>\n          <div class=\"detailsContent\">\n            <div id=\"expList\"><\/div>\n          <\/div>\n        <\/details>\n\n        <details class=\"card statusCard full\" id=\"sec8\">\n          <summary>\n            <div class=\"sumTitle\">\n              <b>8) Wanderwege & Loipen (Feratel)<\/b>\n              <span>Zum Anzeigen aufklappen<\/span>\n            <\/div>\n            <span class=\"chev\">\u25bc<\/span>\n          <\/summary>\n          <div class=\"detailsContent\">\n            <div id=\"attrList\"><\/div>\n          <\/div>\n        <\/details>\n\n        <details class=\"card statusCard full\" id=\"sec9\">\n          <summary>\n            <div class=\"sumTitle\">\n              <b>9) Transport (Feratel)<\/b>\n              <span>Zum Anzeigen aufklappen<\/span>\n            <\/div>\n            <span class=\"chev\">\u25bc<\/span>\n          <\/summary>\n          <div class=\"detailsContent\">\n            <div id=\"transportList\"><\/div>\n          <\/div>\n        <\/details>\n\n      <\/main>\n    <\/div>\n  <\/div>\n\n  <!-- PASSWORD GATE -->\n  <div id=\"othal-status-gate\" aria-modal=\"true\" role=\"dialog\">\n    <div class=\"gateCard\">\n      <div class=\"gateTitle\">Status OTHAL \u2013 Zugriff<\/div>\n      <div class=\"gateSub\">Bitte Passwort eingeben, um den Status-Generator zu \u00f6ffnen.<\/div>\n\n      <div class=\"gateRow\">\n        <input id=\"othalGatePw\" type=\"password\" inputmode=\"numeric\" autocomplete=\"off\" placeholder=\"Passwort\" \/>\n        <button class=\"btn primary\" id=\"othalGateBtn\" type=\"button\">\u00d6ffnen<\/button>\n      <\/div>\n\n      <div class=\"gateMsg\" id=\"othalGateMsg\"><\/div>\n      <div class=\"gateHint\">Tipp: Zus\u00e4tzlich kann die WP-Seite als \u201ePasswortgesch\u00fctzt\u201c gesetzt werden.<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<span class=\"et_bloom_bottom_trigger\"><\/span>","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"_acf_changed":false,"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"class_list":["post-263576","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/othal.de\/en\/wp-json\/wp\/v2\/pages\/263576","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/othal.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/othal.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/othal.de\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/othal.de\/en\/wp-json\/wp\/v2\/comments?post=263576"}],"version-history":[{"count":1,"href":"https:\/\/othal.de\/en\/wp-json\/wp\/v2\/pages\/263576\/revisions"}],"predecessor-version":[{"id":263582,"href":"https:\/\/othal.de\/en\/wp-json\/wp\/v2\/pages\/263576\/revisions\/263582"}],"wp:attachment":[{"href":"https:\/\/othal.de\/en\/wp-json\/wp\/v2\/media?parent=263576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}