openTimetable(bus, boardAt, boardStop)}
onKeyDown={e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openTimetable(bus, boardAt, boardStop); } }}
>
{bus.id}
);
return (
{timetableInfo && (
setTimetableInfo(null)} isWeekend={isWeekend} nowMins={nowMins} lang={lang} />
)}
{isPrimary ? `⭐ ${t.best || "Legjobb"}` : `${index}. ${t.altLabel || "alternatíva"}`}
📍 {fmt(route.arriveAt)} · {totalStr}
{walkMin > 0 && (
<>
{fmt(route.departLeaveOrigin)}
🚶
{t.departLabel || "Indulj el"}
{walkMin} {t.walkToStopLabel || "perc gyaloglás a megállóhoz"}
)}
{/* Board bus1 */}
{fmt(route.boardAt)}
{t.boardBus || "Szállj fel"} ·{" "}
{window.busLabel(route.bus1, t)}
{window.cityPlatformLabel(route.fromSpId, fromStop)}
{route.type === "direct" ? (
<>
{route.arriveAt - route.boardAt} {t.min}
{fmt(route.arriveAt)}
📍
{t.arrivedLabel || "Megérkeztél"}
{window.cityPlatformLabel(route.toSpId, toStop)}
) : (
<>
{route.arriveAtTransfer - route.boardAt} {t.min}
{route.walkTransfer ? (
{fmt(route.arriveAtTransfer)}
🚏
{t.alightBus || "Szállj le"}
{window.cityPlatformLabel(route.transferSpId, route.transferStopName)}
) : (
{fmt(route.arriveAtTransfer)}
🔄
{t.transfer || "Átszállás"}
{window.cityPlatformLabel(route.transferSpId, route.transferStopName)}
⏱ {route.waitAtTransfer} {t.waitLabel || "perc várakozás"}
)}
{route.walkTransfer &&
{route.walkTransfer.walkMin} {t.walkMinLabel || "perc gyalog"} ({route.walkTransfer.distM} m)
}
{fmt(route.boardAt2)}
{t.boardBus || "Szállj fel"} ·{" "}
{window.busLabel(route.bus2, t)}
{window.cityPlatformLabel(route.walkToSpId || route.transferSpId2, route.walkToStop || route.transferStopName)}
{route.walkTransfer && route.waitAtTransfer - route.walkTransfer.walkMin > 0 && (
⏱ {route.waitAtTransfer - route.walkTransfer.walkMin} {t.waitLabel || "perc várakozás"}
)}
{route.arriveAt - route.boardAt2} {t.min}
{fmt(route.arriveAt)}
📍
{t.arrivedLabel || "Megérkeztél"}
{window.cityPlatformLabel(route.toSpId, toStop)}
)}
{window.busLabel(route.bus1, t)} {t.stopsOf || "megállói:"}
{visibleStops1.map((s, i) => {
const absTime = fromBoard1 + s.offset;
return (
{fmt(absTime)}
{s.name}
);
})}
{visibleStops2.length > 0 && (
<>
{window.busLabel(route.bus2, t)} {t.stopsOf || "megállói:"}
{visibleStops2.map((s, i) => {
const absTime = fromBoard2 + s.offset;
return (
{fmt(absTime)}
{s.name}
);
})}
)}
)}
🏠
{onTimetable && window.TimetableDropdown && (
)}
{onStopViewer && (
)}
{ if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openSheet(); } }} style={{cursor:"pointer"}}>
⚙️
{isNow ? t.now : customTime}
{!isNow && {activeDay.short}}
{schoolHoliday && 🏖️}
{t.departureTime}
{t.daySection}
{dayOptions.map(o => (
))}
{t.filters}
🏖️
{t.schoolHolidayLabel}
{t.schoolHolidaySub}
{[
{ v: "auto", hu: "Automatikus", en: "Automatic" },
{ v: "on", hu: "Mindig", en: "Always" },
{ v: "off", hu: "Soha", en: "Never" },
].map(opt => (
))}
{schoolHolidayMode === "auto" && (
📅
{ setSchoolHolidayRange(e.target.value, schoolHolidayRange.end); if (canPlan) plan(); }}
style={{fontSize:13,padding:"4px 6px",borderRadius:6,border:"1px solid var(--line)",fontFamily:"inherit"}} />
–
{ setSchoolHolidayRange(schoolHolidayRange.start, e.target.value); if (canPlan) plan(); }}
style={{fontSize:13,padding:"4px 6px",borderRadius:6,border:"1px solid var(--line)",fontFamily:"inherit"}} />
)}
);
}
// ── CityApp ──────────────────────────────────────────────────────────
function CityApp() {
const U = window.BUS_UTILS;
const [lang, setLang] = React.useState(() => localStorage.getItem("lang") || "hu");
const t = window.I18N[lang] || window.I18N.hu;
function switchLang(l) {
setLang(l); localStorage.setItem("lang", l);
window.dispatchEvent(new Event('gohome:langchange')); // nyitott térképi popupok élő frissítése
}
const [isMobile, setIsMobile] = React.useState(() => window.matchMedia("(max-width: 640px)").matches);
React.useEffect(() => {
const mq = window.matchMedia("(max-width: 640px)");
const h = e => setIsMobile(e.matches);
mq.addEventListener("change", h);
return () => mq.removeEventListener("change", h);
}, []);
const [now, setNow] = React.useState(new Date());
const [fromStop, setFromStop] = React.useState(() => localStorage.getItem("city_from") || "");
const [toStop, setToStop] = React.useState(() => localStorage.getItem("city_to") || "");
const [timeMode, setTimeMode] = React.useState(() => localStorage.getItem("city_timeMode") || "now");
const [customTime, setCustomTime] = React.useState(() => {
const saved = localStorage.getItem("city_customTime");
if (saved) return saved;
const d = new Date();
return `${String(d.getHours()).padStart(2,"0")}:${String(d.getMinutes()).padStart(2,"0")}`;
});
const walkMin = 0;
const [dayOffset, setDayOffset] = React.useState(0);
const [schoolHolidayMode, setSchoolHolidayMode] = React.useState(() => localStorage.getItem("city.schoolholiday.mode") || "auto");
const [schoolHolidayRange, setSchoolHolidayRangeState] = React.useState(() => window.SchoolHolidayUtil.getRange());
function setSchoolHolidayRange(start, end) {
window.SchoolHolidayUtil.setRange(start, end);
setSchoolHolidayRangeState({ start, end });
}
React.useEffect(() => { localStorage.setItem("city.schoolholiday.mode", schoolHolidayMode); }, [schoolHolidayMode]);
const [results, setResults] = React.useState(null);
const [formCollapsed, setFormCollapsed] = React.useState(false);
const [timetableBusId, setTimetableBusId] = React.useState(null);
const [stopViewerOpen, setStopViewerOpen] = React.useState(false);
const [stopViewerStop, setStopViewerStop] = React.useState(null);
const [stopViewerMode, setStopViewerMode] = React.useState('city');
const [gpsState, setGpsState] = React.useState('idle'); // 'idle' | 'loading' | 'error'
// Minden fizikai megálló (spId szerint dedupelve) a GPS-alapú legközelebbi-megálló kereséshez
const allPhysicalStops = React.useMemo(() => {
const m = new Map();
for (const bus of window.CITY_BUSES_FULL) {
for (const s of bus.stops) if (s.lat && !m.has(s.spId)) m.set(s.spId, s);
}
return Array.from(m.values());
}, []);
// A Honnan/Hova mezőknek sima megállónevek kellenek (a planCityRoutes ezekkel
// egyezteti a bus.stops[].name mezőt) -- NEM a getCityStops() platform-címkéi
// (pl. "Bakony Művek (Házgyár felé)"), amik a megálló-nézőnek valók, és amikkel
// a tervező soha nem talál egyezést.
const cityStopNames = React.useMemo(
() => [...new Set(allPhysicalStops.map(s => s.name))].sort((a, b) => a.localeCompare(b, 'hu')),
[allPhysicalStops]
);
// Térképi popupok "Indulások" gombja ezen keresztül nyitja a megálló-nézőt
React.useEffect(() => {
window.__openStopViewer = (stopName, mode) => { setStopViewerStop(stopName || null); setStopViewerMode(mode || 'city'); setStopViewerOpen(true); };
return () => { window.__openStopViewer = undefined; };
}, []);
const [sheetOpen, setSheetOpen] = React.useState(false);
const didPushHistory = React.useRef(false);
function openSheet() {
setSheetOpen(true);
history.pushState({ sheet: true }, "");
didPushHistory.current = true;
}
function closeSheet() {
setSheetOpen(false);
if (didPushHistory.current) {
didPushHistory.current = false;
history.back();
}
}
React.useEffect(() => {
function onPop() {
if (didPushHistory.current) {
didPushHistory.current = false;
setSheetOpen(false);
}
}
window.addEventListener("popstate", onPop);
return () => window.removeEventListener("popstate", onPop);
}, []);
const [planIsWeekend, setPlanIsWeekend] = React.useState(() => { const d = new Date(); return d.getDay() === 0 || d.getDay() === 6; });
const [planNowMins, setPlanNowMins] = React.useState(() => { const d = new Date(); return d.getHours() * 60 + d.getMinutes(); });
React.useEffect(() => {
const id = setInterval(() => setNow(new Date()), 15000);
return () => clearInterval(id);
}, []);
const nowFmt = U.fmtTime(now.getHours() * 60 + now.getMinutes());
const dateFmt = now.toLocaleDateString(lang === "hu" ? "hu-HU" : "en-US", { weekday: "long", month: "short", day: "numeric" });
// "auto" módban a kiválasztott nap (dayOffset-tel eltolva) dönt a beállított nyári-szünet tartomány alapján
const schoolHoliday = React.useMemo(() => {
const d = new Date(now); d.setDate(d.getDate() + dayOffset);
return window.SchoolHolidayUtil.resolve(schoolHolidayMode, d);
}, [schoolHolidayMode, now, dayOffset, schoolHolidayRange]);
function computePlanTime(overrides = {}) {
const effectiveMode = overrides.timeMode ?? timeMode;
const effectiveTime = overrides.customTime ?? customTime;
const effectiveOffset = overrides.dayOffset ?? dayOffset;
let planTime;
if (effectiveMode === "now") {
planTime = new Date();
} else {
const [h, m] = effectiveTime.split(":").map(Number);
planTime = new Date();
planTime.setDate(planTime.getDate() + effectiveOffset);
planTime.setHours(h, m, 0, 0);
}
return planTime;
}
function plan(overrides = {}) {
const effectiveFrom = overrides.fromStop ?? fromStop;
const effectiveTo = overrides.toStop ?? toStop;
const planTime = computePlanTime(overrides);
const r = window.planCityRoutes({
now: planTime,
fromStop: effectiveFrom,
toStop: effectiveTo,
walkMin,
maxResults: 9,
schoolHoliday: overrides.schoolHoliday ?? window.SchoolHolidayUtil.resolve(schoolHolidayMode, planTime),
});
setResults(r);
setPlanIsWeekend(planTime.getDay() === 0 || planTime.getDay() === 6);
setPlanNowMins(planTime.getHours() * 60 + planTime.getMinutes());
setFormCollapsed(true);
}
function swap() {
const newFrom = toStop;
const newTo = fromStop;
setFromStop(newFrom); localStorage.setItem("city_from", newFrom);
setToStop(newTo); localStorage.setItem("city_to", newTo);
if (newFrom && newTo && newFrom !== newTo) {
plan({ fromStop: newFrom, toStop: newTo });
} else {
setResults(null); setFormCollapsed(false);
}
}
const canPlan = fromStop && toStop && fromStop !== toStop;
const gpsSupported = typeof navigator !== "undefined" && !!navigator.geolocation;
function handleGps() {
if (!toStop || gpsState === 'loading') return;
setGpsState('loading');
navigator.geolocation.getCurrentPosition(
(pos) => {
const { latitude, longitude } = pos.coords;
const ranked = allPhysicalStops
.filter(s => s.name !== toStop)
.map(s => ({ ...s, dist: _haversineM(latitude, longitude, s.lat, s.lon) }))
.sort((a, b) => a.dist - b.dist);
const candidates = [];
const seenNames = new Set();
for (const s of ranked) {
if (seenNames.has(s.name)) continue;
seenNames.add(s.name);
candidates.push(s.name);
if (candidates.length >= 3) break;
}
if (candidates.length === 0) { setGpsState('error'); setTimeout(() => setGpsState('idle'), 3000); return; }
const planTime = computePlanTime();
const schoolHol = window.SchoolHolidayUtil.resolve(schoolHolidayMode, planTime);
let best = null;
for (const name of candidates) {
const r = window.planCityRoutes({ now: planTime, fromStop: name, toStop, walkMin, maxResults: 1, schoolHoliday: schoolHol });
if (r.length && (!best || r[0].totalDuration < best.duration)) {
best = { name, duration: r[0].totalDuration };
}
}
const winner = best ? best.name : candidates[0];
setFromStop(winner); localStorage.setItem("city_from", winner);
plan({ fromStop: winner });
setGpsState('idle');
},
() => { setGpsState('error'); setTimeout(() => setGpsState('idle'), 3000); },
{ enableHighAccuracy: true, timeout: 10000, maximumAge: 0 }
);
}
return (