+
+
+
+ {/* Switching to Rotator Genius moves the default port to its native
+ 9006; back to PstRotator restores 12000. */}
+
+
+ {isRG && (
+
+
+
+
+ )}
+
-
+ {!isRG && (
+
+ )}
+ {isRG &&
{t('rot.rgHint')}
}
{rotatorTest && (
= { webswitch: 5, kmtronic: 8 };
+const TYPE_LABEL: Record
= { webswitch: 'WebSwitch 1216H', kmtronic: 'KMTronic 8-relay' };
+
+function blankDevice(): Device {
+ return { id: '', type: 'webswitch', name: '', host: '', user: '', pass: '', labels: Array(5).fill('') };
+}
+
+type Heading = { enabled: boolean; ok: boolean; azimuth: number };
+
+// RotatorWidget shows the configured rotator (Settings → Rotator) right in the
+// Station Control tab: a live compass you can click to turn, a heading readout, a
+// GoTo box, quick N/E/S/W presets, and Stop. Heading is polled by the panel and
+// passed in (so the panel can also order this widget); it drives the shared
+// rotator backend.
+function RotatorWidget({ hd, refetch, centerLat, centerLon, bearing, t }: RotatorProps & {
+ hd: Heading; refetch: () => void; t: (k: string, v?: any) => string;
+}) {
+ const [goto, setGoto] = useState('');
+ const [err, setErr] = useState('');
+
+ const turn = (az: number) => {
+ const a = ((Math.round(az) % 360) + 360) % 360;
+ RotatorGoTo(a, -1).then(refetch).catch((e) => setErr(String(e?.message ?? e)));
+ };
+ const poll = refetch;
+
+ const presets: [string, number][] = [['N', 0], ['E', 90], ['S', 180], ['W', 270]];
+ return (
+
+
+
+
{t('station.rotator')}
+
+
+
+
turn(az)}
+ />
+
+
+ {hd.ok ? `${hd.azimuth}°` : '—'}
+
+
+ {presets.map(([lbl, az]) => (
+
+ ))}
+
+
+ setGoto(e.target.value.replace(/[^0-9]/g, ''))}
+ onKeyDown={(e) => { if (e.key === 'Enter' && goto) turn(parseInt(goto, 10)); }}
+ placeholder="0–359" className="h-8 flex-1 min-w-0 font-mono text-sm" />
+
+
+
+ {err &&
{err}
}
+
+
+
+
+
+
{dev.name || TYPE_LABEL[dev.type]}
+
{TYPE_LABEL[dev.type]} · {dev.host}
+
+
+
+
+
+
+ {relays.map((r) => {
+ const key = `${dev.id}:${r.number}`;
+ const label = r.label || `${t('station.relay')} ${r.number}`;
+ return (
+
+ );
+ })}
+
+
+
+
{t('station.title')}
+
+
+
+ {noDevices && !editing && (
+
+ {t('station.empty')}
+
+ )}
+
+
+ {ordered.map((w) => (
+
{ dragId.current = w.id; e.dataTransfer.effectAllowed = 'move'; }}
+ onDragOver={(e) => { e.preventDefault(); e.dataTransfer.dropEffect = 'move'; }}
+ onDrop={(e) => { e.preventDefault(); onDrop(w.id); }}
+ className={cn('cursor-grab active:cursor-grabbing', dragId.current === w.id && 'opacity-60')}>
+ {w.node}
+
+ ))}
+
+
+ {!noDevices && (
+
{t('station.dragHint')}
+ )}
+
+ {editing && (
+
setEditing(null)} t={t} />
+ )}
+
+
{device.id ? t('station.editDevice') : t('station.addDevice')}
+
+
+
+
+
+
+
+ onChange({ ...device, name: e.target.value })} />
+
+
+
+
+
+
+ {device.labels.map((lab, i) => (
+ { const labels = [...device.labels]; labels[i] = e.target.value; onChange({ ...device, labels }); }} />
+ ))}
+
+
+
+
+
+
+