+ its right edge lines up with that column below; QTH grows to fill.
+ gap-4 matches Row 3 so QTH's left edge aligns with Comment/Note. */}
+
Name
diff --git a/frontend/src/components/NetControlPanel.tsx b/frontend/src/components/NetControlPanel.tsx
index 45fb3a9..1118f40 100644
--- a/frontend/src/components/NetControlPanel.tsx
+++ b/frontend/src/components/NetControlPanel.tsx
@@ -73,6 +73,20 @@ export function NetControlPanel({ onLogged, countries, bands, modes }: Props) {
const [wb, setWb] = useState
(null);
const [wbBusy, setWbBusy] = useState(false);
const wbReq = useRef(0);
+ // Resizable height (drag the handle on top). Persisted.
+ const [wbHeight, setWbHeight] = useState(() => {
+ const v = parseInt(localStorage.getItem('opslog.netWbHeight') || '', 10);
+ return v >= 80 && v <= 600 ? v : 176;
+ });
+ useEffect(() => { localStorage.setItem('opslog.netWbHeight', String(wbHeight)); }, [wbHeight]);
+ const startWbResize = (e: React.MouseEvent) => {
+ e.preventDefault();
+ const startY = e.clientY, startH = wbHeight;
+ const onMove = (ev: MouseEvent) => setWbHeight(Math.max(80, Math.min(600, startH - (ev.clientY - startY))));
+ const onUp = () => { document.removeEventListener('mousemove', onMove); document.removeEventListener('mouseup', onUp); };
+ document.addEventListener('mousemove', onMove);
+ document.addEventListener('mouseup', onUp);
+ };
const showWorkedBefore = useCallback(async (call: string, dxcc = 0) => {
const c = (call ?? '').trim().toUpperCase();
setWbCall(c);
@@ -302,6 +316,61 @@ export function NetControlPanel({ onLogged, countries, bands, modes }: Props) {
)}
+
+ {/* Worked-before for the clicked station — click a row (on air or
+ roster) to see if/when we contacted it before. Lives INSIDE the
+ on-air column so resizing only splits this column; the roster on
+ the right keeps its full height. */}
+
+
+
+
+ {wbCall} }
+ {wb && wb.count > 0 && (
+
+ {wb.count} QSO · {t('ncp.wbFirst')} {String(wb.first ?? '').slice(0, 10)} · {t('ncp.wbLast')} {String(wb.last ?? '').slice(0, 10)}
+ {wb.dxcc_name ? ` · ${wb.dxcc_name} (${wb.dxcc_count})` : ''}
+
+ )}
+
+
+ {!wbCall ? (
+
{t('ncp.wbHint')}
+ ) : wbBusy ? (
+
…
+ ) : !wb || wb.count === 0 ? (
+
{t('ncp.wbNone')} {wbCall}
+ ) : (
+
+
+
+ {t('ncp.colDate')}
+ {t('ncp.colTimeOn')}
+ {t('ncp.colBand')}
+ {t('ncp.colMode')}
+ RST
+ {t('ncp.colComment')}
+
+
+
+ {((wb.entries ?? []) as any[]).map((q, i) => (
+
+ {String(q.qso_date ?? '').slice(0, 10)}
+ {String(q.time_on ?? '').slice(0, 5)}
+ {q.band}
+ {q.mode}
+ {(q.rst_sent ?? '')}/{(q.rst_rcvd ?? '')}
+ {q.comment}
+
+ ))}
+
+
+ )}
+
+
+
-
- {wbCall} }
- {wb && wb.count > 0 && (
-
- {wb.count} QSO · {t('ncp.wbFirst')} {String(wb.first ?? '').slice(0, 10)} · {t('ncp.wbLast')} {String(wb.last ?? '').slice(0, 10)}
- {wb.dxcc_name ? ` · ${wb.dxcc_name} (${wb.dxcc_count})` : ''}
-
- )}
-
-
- {!wbCall ? (
-
{t('ncp.wbHint')}
- ) : wbBusy ? (
-
…
- ) : !wb || wb.count === 0 ? (
-
{t('ncp.wbNone')} {wbCall}
- ) : (
-
-
-
- {t('ncp.colDate')}
- {t('ncp.colTimeOn')}
- {t('ncp.colBand')}
- {t('ncp.colMode')}
- RST
- {t('ncp.colComment')}
-
-
-
- {((wb.entries ?? []) as any[]).map((q, i) => (
-
- {String(q.qso_date ?? '').slice(0, 10)}
- {String(q.time_on ?? '').slice(0, 5)}
- {q.band}
- {q.mode}
- {(q.rst_sent ?? '')}/{(q.rst_rcvd ?? '')}
- {q.comment}
-
- ))}
-
-
- )}
-
-