npm - iobroker.jetframe - Versions diffs - 1.0.0 - Mend

iobroker.jetframe 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (107) hide show

package/LICENSE +21 -0
package/README.md +357 -0
package/admin/SF-Pro.ttf +0 -0
package/admin/admin.d.ts +65 -0
package/admin/frame.html +982 -0
package/admin/frame.html.bak-aircraft-card-real-row-20260518-1608 +1236 -0
package/admin/frame.html.bak-aircraft-card-structure-20260518-1517 +1236 -0
package/admin/frame.html.bak-aircraft-logo-id-fix-20260518-1639 +1239 -0
package/admin/frame.html.bak-shortcut-test +1236 -0
package/admin/frame.html.bak-tablet-class-20260518-1729 +1239 -0
package/admin/heatmap.html +216 -0
package/admin/index.html +268 -0
package/admin/index_m.html +1749 -0
package/admin/jetframe.css +1260 -0
package/admin/jetframe.css.bak-airbus-landscape-fix +4630 -0
package/admin/jetframe.css.bak-aircraft-card-clean-equal-20260518-1438 +4899 -0
package/admin/jetframe.css.bak-aircraft-card-real-row-20260518-1608 +4814 -0
package/admin/jetframe.css.bak-aircraft-card-row-left-20260518-1525 +4604 -0
package/admin/jetframe.css.bak-aircraft-card-slim-equal-20260518-1446 +4647 -0
package/admin/jetframe.css.bak-aircraft-card-structure-20260518-1517 +4646 -0
package/admin/jetframe.css.bak-aircraft-inline-final-20260518-1527 +4654 -0
package/admin/jetframe.css.bak-aircraft-row-compact-fix-20260518-1639 +4763 -0
package/admin/jetframe.css.bak-before-aircrafttype-purge +4818 -0
package/admin/jetframe.css.bak-before-cleanup +4670 -0
package/admin/jetframe.css.bak-before-remove-tablet-only-20260518-1711 +4896 -0
package/admin/jetframe.css.bak-before-tablet-layout-rework-20260518-1650 +4914 -0
package/admin/jetframe.css.bak-clean-duplicate-fonts-20260518-1340 +4975 -0
package/admin/jetframe.css.bak-clean-old-index-fix-20260518-1937 +5167 -0
package/admin/jetframe.css.bak-hardleft-airbus +4751 -0
package/admin/jetframe.css.bak-index-iphone-landscape-20260518-1931 +5030 -0
package/admin/jetframe.css.bak-index-landscape-final-20260518-1941 +5167 -0
package/admin/jetframe.css.bak-index-landscape-real-20260518-1936 +5186 -0
package/admin/jetframe.css.bak-landscape-compact-jumbo-bold-20260518-1343 +4802 -0
package/admin/jetframe.css.bak-logo-align-final +4551 -0
package/admin/jetframe.css.bak-logo-final2 +4551 -0
package/admin/jetframe.css.bak-narrowbody-font-fix +4992 -0
package/admin/jetframe.css.bak-nuke-airbus-align +4790 -0
package/admin/jetframe.css.bak-pill-balance-20260518-1603 +4773 -0
package/admin/jetframe.css.bak-pill-balance-fix +4910 -0
package/admin/jetframe.css.bak-radar-fix-fonts +4710 -0
package/admin/jetframe.css.bak-shortcut-test +4899 -0
package/admin/jetframe.css.bak-smaller-aircraft-card-fonts-20260518-1345 +4897 -0
package/admin/jetframe.css.bak-tablet-fix-real-20260518-1748 +4945 -0
package/admin/jetframe.css.bak-tablet-fullscreen-fix-20260518-1804 +4972 -0
package/admin/jetframe.css.bak-tablet-landscape-layout-20260518-1645 +4802 -0
package/admin/jetframe.css.bak-tablet-layout-final-20260518-1839 +4802 -0
package/admin/jetframe.css.bak-tablet-layout-v3-20260518-1729 +4802 -0
package/admin/jetframe.css.bak-tablet-layout-v4-20260518-1801 +4957 -0
package/admin/jetframe.css.bak-tablet-layout-v5-20260518-1843 +4970 -0
package/admin/jetframe.css.bak-tablet-layout-v6-20260518-1848 +4958 -0
package/admin/jetframe.css.bak-tablet-layout-v7-20260518-1909 +4985 -0
package/admin/jetframe.css.bak-tablet-only-landscape-v2-20260518-1707 +4802 -0
package/admin/jetframe.css.bak-tablet-pages-final-20260519-1857 +5188 -0
package/admin/jetframe.css.bak-tablet-pages-final-20260519-1859 +5347 -0
package/admin/jetframe.css.bak-tablet-pages-v2-20260519-190807 +5349 -0
package/admin/jetframe.css.bak-typography-align-final +4818 -0
package/admin/jetframe.png +0 -0
package/admin/manifest.webmanifest +15 -0
package/admin/src/app.tsx +58 -0
package/admin/src/components/settings.tsx +97 -0
package/admin/src/i18n/de.json +11 -0
package/admin/src/i18n/en.json +11 -0
package/admin/src/i18n/es.json +11 -0
package/admin/src/i18n/fr.json +11 -0
package/admin/src/i18n/i18n.d.ts +28 -0
package/admin/src/i18n/it.json +11 -0
package/admin/src/i18n/nl.json +11 -0
package/admin/src/i18n/pl.json +11 -0
package/admin/src/i18n/pt.json +11 -0
package/admin/src/i18n/ru.json +11 -0
package/admin/src/i18n/uk.json +11 -0
package/admin/src/i18n/zh-cn.json +11 -0
package/admin/src/index.tsx +25 -0
package/admin/stats.html +228 -0
package/admin/style.css +32 -0
package/admin/tsconfig.json +11 -0
package/admin/words.js +46 -0
package/build/lib/adsb.js +218 -0
package/build/lib/adsb.js.map +7 -0
package/build/lib/airportNamesDe.js +131 -0
package/build/lib/airportNamesDe.js.map +7 -0
package/build/lib/airports.js +281 -0
package/build/lib/airports.js.map +7 -0
package/build/lib/classify.js +339 -0
package/build/lib/classify.js.map +7 -0
package/build/lib/config.js +103 -0
package/build/lib/config.js.map +7 -0
package/build/lib/flightInfo.js +1409 -0
package/build/lib/flightInfo.js.map +7 -0
package/build/lib/geo.js +84 -0
package/build/lib/geo.js.map +7 -0
package/build/lib/images.js +422 -0
package/build/lib/images.js.map +7 -0
package/build/lib/specialLiveries.js +342 -0
package/build/lib/specialLiveries.js.map +7 -0
package/build/lib/states.js +971 -0
package/build/lib/states.js.map +7 -0
package/build/lib/staticFiles.js +73 -0
package/build/lib/staticFiles.js.map +7 -0
package/build/lib/types.js +17 -0
package/build/lib/types.js.map +7 -0
package/build/lib/visConfig.js +52 -0
package/build/lib/visConfig.js.map +7 -0
package/build/main.js +1454 -0
package/build/main.js.map +7 -0
package/io-package.json +169 -0
package/package.json +82 -0

package/admin/heatmap.html ADDED Viewed

@@ -0,0 +1,216 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8"/>
+  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"/>
+  <title>JetFrame Heatmap</title>
+  <link rel="manifest" href="manifest.webmanifest">
+  <link rel="apple-touch-icon" href="jetframe.png">
+  <link rel="icon" type="image/png" href="jetframe.png">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <meta name="theme-color" content="#050709">
+  <link rel="stylesheet" href="jetframe.css?v=20260522-fix14">
+</head>
+<body class="jf-page-heatmap">
+<div id="simpleApiWarning" class="simpleApiWarning">
+  ⚠️ Simple-API nicht erreichbar<br>
+  <span id="simpleApiWarningText"></span>
+</div>
+<div id="app">
+  <div class="jf-shell">
+    <div class="header">
+      <a class="backBtn" href="index.html" aria-label="Zurück">‹</a>
+      <div>
+        <div class="title">✈️ JetFrame</div>
+        <div id="dateText" class="sub">Heatmap</div>
+      </div>
+      <div class="livePill">
+        <span class="dot"></span><span>Live</span>
+      </div>
+    </div>
+    <div class="hmStats">
+      <div class="hmStat"><div id="totalFlights" class="hmVal">–</div><div class="hmLabel">Flüge</div></div>
+      <div class="hmStat"><div id="landings"     class="hmVal">–</div><div class="hmLabel">Landungen</div></div>
+      <div class="hmStat"><div id="departures"   class="hmVal">–</div><div class="hmLabel">Starts</div></div>
+      <div class="hmStat"><div id="overflights"  class="hmVal">–</div><div class="hmLabel">Überflüge</div></div>
+    </div>
+    <div id="rushBox" class="rush">
+      <span id="rushText">Lade Traffic…</span>
+      <span id="bestText">Beste Zeit: –</span>
+    </div>
+    <div id="hourScroller" class="scroller"></div>
+    <div class="rankings">
+      <div class="panel"><h3>Top Airlines</h3><pre id="airlineRanking">–</pre></div>
+      <div class="panel"><h3>Top Routen</h3><pre  id="routeRanking">–</pre></div>
+    </div>
+  </div>
+</div>
+<script>
+'use strict';
+let API_BASE = (() => {
+  const u = new URL(location.href);
+  return (location.protocol||'http:')+'//'+(u.searchParams.get('apiHost')||location.hostname||'127.0.0.1')+':'+(u.searchParams.get('apiPort')||'8087');
+})();
+const DP_ROOT = 'jetframe.'+(new URL(location.href).searchParams.get('instance')||'0').replace(/[^0-9]/g,'');
+let VIS_CONFIG_LOADED = false;
+const BASE = DP_ROOT+'.statistics.today';
+const IDS = {
+  date:'date', totalFlights:'totalFlights', landings:'landings',
+  departures:'departures', overflights:'overflights', hourly:'hourly',
+  bestSpotterHour:'bestSpotterHour', rushHourNow:'rushHourNow',
+  rushHourText:'rushHourText', airlineRankingText:'airlineRankingText',
+  routeRankingText:'routeRankingText',
+};
+function $(id){ return document.getElementById(id); }
+function setWarn(v,t){ const b=$('simpleApiWarning'),m=$('simpleApiWarningText'); if(!b)return; if(m)m.textContent=t||API_BASE; b.classList.toggle('visible',!!v); }
+async function checkApi(){ try{ const r=await fetch(API_BASE+'/getPlainValue/'+encodeURIComponent(DP_ROOT+'.status'),{cache:'no-store'}); if(!r.ok)throw 0; setWarn(false); return true; }catch{ setWarn(true); return false; } }
+async function loadVis(){
+  const u=new URL(location.href);
+  const noOverride=!u.searchParams.has('apiHost')&&!u.searchParams.has('apiPort');
+  const r=await fetch('/jetframe.admin/vis-config.json?v='+Date.now(),{cache:'no-store'});
+  if(!r.ok)throw new Error('vis-config.json fehlt');
+  const c=await r.json();
+  if(noOverride){ API_BASE=(location.protocol||'http:')+'//'+String(c.simpleApiHost||location.hostname||'127.0.0.1').trim()+':'+String(c.simpleApiPort||'8087').trim(); }
+  VIS_CONFIG_LOADED=true;
+}
+function clean(v){
+  if(v==null)return''; v=String(v).trim();
+  if(v==='null'||v==='undefined')return'';
+  if((v[0]==='"'&&v.slice(-1)==='"')||(v[0]==="'"&&v.slice(-1)==="'"))v=v.slice(1,-1);
+  return v.replace(/\\"/g,'"').replace(/\\n/g,'\n').trim();
+}
+function num(v){ const n=Number(String(v).replace(',','.')); return Number.isFinite(n)?n:0; }
+async function read(key){
+  if(!VIS_CONFIG_LOADED)return'';
+  try{
+    const r=await fetch(API_BASE+'/getPlainValue/'+encodeURIComponent(BASE+'.'+key),{cache:'no-store'});
+    if(!r.ok)return'';
+    return clean(await r.text());
+  }catch{ setWarn(true); return''; }
+}
+async function readAll(){ return Object.fromEntries(await Promise.all(Object.keys(IDS).map(async k=>[k,await read(IDS[k])]))); }
+function parseHourly(raw){
+  const r={};
+  for(let h=0;h<24;h++)r[String(h).padStart(2,'0')]={total:0,landings:0,departures:0,overflights:0};
+  try{ const d=JSON.parse(raw||'{}'); for(const[k,v]of Object.entries(d))if(r[k])r[k]={total:+v.total||0,landings:+v.landings||0,departures:+v.departures||0,overflights:+v.overflights||0}; }catch{}
+  return r;
+}
+function renderHours(hourly){
+  const sc=$('hourScroller'); if(!sc)return;
+  const nowH=String(new Date().getHours()).padStart(2,'0');
+  const max=Math.max(1,...Object.values(hourly).map(v=>v.total));
+  const best=Object.entries(hourly).sort((a,b)=>b[1].total-a[1].total)[0]?.[0]||'';
+  const hash=JSON.stringify(hourly)+nowH;
+  if(sc.dataset.hash===hash)return;
+  sc.dataset.hash=hash;
+  sc.innerHTML='';
+  const f=document.createDocumentFragment();
+  for(let h=0;h<24;h++){
+    const k=String(h).padStart(2,'0'), v=hourly[k]||{total:0,landings:0,departures:0,overflights:0};
+    const heat=Math.min(.72,Math.max(.06,v.total/max*.72));
+    const c=document.createElement('div');
+    c.className='hourCard'+(k===nowH?' now':'')+(k===best&&v.total>0?' best':'');
+    c.style.setProperty('--heat',heat.toFixed(2));
+    const badge=k===nowH?'JETZT':(k===best&&v.total>0?'PEAK':'UHR');
+    c.innerHTML='<div class="hourInner"><div class="hourTop"><div class="hour">'+k+':00</div><div class="badge">'+badge+'</div></div><div class="hourTotal">'+v.total+'</div><div class="hourSub">Flugbewegungen</div><div class="bars"><div class="bar">🛬 '+v.landings+'</div><div class="bar">🛫 '+v.departures+'</div><div class="bar">🛩️ '+v.overflights+'</div></div></div>';
+    f.appendChild(c);
+  }
+  sc.appendChild(f);
+  setTimeout(()=>{ const n=sc.querySelector('.now'); if(n)n.scrollIntoView({behavior:'smooth',inline:'center',block:'nearest'}); },150);
+}
+function set(id,val){ const e=$(id); if(e)e.textContent=val; }
+function render(d){
+  set('dateText', d.date?'Heute · '+d.date:'Heatmap');
+  set('totalFlights', num(d.totalFlights));
+  set('landings',     num(d.landings));
+  set('departures',   num(d.departures));
+  set('overflights',  num(d.overflights));
+  const rush=$('rushBox'); if(rush)rush.classList.toggle('hot',clean(d.rushHourNow)==='true');
+  set('rushText', clean(d.rushHourText)||'Noch keine Rushhour');
+  set('bestText',  clean(d.bestSpotterHour)?'Beste Zeit: '+clean(d.bestSpotterHour):'Beste Zeit: –');
+  set('airlineRanking', clean(d.airlineRankingText)||'–');
+  set('routeRanking',   clean(d.routeRankingText)||'–');
+  renderHours(parseHourly(d.hourly));
+}
+async function poll(){ await checkApi(); render(await readAll()); }
+loadVis().then(async()=>{ await checkApi(); poll(); setInterval(poll,10000); })
+  .catch(e=>{ VIS_CONFIG_LOADED=false; console.error(e); setWarn(true,'vis-config.json fehlt'); });
+</script>
+<script>
+/* Header clock — every 5s */
+(function(){
+  let _b=false;
+  function pad(n){return String(n).padStart(2,'0');}
+  function wanted(){const d=new Date();return'Heute · '+pad(d.getHours())+':'+pad(d.getMinutes())+' · '+pad(d.getDate())+'.'+pad(d.getMonth()+1)+'.'+d.getFullYear();}
+  function apply(){if(_b)return;_b=true;const s=document.querySelector('.header .sub');if(s){const t=wanted();if(s.textContent!==t)s.textContent=t;}_b=false;}
+  apply();setInterval(apply,5000);
+  const h=document.querySelector('.header');if(h)new MutationObserver(apply).observe(h,{childList:true,subtree:true,characterData:true});
+})();
+</script>
+<script>
+/* Date format YYYY-MM-DD → DD.MM.YYYY */
+(function(){
+  const RE=/\b(\d{4})-(\d{2})-(\d{2})\b/g;
+  function fmt(t){return String(t||'').replace(RE,'$3.$2.$1');}
+  function apply(){const root=document.querySelector('.jf-shell');if(!root)return;const w=document.createTreeWalker(root,NodeFilter.SHOW_TEXT);const ns=[];while(w.nextNode())ns.push(w.currentNode);for(const n of ns){if(!RE.test(n.nodeValue))continue;const nx=fmt(n.nodeValue);if(nx!==n.nodeValue)n.nodeValue=nx;}}
+  apply();setInterval(apply,5000);
+  const r=document.querySelector('.jf-shell');if(r)new MutationObserver(apply).observe(r,{childList:true,subtree:true,characterData:true});
+})();
+</script>
+<script>
+/* Ranking-Zeilen: jede Zeile als eigener Span mit ellipsis */
+(function(){
+  function esc(s){return String(s).replace(/[&<>"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));}
+  function applyOne(pre){
+    if(!pre)return;
+    // Originaltext merken
+    if(pre.dataset.jfRaw===undefined) pre.dataset.jfRaw=pre.textContent||'';
+    else if(!pre.querySelector('.hm-line')) pre.dataset.jfRaw=pre.textContent||'';
+    const raw=(pre.dataset.jfRaw||'').trim();
+    if(!raw||raw==='–'||raw==='-'){pre.classList.remove('hm-list');pre.textContent=raw||'–';return;}
+    const lines=raw.split(/\n+/).map(s=>s.trim()).filter(Boolean);
+    if(lines.length<1)return;
+    pre.classList.add('hm-list');
+    const html=lines.map(l=>'<span class="hm-line">'+esc(l)+'</span>').join('');
+    if(pre.innerHTML!==html)pre.innerHTML=html;
+  }
+  function applyAll(){
+    applyOne(document.getElementById('airlineRanking'));
+    applyOne(document.getElementById('routeRanking'));
+  }
+  let t=null;
+  new MutationObserver(()=>{clearTimeout(t);t=setTimeout(applyAll,30);})
+    .observe(document.body,{childList:true,subtree:true,characterData:true});
+  applyAll();
+})();
+</script>
+</body>
+</html>

package/admin/index.html ADDED Viewed

@@ -0,0 +1,268 @@
+<!doctype html>
+<html lang="de">
+<head>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
+	<title>JetFrame</title>
+	<link rel="manifest" href="manifest.webmanifest">
+	<link rel="apple-touch-icon" href="jetframe.png">
+	<link rel="icon" type="image/png" href="jetframe.png">
+	<meta name="apple-mobile-web-app-capable" content="yes">
+	<meta name="mobile-web-app-capable" content="yes">
+	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+	<meta name="theme-color" content="#050709">
+	<link rel="stylesheet" href="jetframe.css?v=20260522-fix14">
+</head>
+<body class="jf-page-home">
+<div id="simpleApiWarning" class="simpleApiWarning">
+	⚠️ Simple-API nicht erreichbar<br>
+	<span id="simpleApiWarningText"></span>
+</div>
+<div id="app">
+	<div class="jf-shell">
+		<div class="hero">
+			<div class="logo">✈️</div>
+			<h1>JetFrame</h1>
+			<div class="sub">Dein Live-Flugradar für Zuhause</div>
+			<div id="statusText" class="statusPill">Verbinde mit JetFrame…</div>
+		</div>
+		<div class="buttons">
+			<div id="globalPowerBtn" class="powerBtn on" role="button" tabindex="0" aria-label="JetFrame Ein/Aus">
+				<div>
+					<div class="btnTitle">JetFrame aktiv</div>
+					<div id="globalPowerSub" class="btnSub">Live-Erkennung ist eingeschaltet</div>
+				</div>
+				<div id="globalPowerState" class="powerBadge">ON</div>
+			</div>
+			<a id="frameLink" href="frame.html">
+				<div class="btn primary">
+					<div>
+						<div class="btnTitle">Live Frame</div>
+						<div class="btnSub">Aktuelles Flugzeug anzeigen</div>
+					</div>
+					<div class="arrow">›</div>
+				</div>
+			</a>
+			<a id="heatmapLink" href="heatmap.html">
+				<div class="btn heat">
+					<div>
+						<div class="btnTitle">Heatmap</div>
+						<div class="btnSub">Tagesstatistik & beste Spotterzeit</div>
+					</div>
+					<div class="arrow">›</div>
+				</div>
+			</a>
+			<a id="statsLink" href="stats.html">
+				<div class="btn">
+					<div>
+						<div class="btnTitle">Statistik</div>
+						<div class="btnSub">Gestern, Rekorde & Spotterzeiten</div>
+					</div>
+					<div class="arrow">›</div>
+				</div>
+			</a>
+		</div>
+		<div class="statsRow">
+			<div class="statCard">
+				<div id="totalFlights" class="statVal">–</div>
+				<div class="statLabel">HEUTE</div>
+			</div>
+			<div class="statCard">
+				<div id="currentHour" class="statVal">–</div>
+				<div class="statLabel">AKTUELL</div>
+			</div>
+			<div class="statCard">
+				<div id="landings" class="statVal">–</div>
+				<div class="statLabel">LANDUNGEN</div>
+			</div>
+		</div>
+		<div class="footer">JetFrame · Auto-Refresh alle 10 Sekunden</div>
+	</div>
+</div>
+<script>
+'use strict';
+let API_BASE = (() => {
+	const proto = window.location.protocol || 'http:';
+	const host = window.location.hostname || '127.0.0.1';
+	const url = new URL(window.location.href);
+	const apiHost = url.searchParams.get('apiHost') || host;
+	const apiPort = url.searchParams.get('apiPort') || '8087';
+	return proto + '//' + apiHost + ':' + apiPort;
+})();
+const DP_ROOT = (() => {
+	const url = new URL(window.location.href);
+	const instance = url.searchParams.get('instance') || '0';
+	return 'jetframe.' + String(instance).replace(/[^0-9]/g, '');
+})();
+let VIS_CONFIG_LOADED = false;
+function $(id) { return document.getElementById(id); }
+function clean(v) {
+	if (v === null || v === undefined) return '';
+	v = String(v).trim();
+	if (v === 'null' || v === 'undefined') return '';
+	if ((v.startsWith('"') && v.endsWith('"')) || (v.startsWith("'") && v.endsWith("'"))) {
+		v = v.slice(1, -1);
+	}
+	return v.replace(/\\"/g, '"').replace(/\\n/g, '').trim();
+}
+async function loadVisualConfig() {
+	const url = new URL(window.location.href);
+	const hasApiOverride = url.searchParams.has('apiHost') || url.searchParams.has('apiPort');
+	try {
+		const res = await fetch('/jetframe.admin/vis-config.json?v=' + Date.now(), { cache: 'no-store' });
+		if (!res.ok) throw new Error('vis-config.json nicht gefunden');
+		const cfg = await res.json();
+		if (!hasApiOverride) {
+			const proto = window.location.protocol || 'http:';
+			const host = String(cfg.simpleApiHost || window.location.hostname || '127.0.0.1').trim();
+			const port = String(cfg.simpleApiPort || '8087').trim();
+			API_BASE = proto + '//' + host + ':' + port;
+		}
+		console.log('[JetFrame] vis-config.json geladen:', cfg, API_BASE);
+	} catch (e) {
+		console.warn('[JetFrame] vis-config.json nicht geladen, nutze Fallback:', API_BASE, e);
+	}
+	VIS_CONFIG_LOADED = true;
+}
+function setSimpleApiWarning(visible, text) {
+	const box = $('simpleApiWarning');
+	const msg = $('simpleApiWarningText');
+	if (msg) msg.textContent = text || API_BASE;
+	if (box) box.classList.toggle('visible', !!visible);
+}
+async function checkSimpleApiReachable() {
+	try {
+		const res = await fetch(API_BASE + '/getPlainValue/' + encodeURIComponent(DP_ROOT + '.status'), { cache: 'no-store' });
+		if (!res.ok) throw new Error('HTTP ' + res.status);
+		setSimpleApiWarning(false, '');
+		return true;
+	} catch (e) {
+		setSimpleApiWarning(true, API_BASE);
+		return false;
+	}
+}
+async function readState(id) {
+	if (!VIS_CONFIG_LOADED) return '';
+	try {
+		const res = await fetch(API_BASE + '/getPlainValue/' + encodeURIComponent(id), { cache: 'no-store' });
+		if (!res.ok) return '';
+		return clean(await res.text());
+	} catch (e) {
+		setSimpleApiWarning(true, API_BASE);
+		return '';
+	}
+}
+async function writeState(id, value) {
+	try {
+		await fetch(API_BASE + '/set/' + encodeURIComponent(id) + '?value=' + encodeURIComponent(value), { cache: 'no-store' });
+	} catch (e) {
+		setSimpleApiWarning(true, API_BASE);
+	}
+}
+function setGlobalPowerButton(enabled) {
+	const btn = $('globalPowerBtn');
+	const state = $('globalPowerState');
+	const sub = $('globalPowerSub');
+	const title = btn ? btn.querySelector('.btnTitle') : null;
+	if (!btn) return;
+	btn.classList.toggle('on', !!enabled); btn.classList.toggle('off', !enabled);
+	btn.classList.toggle('off', !enabled);
+	if (title) title.textContent = enabled ? 'JetFrame aktiv' : 'JetFrame pausiert';
+	if (state) state.textContent = enabled ? 'ON' : 'OFF';
+	if (sub) sub.textContent = enabled ? 'Live-Erkennung ist eingeschaltet' : 'Live-Erkennung ist pausiert';
+}
+function applyQueryLinks() {
+	const q = window.location.search || '';
+	if ($('frameLink'))   $('frameLink').href   = 'frame.html'   + q;
+	if ($('heatmapLink')) $('heatmapLink').href = 'heatmap.html' + q;
+	if ($('statsLink'))   $('statsLink').href   = 'stats.html'   + q;
+}
+async function poll() {
+	await checkSimpleApiReachable();
+	const base = DP_ROOT + '.statistics';
+	const [status, enabled, total, current, landings, runway] = await Promise.all([
+		readState(DP_ROOT + '.status'),
+		readState(DP_ROOT + '.enabled'),
+		readState(base + '.today.totalFlights'),
+		readState(base + '.today.currentHourFlights'),
+		readState(base + '.today.landings'),
+		readState(DP_ROOT + '.idleRunwayText'),
+	]);
+	if ($('totalFlights')) $('totalFlights').textContent = Number(total  || 0);
+	if ($('currentHour'))  $('currentHour').textContent  = Number(current || 0);
+	if ($('landings'))     $('landings').textContent     = Number(landings || 0);
+	setGlobalPowerButton(clean(enabled) !== 'false');
+	const parts = [];
+	if (status) parts.push('Status: ' + status);
+	if (runway) parts.push(runway);
+	if ($('statusText')) $('statusText').textContent = parts.length ? parts.join(' · ') : 'JetFrame bereit';
+}
+async function toggleGlobalPower() {
+	const current = clean(await readState(DP_ROOT + '.enabled')) !== 'false';
+	const next = !current;
+	await writeState(DP_ROOT + '.enabled', next ? 'true' : 'false');
+	setGlobalPowerButton(next);
+	poll();
+}
+const powerBtn = $('globalPowerBtn');
+if (powerBtn) {
+	powerBtn.addEventListener('click', toggleGlobalPower);
+	powerBtn.addEventListener('keydown', e => {
+		if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggleGlobalPower(); }
+	});
+}
+applyQueryLinks();
+loadVisualConfig()
+	.then(() => {
+		poll();
+		setTimeout(poll, 2500);
+		setInterval(poll, 10000);
+	})
+	.catch(e => {
+		console.error('[JetFrame] Start abgebrochen:', e);
+		VIS_CONFIG_LOADED = true;
+		poll();
+		setInterval(poll, 10000);
+	});
+</script>
+</body>
+</html>