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/index_m.html ADDED Viewed

@@ -0,0 +1,1749 @@
+<!doctype html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>JetFrame</title>
+		<link
+			rel="stylesheet"
+			type="text/css"
+			href="../../css/adapter.css"
+		/>
+		<link
+			rel="stylesheet"
+			type="text/css"
+			href="../../lib/css/materialize.css"
+		/>
+		<link
+			rel="stylesheet"
+			href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
+		/>
+		<script src="../../lib/js/jquery-3.2.1.min.js"></script>
+		<script src="../../socket.io/socket.io.js"></script>
+		<script src="../../js/translate.js"></script>
+		<script src="../../lib/js/materialize.js"></script>
+		<script src="../../js/adapter-settings.js"></script>
+		<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
+		<style>
+			html,
+			body {
+				height: 100%;
+				margin: 0;
+				padding: 0;
+				background: #1f1f1f;
+				overflow: hidden;
+			}
+			.adapter-container {
+				height: calc(100vh - 70px);
+				overflow-y: auto;
+				overflow-x: hidden;
+				padding: 14px 14px 140px 14px !important;
+				-webkit-overflow-scrolling: touch;
+			}
+			.desktop-layout {
+				display: grid;
+				grid-template-columns: 1fr 600px;
+				gap: 16px;
+				align-items: start;
+			}
+			.left-column,
+			.right-column {
+				display: flex;
+				flex-direction: column;
+				gap: 16px;
+			}
+			.jetframe-card {
+				background: #fff;
+				border-radius: 18px;
+				padding: 18px;
+				box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
+				margin-bottom: 16px;
+			}
+			.desktop-layout .jetframe-card {
+				margin-bottom: 0;
+			}
+			.jetframe-card,
+			.jetframe-card div,
+			.jetframe-card span,
+			.jetframe-card label,
+			.jetframe-card input {
+				color: black !important;
+				-webkit-text-fill-color: black !important;
+			}
+			.jetframe-title {
+				font-size: 24px;
+				font-weight: 800;
+				margin-bottom: 12px;
+			}
+			.jetframe-hint {
+				font-size: 15px;
+				line-height: 1.45;
+			}
+			#map {
+				width: 100%;
+				height: 62vh;
+				min-height: 360px;
+				max-height: 620px;
+				border-radius: 16px;
+				overflow: hidden;
+				background: #ddd;
+				margin-top: 10px;
+			}
+			.map-info {
+				margin-top: 12px;
+				font-size: 14px;
+				line-height: 1.5;
+			}
+			.grid-2 {
+				display: grid;
+				grid-template-columns: 1fr 1fr;
+				gap: 12px;
+			}
+			.input-field input,
+			.input-field label {
+				color: black !important;
+				-webkit-text-fill-color: black !important;
+			}
+			.fw-search-row {
+				display: flex;
+				gap: 10px;
+				margin-bottom: 18px;
+			}
+			.fw-search-row input {
+				flex: 1;
+				height: 42px !important;
+				border-radius: 10px !important;
+				border: 1px solid #ccc !important;
+				padding: 0 10px !important;
+				background: white !important;
+			}
+			.fw-search-row button {
+				border: none;
+				border-radius: 10px;
+				padding: 0 14px;
+				font-weight: 700;
+				background: #2196f3;
+				color: white !important;
+				-webkit-text-fill-color: white !important;
+			}
+			.range-field label {
+				display: block;
+				font-weight: 700;
+				margin-bottom: 4px;
+			}
+			.jetframe-card textarea.value {
+				background: #ffffff !important;
+				color: #111111 !important;
+				-webkit-text-fill-color: #111111 !important;
+				border: 1px solid #bdbdbd !important;
+				border-radius: 14px !important;
+				padding: 14px !important;
+				min-height: 150px !important;
+				font-size: 15px !important;
+				line-height: 1.45 !important;
+				box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.12);
+			}
+			.jetframe-card textarea.value:focus {
+				border-color: #2196f3 !important;
+				box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.18) !important;
+			}
+			.dropdown-content {
+				background: #ffffff !important;
+			}
+			.dropdown-content li > span {
+				color: #111111 !important;
+				-webkit-text-fill-color: #111111 !important;
+				font-size: 18px !important;
+			}
+			.select-wrapper input.select-dropdown {
+				background: #ffffff !important;
+				color: #111111 !important;
+				-webkit-text-fill-color: #111111 !important;
+				border-bottom: 1px solid #999 !important;
+				font-size: 17px !important;
+			}
+			.speech-token {
+				display: inline-block;
+				margin: 5px 5px 0 0;
+				padding: 7px 11px;
+				border-radius: 999px;
+				background: #e3f2fd;
+				color: #0d47a1 !important;
+				-webkit-text-fill-color: #0d47a1 !important;
+				font-weight: 700;
+				cursor: pointer;
+				user-select: none;
+			}
+			.speech-preview {
+				margin-top: 12px;
+				padding: 12px;
+				border-radius: 14px;
+				background: #f5f5f5;
+				border: 1px solid #e0e0e0;
+				font-family: monospace;
+				font-size: 14px;
+				line-height: 1.45;
+				white-space: pre-wrap;
+			}
+			@media (max-width: 1100px) {
+				.desktop-layout {
+					display: flex !important;
+					flex-direction: column !important;
+				}
+				.right-column {
+					order: -10 !important;
+				}
+				.left-column {
+					order: 10 !important;
+				}
+				#map {
+					height: 360px;
+					min-height: unset;
+					max-height: unset;
+				}
+			}
+			@media (max-width: 700px) {
+				.grid-2 {
+					grid-template-columns: 1fr;
+				}
+				#map {
+					width: 100%;
+					height: 48vh;
+					min-height: 320px;
+					max-height: 430px;
+					border-radius: 16px;
+					overflow: hidden;
+					background: #ddd;
+					margin-top: 10px;
+				}
+			}
+/* JetFrame mobile map compact final */
+@media (max-width: 700px) {
+	#map {
+		height: 300px !important;
+		min-height: 300px !important;
+		max-height: 300px !important;
+	}
+}
+</style>
+		<script>
+			let map,
+				homeMarker,
+				airportMarker,
+				lineLayer,
+				coneLayer,
+				overflightCircle,
+				airportScanCircle,
+				homeScanCircle;
+			let AIRPORTS = [];
+			let airportSuggestionMap = {};
+			let homeSuggestionMap = {};
+			let homeSuggestTimer = null;
+			let adminOnChange = null;
+			const defaults = {
+				enabled: true,
+				airportIata: 'FRA',
+				airportName: 'Frankfurt',
+				airportLat: 50.035686,
+				airportLon: 8.562813,
+				homeLat: 50.08637,
+				homeLon: 8.69163,
+				windowBearingDeg: 184,
+				windowFovDeg: 120,
+				maxHomeDistanceNm: 3.5,
+				radiusNm: 15,
+				adsbCustomUrl: '',
+				simpleApiHost: '',
+				simpleApiPort: 8087,
+				visualSource: 'current',
+				minAltitudeFt: 1000,
+				maxAltitudeFt: 5000,
+				autoRunwayTrackToleranceDeg: 65,
+				minClimbRate: 60,
+				minSinkRate: -60,
+				searchPollSeconds: 20,
+				livePollSeconds: 5,
+				liveMaxSeconds: 120,
+				overflightEnabled: false,
+				overflightMaxDistanceNm: 1.2,
+				overflightMinAltitudeFt: 4000,
+				overflightMaxAltitudeFt: 45000,
+				overflightRequiresWindow: false,
+				priorityEnabled: true,
+				prioritySpecialLivery: true,
+				priorityAircraftSize: true,
+				priorityMilitaryGov: true,
+				emergencyPriorityEnabled: true,
+				emergencySquawk7500: true,
+				emergencySquawk7600: true,
+				emergencySquawk7700: true,
+				speechMode: 'browser',
+				speechTemplate:
+					'{modeSpeechText}: {airlineName} {bestCallsign} {routeDirectionText} {routeOtherAirport} in {altitudeFt} Fuss. {windowPositionSpeechText}.',
+			};
+			function clearJetFrameCache() {
+	try {
+		const id = getInstanceId() + '.clearImageCache';
+		if (typeof socket === 'undefined') {
+			alert('Socket nicht verfügbar');
+			return;
+		}
+		socket.emit('setState', id, true, function () {
+			if (typeof M !== 'undefined' && M.toast) {
+				M.toast({ html: 'JetFrame Cache wird geleert...' });
+			} else {
+				alert('JetFrame Cache wird geleert...');
+			}
+		});
+	} catch (e) {
+		alert('Cache konnte nicht geleert werden');
+	}
+}
+function markChanged() {
+				if (adminOnChange) adminOnChange();
+			}
+			function insertSpeechToken(token) {
+				const el = document.getElementById('speechTemplate');
+				if (!el) return;
+				const value = el.value || '';
+				const start = el.selectionStart || value.length;
+				const end = el.selectionEnd || value.length;
+				const insert = '{' + token + '}';
+				el.value = value.substring(0, start) + insert + value.substring(end);
+				el.focus();
+				el.selectionStart = el.selectionEnd = start + insert.length;
+				$(el).trigger('input');
+				updateSpeechPreview();
+				M.updateTextFields();
+				markChanged();
+			}
+			function setDefaultSpeechTemplate() {
+				$('#speechTemplate').val(
+					'{modeSpeechText}: {airlineName} {bestCallsign} {routeDirectionText} {routeOtherAirport} in {altitudeFt} Fuss. {windowPositionSpeechText}.',
+				);
+				updateSpeechPreview();
+				M.updateTextFields();
+				markChanged();
+			}
+			function updateSpeechPreview() {
+				const tpl = String($('#speechTemplate').val() || '');
+				const values = {
+					modeSpeechText: 'Landung',
+					airlineName: 'Lufthansa',
+					bestCallsign: 'LH0815',
+					routeDirectionText: 'aus',
+					routeOtherAirport: 'Istanbul',
+					altitudeFt: '4000',
+					windowPositionSpeechText: 'links vom Fenster',
+					aircraftTypeText: 'Airbus A321',
+					registration: 'D-AISO',
+					speedKt: '165',
+				};
+				const text = tpl
+					.replace(/\{([a-zA-Z0-9_]+)\}/g, function (_m, key) {
+						return values[key] || '';
+					})
+					.replace(/\s+/g, ' ')
+					.replace(/\s+\./g, '.')
+					.trim();
+				$('#speechPreviewText').text(text || 'Noch kein Ansage-Text gesetzt.');
+			}
+			function n(id, def) {
+				const raw = String($('#' + id).val() || '').replace(',', '.');
+				const v = Number(raw);
+				return Number.isFinite(v) ? v : def;
+			}
+			function s(id, def) {
+				const v = String($('#' + id).val() || '').trim();
+				return v || def;
+			}
+			function degToRad(d) {
+				return (d * Math.PI) / 180;
+			}
+			function radToDeg(r) {
+				return (r * 180) / Math.PI;
+			}
+			function norm(d) {
+				return ((Number(d) % 360) + 360) % 360;
+			}
+			function bearingDeg(lat1, lon1, lat2, lon2) {
+				const p1 = degToRad(lat1),
+					p2 = degToRad(lat2),
+					l1 = degToRad(lon1),
+					l2 = degToRad(lon2);
+				const y = Math.sin(l2 - l1) * Math.cos(p2);
+				const x = Math.cos(p1) * Math.sin(p2) - Math.sin(p1) * Math.cos(p2) * Math.cos(l2 - l1);
+				return norm(radToDeg(Math.atan2(y, x)));
+			}
+			function angleDiff(a, b) {
+				let d = Math.abs(norm(a) - norm(b));
+				return d > 180 ? 360 - d : d;
+			}
+			function destPoint(lat, lon, bearing, nm) {
+				const R = 3440.065;
+				const d = nm / R;
+				const b = degToRad(bearing);
+				const lat1 = degToRad(lat);
+				const lon1 = degToRad(lon);
+				const lat2 = Math.asin(Math.sin(lat1) * Math.cos(d) + Math.cos(lat1) * Math.sin(d) * Math.cos(b));
+				const lon2 =
+					lon1 +
+					Math.atan2(
+						Math.sin(b) * Math.sin(d) * Math.cos(lat1),
+						Math.cos(d) - Math.sin(lat1) * Math.sin(lat2),
+					);
+				return [radToDeg(lat2), radToDeg(lon2)];
+			}
+			function conePoints(lat, lon, bearing, fov, nm) {
+				const pts = [[lat, lon]];
+				const start = bearing - fov / 2;
+				const end = bearing + fov / 2;
+				for (let i = 0; i <= 28; i++) {
+					pts.push(destPoint(lat, lon, start + (end - start) * (i / 28), nm));
+				}
+				pts.push([lat, lon]);
+				return pts;
+			}
+			function initMap() {
+				if (map || typeof L === 'undefined') return;
+				map = L.map('map').setView([defaults.homeLat, defaults.homeLon], 11);
+				L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+					maxZoom: 19,
+					attribution: '&copy; OpenStreetMap',
+				}).addTo(map);
+				// ADSB Overlay Pane ohne Maus-Events
+				if (!map.getPane('adsbPane')) {
+					map.createPane('adsbPane');
+					map.getPane('adsbPane').style.pointerEvents = 'none';
+					map.getPane('adsbPane').style.zIndex = 350;
+				}
+			}
+			function updateLabels() {
+				$('#windowBearingDegValue').html(n('windowBearingDeg', 184) + '&deg;');
+				$('#windowFovDegValue').html(n('windowFovDeg', 120) + '&deg;');
+				$('#maxHomeDistanceNmValue').html(n('maxHomeDistanceNm', 3.5) + ' NM');
+				$('#overflightMaxDistanceNmValue').html(n('overflightMaxDistanceNm', 1.2) + ' NM');
+			}
+			function updateMap() {
+				initMap();
+				updateLabels();
+				if (!map) return;
+				const hLat = n('homeLat', defaults.homeLat);
+				const hLon = n('homeLon', defaults.homeLon);
+				const aLat = n('airportLat', defaults.airportLat);
+				const aLon = n('airportLon', defaults.airportLon);
+				const bearing = n('windowBearingDeg', defaults.windowBearingDeg);
+				const fov = n('windowFovDeg', defaults.windowFovDeg);
+				const dist = n('maxHomeDistanceNm', defaults.maxHomeDistanceNm);
+				const overflightEnabled = $('#overflightEnabled').prop('checked');
+				const overflightNm = n('overflightMaxDistanceNm', 1.2);
+				const iata = s('airportIata', 'FRA').toUpperCase();
+				[
+					homeMarker,
+					airportMarker,
+					lineLayer,
+					coneLayer,
+					overflightCircle,
+					airportScanCircle,
+					homeScanCircle,
+				].forEach(l => {
+					if (l) map.removeLayer(l);
+				});
+				overflightCircle = null;
+				airportScanCircle = null;
+				homeScanCircle = null;
+				homeMarker = L.marker([hLat, hLon]).addTo(map).bindPopup('Zuhause');
+				airportMarker = L.marker([aLat, aLon]).addTo(map).bindPopup(iata);
+				const adsbAirportNm = n('radiusNm', 15);
+				// ADSB Scan rund um Flughafen
+				airportScanCircle = L.circle([aLat, aLon], {
+					pane: 'adsbPane',
+					radius: adsbAirportNm * 1852,
+					color: '#1565c0',
+					fillColor: '#1565c0',
+					fillOpacity: 0.04,
+					weight: 2,
+					dashArray: '8,8',
+					interactive: false,
+				}).addTo(map);
+				airportScanCircle.bindPopup('🔵 ADSB Flughafen-Scan: ' + adsbAirportNm + ' NM');
+				// ADSB/Home Scan für Overflight
+				if (overflightEnabled) {
+					homeScanCircle = L.circle([hLat, hLon], {
+						pane: 'adsbPane',
+						radius: overflightNm * 1852,
+						color: '#8e24aa',
+						fillColor: '#8e24aa',
+						fillOpacity: 0.05,
+						weight: 2,
+						dashArray: '4,8',
+						interactive: false,
+					}).addTo(map);
+					homeScanCircle.bindPopup('🟣 ADSB Zuhause/Überflug-Scan: ' + overflightNm + ' NM');
+				}
+				lineLayer = L.polyline(
+					[
+						[hLat, hLon],
+						[aLat, aLon],
+					],
+					{
+						color: '#555',
+						weight: 2,
+						dashArray: '6,8',
+					},
+				).addTo(map);
+				const airportBearing = bearingDeg(hLat, hLon, aLat, aLon);
+				const diff = angleDiff(bearing, airportBearing);
+				const inView = diff <= fov / 2;
+				const overflightText = overflightEnabled
+					? '&#128994; &Uuml;berflug-Kreis: <b>' + overflightNm + ' NM</b><br>'
+					: '';
+				coneLayer = L.polygon(conePoints(hLat, hLon, bearing, fov, dist), {
+					color: inView ? '#1976d2' : '#f57c00',
+					fillColor: inView ? '#2196f3' : '#ff9800',
+					fillOpacity: 0.25,
+					weight: 2,
+					interactive: true,
+				}).addTo(map);
+				coneLayer.bindPopup(
+					'🟦 Sichtfenster<br>' +
+						'Richtung: <b>' +
+						norm(bearing).toFixed(0) +
+						'°</b><br>' +
+						'Bereich: <b>' +
+						norm(bearing - fov / 2).toFixed(0) +
+						'° bis ' +
+						norm(bearing + fov / 2).toFixed(0) +
+						'°</b><br>' +
+						'Distanz: <b>' +
+						dist +
+						' NM</b>',
+				);
+				if (airportScanCircle) airportScanCircle.bringToBack();
+				if (homeScanCircle) homeScanCircle.bringToBack();
+				if (overflightCircle) overflightCircle.bringToBack();
+				coneLayer.bringToFront();
+				if (overflightEnabled) {
+					overflightCircle = L.circle([hLat, hLon], {
+						pane: 'adsbPane',
+						radius: overflightNm * 1852,
+						color: '#8e24aa',
+						fillColor: '#ba68c8',
+						fillOpacity: 0.12,
+						weight: 2,
+					}).addTo(map);
+					// kein Popup, liegt nur als optischer Kreis im Hintergrund
+				}
+				if (airportScanCircle) airportScanCircle.bringToBack();
+				if (homeScanCircle) homeScanCircle.bringToBack();
+				if (overflightCircle) overflightCircle.bringToBack();
+				if (coneLayer) coneLayer.bringToFront();
+				// Für den automatischen Zoom NICHT die großen ADSB-Scan-Kreise verwenden,
+				// sonst zoomt die Karte zu weit raus.
+				const fitLayers = [homeMarker, airportMarker, coneLayer].filter(Boolean);
+				if (overflightCircle) {
+					fitLayers.push(overflightCircle);
+				}
+				const group = L.featureGroup(fitLayers);
+				map.fitBounds(group.getBounds().pad(0.12));
+				$('#mapInfo').html(
+					'&#129695; Fenster: <b>' +
+						norm(bearing).toFixed(0) +
+						'&deg;</b><br>' +
+						'&#128065;&#65039; Sichtbereich: <b>' +
+						norm(bearing - fov / 2).toFixed(0) +
+						'&deg; bis ' +
+						norm(bearing + fov / 2).toFixed(0) +
+						'&deg;</b><br>' +
+						'&#128747; Flughafen von Zuhause: <b>' +
+						airportBearing.toFixed(0) +
+						'&deg;</b><br>' +
+						'🔵 ADSB Flughafen-Scan: <b>' +
+						adsbAirportNm +
+						' NM</b><br>' +
+						overflightText +
+						(overflightEnabled ? '🟣 ADSB Zuhause/Überflug-Scan: <b>' + overflightNm + ' NM</b><br>' : '') +
+						(inView
+							? '&#9989; Flughafen liegt im Sichtfenster.'
+							: '&#9888;&#65039; Flughafen liegt au&szlig;erhalb vom Sichtfenster.'),
+				);
+				setTimeout(() => map.invalidateSize(), 150);
+			}
+			function normalizeSearchText(text) {
+				return String(text || '')
+					.toLowerCase()
+					.replace(/ä/g, 'ae')
+					.replace(/ö/g, 'oe')
+					.replace(/ü/g, 'ue')
+					.replace(/ß/g, 'ss')
+					.normalize('NFD')
+					.replace(/[\u0300-\u036f]/g, '')
+					.trim();
+			}
+			function airportDisplayName(a) {
+				const iata = String(a.iata || a.IATA || '').toUpperCase();
+				const city = String(a.city_DE || a.city || a.municipality || '').trim();
+				const name = String(a.city_DE || a.name || a.airport || '').trim();
+				if (city) return iata + ' - ' + city;
+				if (name) return iata + ' - ' + name;
+				return iata;
+			}
+			function airportSearchBlob(a) {
+				return [a.iata, a.IATA, a.icao, a.ICAO, a.name, a.airport, a.city, a.municipality, a.country].join(' ');
+			}
+			function findLocalAirport(query) {
+				const q = normalizeSearchText(query);
+				if (!q) return null;
+				const exact = AIRPORTS.find(
+					a =>
+						normalizeSearchText(a.iata || a.IATA) === q ||
+						normalizeSearchText(a.city_DE || a.city || a.municipality) === q ||
+						normalizeSearchText(a.city_DE || a.name || a.airport) === q ||
+						normalizeSearchText(airportDisplayName(a)) === q,
+				);
+				if (exact) return exact;
+				return (
+					AIRPORTS.find(
+						a =>
+							normalizeSearchText(airportSearchBlob(a)).indexOf(q) >= 0 ||
+							normalizeSearchText(airportDisplayName(a)).indexOf(q) >= 0,
+					) || null
+				);
+			}
+			function fillAirport(a) {
+				if (!a) return;
+				const iata = String(a.iata || a.IATA || '').toUpperCase();
+				const name = String(
+					a.city_DE || a.city || a.municipality || a.city_DE || a.name || a.airport || '',
+				).trim();
+				const lat = Number(a.lat ?? a.latitude ?? a.latitude_deg);
+				const lon = Number(a.lon ?? a.longitude ?? a.longitude_deg);
+				if (!iata || !Number.isFinite(lat) || !Number.isFinite(lon)) {
+					return alert('Flughafen-Daten unvollständig');
+				}
+				$('#airportIata').val(iata);
+				$('#airportName').val(name || iata);
+				$('#airportLat').val(lat.toFixed(6));
+				$('#airportLon').val(lon.toFixed(6));
+				M.updateTextFields();
+				updateMap();
+				markChanged();
+			}
+			function getInstanceId() {
+				const url = String(window.location.href || '');
+				let m = url.match(/[?&#]instance=(\d+)/);
+				if (m) return 'jetframe.' + m[1];
+				m = url.match(/jetframe\.(\d+)/);
+				if (m) return 'jetframe.' + m[1];
+				return 'jetframe.0';
+			}
+			function loadAirportJsonFromState() {
+				try {
+					if (typeof socket === 'undefined') {
+						AIRPORTS = [];
+						return;
+					}
+					const id = getInstanceId() + '.airportjson';
+					socket.emit('getState', id, function (err, state) {
+						try {
+							const raw = state && state.val ? String(state.val) : '[]';
+							const arr = JSON.parse(raw);
+							if (Array.isArray(arr) && arr.length) {
+								AIRPORTS = arr;
+								updateAirportSuggestions();
+								console.log('JetFrame airports loaded:', AIRPORTS.length);
+							} else {
+								AIRPORTS = [];
+								console.warn('JetFrame airportjson leer:', id);
+							}
+						} catch (e) {
+							AIRPORTS = [];
+							console.warn('JetFrame airportjson parse Fehler:', e);
+						}
+					});
+				} catch (e) {
+					AIRPORTS = [];
+				}
+			}
+			async function geocode(query, limit) {
+				const url =
+					'https://nominatim.openstreetmap.org/search?' +
+					new URLSearchParams({
+						q: query,
+						format: 'json',
+						addressdetails: 1,
+						limit: limit || 5,
+					});
+				const res = await fetch(url, {
+					headers: { Accept: 'application/json' },
+				});
+				return await res.json();
+			}
+			function updateAirportSuggestions() {
+				const q = $('#airportSearch').val().trim();
+				const list = $('#airportSuggestions');
+				airportSuggestionMap = {};
+				list.empty();
+				if (q.length < 2) return;
+				const qNorm = normalizeSearchText(q);
+				AIRPORTS.filter(
+					a =>
+						normalizeSearchText(a.iata || a.IATA).indexOf(qNorm) >= 0 ||
+						normalizeSearchText(a.city_DE || a.city || a.municipality).indexOf(qNorm) >= 0 ||
+						normalizeSearchText(a.city_DE || a.name || a.airport).indexOf(qNorm) >= 0 ||
+						normalizeSearchText(airportDisplayName(a)).indexOf(qNorm) >= 0,
+				)
+					.slice(0, 12)
+					.forEach(a => {
+						const value = airportDisplayName(a);
+						const iata = String(a.iata || a.IATA || '').toUpperCase();
+						if (!iata || airportSuggestionMap[value]) return;
+						airportSuggestionMap[value] = a;
+						airportSuggestionMap[iata] = a;
+						if (a.city) airportSuggestionMap[a.city] = a;
+						if (a.name) airportSuggestionMap[a.name] = a;
+						list.append('<option value="' + value.replace(/"/g, '&quot;') + '"></option>');
+					});
+			}
+			function updateHomeSuggestions() {
+				const q = $('#homeSearch').val().trim();
+				const list = $('#homeSuggestions');
+				homeSuggestionMap = {};
+				list.empty();
+				if (q.length < 3) return;
+				clearTimeout(homeSuggestTimer);
+				homeSuggestTimer = setTimeout(async function () {
+					try {
+						const result = await geocode(q, 6);
+						result.forEach(r => {
+							const label = r.display_name;
+							homeSuggestionMap[label] = r;
+							list.append('<option value="' + label.replace(/"/g, '&quot;') + '"></option>');
+						});
+					} catch (e) {}
+				}, 350);
+			}
+			async function searchAirport() {
+				const q = $('#airportSearch').val().trim();
+				if (!q) return;
+				const selected = airportSuggestionMap[q];
+				if (selected) {
+					fillAirport(selected);
+					return;
+				}
+				const local = findLocalAirport(q);
+				if (local) {
+					fillAirport(local);
+					return;
+				}
+				alert('Kein Flughafen gefunden');
+			}
+			async function searchHome() {
+				const q = $('#homeSearch').val().trim();
+				if (!q) return;
+				let r = homeSuggestionMap[q];
+				if (!r) {
+					const result = await geocode(q, 1);
+					if (!result.length) {
+						return alert('Adresse nicht gefunden');
+					}
+					r = result[0];
+				}
+				$('#homeLat').val(Number(r.lat).toFixed(6));
+				$('#homeLon').val(Number(r.lon).toFixed(6));
+				M.updateTextFields();
+				updateMap();
+				markChanged();
+			}
+			function load(settings, onChange) {
+				adminOnChange = onChange;
+				settings = Object.assign({}, defaults, settings || {});
+				loadAirportJsonFromState();
+				$('.value').each(function () {
+					const key = $(this).attr('id');
+					if ($(this).attr('type') === 'checkbox') {
+						$(this).prop('checked', !!settings[key]);
+					} else {
+						$(this).val(settings[key]);
+					}
+					$(this).on('input change keyup', function () {
+						updateMap();
+						onChange();
+					});
+				});
+				$('#airportSearch').on('input keyup', updateAirportSuggestions);
+				$('#homeSearch').on('input keyup', updateHomeSuggestions);
+				$('#speechTemplate').on('input change keyup', updateSpeechPreview);
+				$('#airportSearch').on('input change', function () {
+					const val = String($(this).val() || '').trim();
+					if (airportSuggestionMap[val]) {
+						fillAirport(airportSuggestionMap[val]);
+						return;
+					}
+					const local = findLocalAirport(val);
+					if (local && val.length >= 3) {
+						fillAirport(local);
+					}
+				});
+				$('#homeSearch').on('change', function () {
+					const val = $(this).val();
+					const r = homeSuggestionMap[val];
+					if (r) {
+						$('#homeLat').val(Number(r.lat).toFixed(6));
+						$('#homeLon').val(Number(r.lon).toFixed(6));
+						M.updateTextFields();
+						updateMap();
+						markChanged();
+					}
+				});
+				M.updateTextFields();
+				if (M.FormSelect) {
+					M.FormSelect.init(document.querySelectorAll('select'));
+				}
+				updateSpeechPreview();
+				setTimeout(function () {
+					updateMap();
+					onChange(false);
+				}, 400);
+			}
+			function save(callback) {
+				const obj = {};
+				$('.value').each(function () {
+					const key = $(this).attr('id');
+					if ($(this).attr('type') === 'checkbox') {
+						obj[key] = $(this).prop('checked');
+					} else if ($(this).attr('type') === 'number' || $(this).attr('type') === 'range') {
+						obj[key] = Number($(this).val());
+					} else {
+						obj[key] = $(this).val();
+					}
+				});
+				callback(obj);
+			}
+		</script>
+		<style>
+			@media (min-width: 1000px) {
+				.jetframe-map-card,
+				#mapCard,
+				.map-card {
+					position: sticky !important;
+					top: 24px !important;
+					align-self: flex-start !important;
+					z-index: 5 !important;
+				}
+			}
+		</style>
+		<style id="jetframe-sticky-final">
+			@media (min-width: 1100px) {
+				.leaflet-container,
+				#map {
+					position: relative !important;
+					top: auto !important;
+				}
+				.right-column,
+				.map-column,
+				.sidebar-column {
+					position: sticky !important;
+					top: 18px !important;
+					align-self: start !important;
+					height: fit-content !important;
+				}
+			}
+		</style>
+		<style id="jetframe-speech-preview-fix">
+			.speech-preview,
+			#speechPreview,
+			.preview-box,
+			#speechPreviewBox,
+			[id*='preview'],
+			[class*='preview'] {
+				font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;
+				white-space: normal !important;
+				word-break: normal !important;
+				overflow-wrap: anywhere !important;
+				line-height: 1.45 !important;
+			}
+			.speech-preview pre,
+			#speechPreview pre,
+			.preview-box pre,
+			#speechPreviewBox pre,
+			[id*='preview'] pre,
+			[class*='preview'] pre {
+				font-family: inherit !important;
+				white-space: normal !important;
+				margin: 0 !important;
+			}
+		</style>
+		<style id="jetframe-overflight-only-clean">
+			.jf-overflight-only {
+				margin-top: 18px;
+				margin-bottom: 18px;
+				padding: 0;
+			}
+			.jf-overflight-only-title {
+				font-size: 16px !important;
+				font-weight: 700 !important;
+				line-height: 1.3 !important;
+				margin-bottom: 8px !important;
+				color: #000 !important;
+				-webkit-text-fill-color: #000 !important;
+			}
+			.jf-overflight-only .jetframe-hint {
+				margin-top: 8px;
+				font-size: 15px !important;
+				line-height: 1.45 !important;
+				color: #000 !important;
+				-webkit-text-fill-color: #000 !important;
+				opacity: 0.72;
+			}
+			.switch label {
+				min-height: 44px;
+				display: inline-flex !important;
+				align-items: center;
+				gap: 12px;
+				cursor: pointer;
+				user-select: none;
+				-webkit-tap-highlight-color: transparent;
+			}
+			.switch label .lever {
+				margin: 0 8px !important;
+			}
+		</style>
+<style id="jetframe-map-width-fix-final">
+@media (max-width: 1100px) {
+	.desktop-layout,
+	.left-column,
+	.right-column {
+		width: 100% !important;
+		max-width: 100% !important;
+	}
+	.right-column {
+		display: block !important;
+	}
+	.right-column > .jetframe-card {
+		width: 100% !important;
+		max-width: 100% !important;
+		margin: 0 !important;
+		box-sizing: border-box !important;
+	}
+	#map {
+		width: 100% !important;
+	}
+}
+</style>
+</head>
+	<body>
+		<div class="m adapter-container">
+			<div class="jetframe-card intro-card">
+				<div class="jetframe-title">&#9992;&#65039; JetFrame</div>
+				<div class="jetframe-hint">Konfiguriere Flughafen, Zuhause und Sichtfenster.</div>
+			</div>
+			<div class="desktop-layout">
+				<div class="left-column">
+					<div class="jetframe-card">
+						<div class="jetframe-title">&#9881;&#65039; Allgemein</div>
+						<div class="switch">
+							<label>
+								Off
+								<input
+									id="enabled"
+									class="value"
+									type="checkbox"
+								/>
+								<span class="lever"></span>
+								On
+							</label>
+						</div>
+					</div>
+					<div class="jetframe-card">
+						<div class="jetframe-title">&#128266; Sprachausgabe</div>
+						<div class="input-field">
+							<select
+								id="speechMode"
+								class="value"
+							>
+								<option value="browser">Browser intern</option>
+								<option value="external">Extern per Datenpunkt</option>
+								<option value="both">Browser + extern</option>
+								<option value="off">Aus</option>
+							</select>
+							<label>Modus</label>
+						</div>
+						<div class="input-field">
+							<textarea
+								id="speechTemplate"
+								class="materialize-textarea value"
+							></textarea>
+							<label for="speechTemplate">Ansage-Text</label>
+						</div>
+						<div>
+							<span
+								class="speech-token"
+								onclick="insertSpeechToken('modeSpeechText')"
+								>Start/Landung</span
+							>
+							<span
+								class="speech-token"
+								onclick="insertSpeechToken('airlineName')"
+								>Airline</span
+							>
+							<span
+								class="speech-token"
+								onclick="insertSpeechToken('bestCallsign')"
+								>Callsign</span
+							>
+							<span
+								class="speech-token"
+								onclick="insertSpeechToken('routeDirectionText')"
+								>aus/nach</span
+							>
+							<span
+								class="speech-token"
+								onclick="insertSpeechToken('routeOtherAirport')"
+								>Ort</span
+							>
+							<span
+								class="speech-token"
+								onclick="insertSpeechToken('altitudeFt')"
+								>Höhe</span
+							>
+							<span
+								class="speech-token"
+								onclick="insertSpeechToken('windowPositionSpeechText')"
+								>Fensterposition</span
+							>
+						</div>
+						<div style="margin-top: 10px">
+							<button
+								type="button"
+								class="btn-small blue"
+								onclick="setDefaultSpeechTemplate()"
+							>
+								Standardtext setzen
+							</button>
+						</div>
+						<div class="speech-preview">
+							<b>Vorschau:</b><br />
+							<span id="speechPreviewText">Noch kein Ansage-Text gesetzt.</span>
+						</div>
+					</div>
+					<div class="jetframe-card">
+						<div class="jetframe-title">&#128747; Flughafen</div>
+						<div class="fw-search-row">
+							<input
+								id="airportSearch"
+								type="text"
+								list="airportSuggestions"
+								placeholder="FRA / Frankfurt / M&uuml;nchen"
+							/>
+							<datalist id="airportSuggestions"></datalist>
+							<button
+								type="button"
+								onclick="searchAirport()"
+							>
+								Suchen
+							</button>
+						</div>
+						<div class="grid-2">
+							<div class="input-field">
+								<input
+									id="airportIata"
+									class="value"
+									type="text"
+								/>
+								<label for="airportIata">IATA</label>
+							</div>
+							<div class="input-field">
+								<input
+									id="airportName"
+									class="value"
+									type="text"
+								/>
+								<label for="airportName">Name</label>
+							</div>
+							<div class="input-field">
+								<input
+									id="airportLat"
+									class="value"
+									type="number"
+									step="0.000001"
+								/>
+								<label for="airportLat">Latitude</label>
+							</div>
+							<div class="input-field">
+								<input
+									id="airportLon"
+									class="value"
+									type="number"
+									step="0.000001"
+								/>
+								<label for="airportLon">Longitude</label>
+							</div>
+						</div>
+					</div>
+					<div class="jetframe-card">
+						<div class="jetframe-title">&#127968; Zuhause</div>
+						<div class="fw-search-row">
+							<input
+								id="homeSearch"
+								type="text"
+								list="homeSuggestions"
+								placeholder="Adresse / Ort / PLZ"
+							/>
+							<datalist id="homeSuggestions"></datalist>
+							<button
+								type="button"
+								onclick="searchHome()"
+							>
+								Suchen
+							</button>
+						</div>
+						<div class="grid-2">
+							<div class="input-field">
+								<input
+									id="homeLat"
+									class="value"
+									type="number"
+									step="0.000001"
+								/>
+								<label for="homeLat">Latitude</label>
+							</div>
+							<div class="input-field">
+								<input
+									id="homeLon"
+									class="value"
+									type="number"
+									step="0.000001"
+								/>
+								<label for="homeLon">Longitude</label>
+							</div>
+						</div>
+					</div>
+					<div class="jetframe-card">
+						<div class="jetframe-title">&#129695; Sichtfenster</div>
+						<div class="range-field">
+							<label>Fensterrichtung: <span id="windowBearingDegValue"></span></label>
+							<input
+								id="windowBearingDeg"
+								class="value"
+								type="range"
+								min="0"
+								max="359"
+								step="1"
+							/>
+						</div>
+						<div class="range-field">
+							<label>Sichtfeld: <span id="windowFovDegValue"></span></label>
+							<input
+								id="windowFovDeg"
+								class="value"
+								type="range"
+								min="10"
+								max="180"
+								step="1"
+							/>
+						</div>
+						<div class="range-field">
+							<label>Max Distanz Zuhause: <span id="maxHomeDistanceNmValue"></span></label>
+							<input
+								id="maxHomeDistanceNm"
+								class="value"
+								type="range"
+								min="1"
+								max="30"
+								step="0.5"
+							/>
+						</div>
+					</div>
+					<div class="jetframe-card">
+						<div class="jetframe-title">&#128225; Empfang & Filter</div>
+						<div class="grid-2">
+							<div class="input-field">
+								<input
+									id="radiusNm"
+									class="value"
+									type="number"
+									step="0.5"
+								/>
+								<label for="radiusNm">ADSB-Scan Flughafen (NM)</label>
+							</div>
+							<div class="input-field">
+								<input
+									id="adsbCustomUrl"
+									class="value"
+									type="text"
+								/>
+								<label for="adsbCustomUrl">Eigene ADSB-URL optional</label>
+							</div>
+							<div class="input-field">
+								<input
+									id="autoRunwayTrackToleranceDeg"
+									class="value"
+									type="number"
+								/>
+								<label for="autoRunwayTrackToleranceDeg">Kurs-Toleranz Grad</label>
+							</div>
+							<div class="input-field">
+								<input
+									id="minAltitudeFt"
+									class="value"
+									type="number"
+								/>
+								<label for="minAltitudeFt">Min Höhe ft</label>
+							</div>
+							<div class="input-field">
+								<input
+									id="maxAltitudeFt"
+									class="value"
+									type="number"
+								/>
+								<label for="maxAltitudeFt">Max Höhe ft</label>
+							</div>
+							<div class="input-field">
+								<input
+									id="minClimbRate"
+									class="value"
+									type="number"
+								/>
+								<label for="minClimbRate">Min Steigen ft/min</label>
+							</div>
+							<div class="input-field">
+								<input
+									id="minSinkRate"
+									class="value"
+									type="number"
+								/>
+								<label for="minSinkRate">Min Sinken ft/min</label>
+							</div>
+							<div class="input-field">
+								<input
+									id="searchPollSeconds"
+									class="value"
+									type="number"
+								/>
+								<label for="searchPollSeconds">Suche alle Sekunden</label>
+							</div>
+							<div class="input-field">
+								<input
+									id="livePollSeconds"
+									class="value"
+									type="number"
+								/>
+								<label for="livePollSeconds">Live alle Sekunden</label>
+							</div>
+							<div class="input-field">
+								<input
+									id="liveMaxSeconds"
+									class="value"
+									type="number"
+								/>
+								<label for="liveMaxSeconds">Live max Sekunden</label>
+							</div>
+						</div>
+					</div>
+					<div class="jetframe-card">
+						<div class="jetframe-title">&#128745;&#65039; &Uuml;berflug</div>
+						<div class="switch">
+							<label>
+								Aus
+								<input
+									id="overflightEnabled"
+									class="value"
+									type="checkbox"
+								/>
+								<span class="lever"></span>
+								Ein
+							</label>
+						</div>
+						<div class="range-field">
+							<label>Max &Uuml;berflug-Distanz: <span id="overflightMaxDistanceNmValue"></span></label>
+							<input
+								id="overflightMaxDistanceNm"
+								class="value"
+								type="range"
+								min="0.2"
+								max="10"
+								step="0.1"
+							/>
+						</div>
+						<div class="jf-overflight-only">
+							<div class="jf-overflight-only-title">Nur Überflug-Modus</div>
+							<div class="switch">
+								<label>
+									Aus
+									<input
+										id="overflightOnly"
+										class="value"
+										type="checkbox"
+									/>
+									<span class="lever"></span>
+									Ein
+								</label>
+							</div>
+							<div class="jetframe-hint">
+								Keine Start-/Landungs-Erkennung. ADS-B Suche läuft nur rund um Zuhause.
+							</div>
+						</div>
+						<div
+							class="switch"
+							style="margin-top: 18px; margin-bottom: 12px"
+						>
+							<label>
+								egal
+								<input
+									id="overflightRequiresWindow"
+									class="value"
+									type="checkbox"
+								/>
+								<span class="lever"></span>
+								nur Sichtfenster
+							</label>
+						</div>
+						<div class="jetframe-hint">
+							Wenn aktiv, werden &Uuml;berfl&uuml;ge nur gemeldet, wenn sie auch im konfigurierten
+							Sichtfenster liegen.
+						</div>
+						<div class="grid-2">
+							<div class="input-field">
+								<input
+									id="overflightMinAltitudeFt"
+									class="value"
+									type="number"
+								/>
+								<label for="overflightMinAltitudeFt">Min H&ouml;he ft</label>
+							</div>
+							<div class="input-field">
+								<input
+									id="overflightMaxAltitudeFt"
+									class="value"
+									type="number"
+								/>
+								<label for="overflightMaxAltitudeFt">Max H&ouml;he ft</label>
+							</div>
+						</div>
+					</div>
+					<div class="jetframe-card">
+						<div class="jetframe-title">&#11088; Priorisierung</div>
+						<div class="jetframe-hint" style="margin-bottom:14px;">
+							Wenn mehrere passende Flugzeuge gleichzeitig sichtbar sind, kann JetFrame spannendere Flugzeuge bevorzugen.
+						</div>
+						<div class="switch" style="margin-bottom:12px;">
+							<label>
+								Aus
+								<input id="priorityEnabled" class="value" type="checkbox" />
+								<span class="lever"></span>
+								Ein
+							</label>
+						</div>
+						<div class="grid-2">
+							<div class="switch">
+								<label>
+									Aus
+									<input id="prioritySpecialLivery" class="value" type="checkbox" />
+									<span class="lever"></span>
+									Speziallackierung
+								</label>
+							</div>
+							<div class="switch">
+								<label>
+									Aus
+									<input id="priorityAircraftSize" class="value" type="checkbox" />
+									<span class="lever"></span>
+									Große Flugzeuge
+								</label>
+							</div>
+							<div class="switch">
+								<label>
+									Aus
+									<input id="priorityMilitaryGov" class="value" type="checkbox" />
+									<span class="lever"></span>
+									Militär / Government
+								</label>
+							</div>
+							<div class="switch">
+								<label>
+									Aus
+									<input id="emergencyPriorityEnabled" class="value" type="checkbox" />
+									<span class="lever"></span>
+									Notfall / Squawk
+								</label>
+							</div>
+							<div class="switch">
+								<label>
+									Aus
+									<input id="emergencySquawk7700" class="value" type="checkbox" />
+									<span class="lever"></span>
+									7700 Allgemeiner Notfall
+								</label>
+							</div>
+							<div class="switch">
+								<label>
+									Aus
+									<input id="emergencySquawk7600" class="value" type="checkbox" />
+									<span class="lever"></span>
+									7600 Funkausfall
+								</label>
+							</div>
+							<div class="switch">
+								<label>
+									Aus
+									<input id="emergencySquawk7500" class="value" type="checkbox" />
+									<span class="lever"></span>
+									7500 besonderer Code
+								</label>
+							</div>
+						</div>
+					</div>
+					<div class="jetframe-card">
+						<div class="jetframe-title">&#128444;&#65039; Logo-Quellen</div>
+						<div class="jetframe-hint" style="margin-bottom:14px;">
+							JetFrame liefert keine Airline- oder Herstellerlogos mit. Hier kannst du eigene externe Logo-URLs hinterlegen.
+							Die URLs werden nur in der Visualisierung angezeigt und nicht gecacht.
+						</div>
+						<div class="switch" style="margin-bottom:14px;">
+							<label>
+								Aus
+								<input id="externalManufacturerLogos" class="value" type="checkbox" />
+								<span class="lever"></span>
+								Herstellerlogos per URL aktivieren
+							</label>
+						</div>
+						<div class="input-field">
+							<textarea
+								id="manufacturerLogoUrls"
+								class="materialize-textarea value"
+								placeholder='AIRBUS=https://example.com/airbus.svg
+BOEING=https://example.com/boeing.svg
+EMBRAER=https://example.com/embraer.svg'
+							></textarea>
+							<label for="manufacturerLogoUrls">Hersteller Logo-URLs</label>
+						</div>
+						<div class="jetframe-hint" style="margin-bottom:18px;">
+							Format: <b>HERSTELLER=https://...</b> pro Zeile. Beispiel: AIRBUS, BOEING, EMBRAER, ATR, DASSAULT.
+						</div>
+						<div class="switch" style="margin-bottom:14px;">
+							<label>
+								Aus
+								<input id="externalAirlineLogos" class="value" type="checkbox" />
+								<span class="lever"></span>
+								Airline-Logos per Basis-URL aktivieren
+							</label>
+						</div>
+						<div class="input-field">
+							<input
+								id="airlineLogoBaseUrl"
+								class="value"
+								type="text"
+								placeholder="https://example.com/airlines/{icao}.png"
+							/>
+							<label for="airlineLogoBaseUrl">Airline Logo Basis-URL</label>
+						</div>
+						<div class="jetframe-hint" style="margin-bottom:18px;">
+							Platzhalter: <b>{icao}</b>, <b>{iata}</b> oder <b>{code}</b>. Ohne Platzhalter hängt JetFrame automatisch <b>/ICAO.png</b> an.
+							Als eigene Quelle kann z.B. ein selbst gehosteter Ordner oder ein öffentlich erreichbarer GitHub-Raw-Ordner genutzt werden.
+						</div>
+						<div class="switch" style="margin-bottom:14px;">
+							<label>
+								Aus
+								<input id="cacheExternalImages" class="value" type="checkbox" />
+								<span class="lever"></span>
+								Externe Bilder/Logos lokal cachen
+							</label>
+						</div>
+						<div class="jetframe-hint">
+							Standard: aus. Wenn aktiv, speichert JetFrame Flugzeugbilder und Logos lokal im ioBroker-Dateispeicher.
+						</div>
+						<div style="margin-top:14px; padding:14px; border-radius:14px; background:#e3f2fd; border:1px solid #90caf9;">
+							<b>Bild-/Logo-Cache leeren</b><br />
+							<div class="jetframe-hint" style="margin:8px 0 12px 0;">
+								Setzt <b>clearImageCache</b> einmal auf <b>true</b>. JetFrame löscht den Cache und setzt den Datenpunkt danach wieder zurück.
+							</div>
+							<button
+								type="button"
+								class="btn blue"
+								onclick="clearJetFrameCache()"
+							>
+								Cache jetzt leeren
+							</button>
+						</div>
+					</div>
+					<div class="jetframe-card">
+						<div class="jetframe-title">&#128250; Visualisierung</div>
+						<div class="jetframe-hint" style="margin-bottom:14px;">
+							Einstellungen für die externe JetFrame-Visualisierung.
+						</div>
+						<div class="grid-2">
+							<div class="input-field">
+								<input
+									id="simpleApiHost"
+									class="value"
+									type="text"
+									placeholder="leer = gleicher Host"
+								/>
+								<label for="simpleApiHost">Simple-API Host/IP</label>
+							</div>
+							<div class="input-field">
+								<input
+									id="simpleApiPort"
+									class="value"
+									type="number"
+									step="1"
+								/>
+								<label for="simpleApiPort">Simple-API Port</label>
+							</div>
+							<div class="input-field">
+								<select
+									id="visualSource"
+									class="value"
+								>
+									<option value="current">Aktueller Flug</option>
+									<option value="airport">Start/Landung</option>
+									<option value="overflight">Überflug</option>
+								</select>
+								<label>VIS Anzeigequelle</label>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="right-column">
+					<div class="jetframe-card">
+						<div class="jetframe-title">&#128506;&#65039; Karte & Sichtfenster</div>
+						<div id="map"></div>
+						<div
+							id="mapInfo"
+							class="map-info"
+						></div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script></script>
+</body>
+</html>