) ----------
var DESIGN_URL = /^gis\./.test(location.host)
? location.protocol + "//" + location.host.replace(/^gis\./, "design.")
: null;
var planned = []; // [{slug, name, planned, bbox, files}]
function loadPlanned() {
if (!DESIGN_URL) return;
fetch(DESIGN_URL + "/api/compounds").then(function (r) { return r.json(); })
.then(function (list) {
planned = list.filter(function (c) { return c.planned || c.stats; });
renderFilesPanel();
}).catch(function () { /* כלי התכנון לא זמין — מדלגים בשקט */ });
}
function plannedSection(host) {
if (!planned.length) return;
var title = document.createElement("h3");
title.textContent = "מתחמים מתוכננים (בשרת)";
title.style.cssText = "font-size:14px;margin:14px 0 6px;color:#1565c0";
host.appendChild(title);
planned.forEach(function (c) {
var el = document.createElement("div");
el.className = "file-item";
var final = (c.files || []).filter(function (f) { return /^FINAL_.*\.dxf$/i.test(f); })[0];
el.innerHTML =
'' + escapeHtml(c.name || c.slug) + "" +
'תוכנן ' + escapeHtml(c.planned || "") + "
" +
'' +
(c.bbox ? '' : "") +
(final ? '' : "") +
"
";
var pz = el.querySelector(".pzoom");
if (pz) pz.addEventListener("click", function () {
var ll = Geo.itmToWgs([(c.bbox[0] + c.bbox[2]) / 2, (c.bbox[1] + c.bbox[3]) / 2]);
closePanels();
state.map.setView(ll, 15);
L.circleMarker(ll, { radius: 14, color: "#1565c0", weight: 3, fill: false })
.addTo(state.map).bindPopup(escapeHtml(c.name || c.slug)).openPopup();
});
var pl = el.querySelector(".pload");
if (pl) pl.addEventListener("click", function () {
pl.disabled = true; pl.textContent = "טוען…";
fetch(DESIGN_URL + "/api/compounds/" + encodeURIComponent(c.slug) +
"/files/" + encodeURIComponent(final))
.then(function (r) { return r.blob(); })
.then(function (b) {
addFile(new File([b], (c.name || c.slug) + ".dxf"));
closePanels();
})
.catch(function () { toast("טעינת המפה נכשלה"); })
.then(function () { pl.disabled = false; pl.textContent = "טעינת המפה"; });
});
host.appendChild(el);
});
}
// ---------- הוספת קבצים ----------
function addFiles(fileList) {
Array.prototype.slice.call(fileList).forEach(function (f) { addFile(f); });
}
function addFile(f) {
if (/\.dwg$/i.test(f.name)) {
toast("קובץ DWG הוא פורמט בינארי סגור — יש לשמור אותו כ-DXF (SAVEAS בפורמט DXF) ולהעלות שוב", 6000);
return;
}
loading(true, "מפענח את " + f.name + "…");
var reader = new FileReader();
reader.onerror = function () { loading(false); toast("שגיאה בקריאת הקובץ"); };
reader.onload = function () {
// הפענוח רץ ב-Web Worker — הממשק לא קופא גם בקבצים כבדים
DXF.parseAsync(reader.result).then(function (parsed) {
// זיהוי לפי רוב + סינון רשומות עם קואורדינטות שבורות
var clean = Geo.sanitizeParsed(parsed);
var isItm = clean.coordSys === "itm";
var rec = {
id: "f" + Date.now() + "_" + Math.floor(Math.random() * 1e6),
name: f.name,
addedAt: new Date().toISOString(),
entities: clean.entities,
bbox: clean.bbox,
coordSys: clean.coordSys,
calibration: null,
opacity: 1,
weight: 2,
visible: true,
hiddenLayers: [],
};
state.files.push(rec);
Store.saveFile(rec).catch(function () {
toast("הקובץ נטען אך לא נשמר לאחסון המקומי (ייתכן שגדול מדי)");
});
attachOverlay(rec);
syncFileToGovmap(rec);
zoomToFile(rec);
$("empty-hint").classList.add("hidden");
loading(false);
if (isItm) {
toast("" + f.name + " זוהה ברשת ישראל והולבש על המפה (" + clean.entities.length + " ישויות" +
(clean.dropped ? "; סוננו " + clean.dropped + " רשומות עם קואורדינטות שגויות" : "") + ")", clean.dropped ? 5000 : 2600);
} else {
toast("הקואורדינטות בקובץ אינן ברשת ישראל — מוקם זמנית במרכז המפה. השתמשו ב'כיול' למיקום מדויק", 6000);
}
}).catch(function (err) {
loading(false);
var msg = err && err.message ? err.message : "";
if (msg === "DWG_BINARY") toast("זהו קובץ DWG בינארי — יש להמיר ל-DXF (למשל SAVEAS ב-AutoCAD או ODA File Converter)", 6000);
else if (msg === "NOT_DXF") toast("הקובץ אינו DXF תקין");
else if (msg === "EMPTY_DXF") toast("לא נמצאו ישויות ניתנות להצגה בקובץ");
else toast("שגיאה בפענוח: " + msg, 5000);
});
};
reader.readAsArrayBuffer(f);
}
// ---------- שכבות סטטוס (נתונים חיים מהשרת) ----------
function toggleStatusLayer(key, on) {
StatusLayers.setEnabled(key, on);
var id = "status_" + key;
if (!on) {
detachOverlay(id);
GovMap.clearFile(id);
state.files = state.files.filter(function (x) { return x.id !== id; });
renderFilesPanel();
return;
}
StatusLayers.fetchData().then(function () {
var layer = StatusLayers.layerByKey(key);
if (!layer) { toast("השכבה לא קיימת בשרת"); return; }
if (!layer.count) { toast("" + layer.name + ": אין כרגע נכסים בסטטוס הזה"); }
var rec = StatusLayers.buildRecord(layer);
var idx = state.files.findIndex(function (x) { return x.id === rec.id; });
if (idx >= 0) state.files[idx] = rec; else state.files.push(rec);
attachOverlay(rec);
syncFileToGovmap(rec);
if (layer.count) toast("" + layer.name + ": " + layer.count.toLocaleString() + " נכסים על המפה");
renderFilesPanel();
}).catch(function () {
StatusLayers.setEnabled(key, false);
renderFilesPanel();
toast("לא ניתן למשוך את נתוני הסטטוס מהשרת — בדקו חיבור", 4500);
});
}
function restoreStatusLayers() {
var keys = StatusLayers.enabledKeys();
if (!keys.length) return;
StatusLayers.fetchData().then(function () {
keys.forEach(function (k) { toggleStatusLayer(k, true); });
}).catch(function () { /* אין רשת — יידלקו בפעם הבאה */ });
}
function renderStatusSection(host) {
var title = document.createElement("div");
title.className = "base-section-title";
title.textContent = "שכבות סטטוס — חי מהשרת";
host.appendChild(title);
var known = StatusLayers.layers();
var enabled = StatusLayers.enabledKeys();
if (!known.length) {
// עוד לא נמשכו נתונים — מציגים כפתור טעינה
var btn = document.createElement("button");
btn.className = "status-load-btn";
btn.textContent = "טעינת שכבות סטטוס מהשרת";
btn.addEventListener("click", function () {
btn.textContent = "מושך נתונים…";
StatusLayers.fetchData().then(function () { renderFilesPanel(); })
.catch(function () {
btn.textContent = "טעינת שכבות סטטוס מהשרת";
toast("לא ניתן למשוך את נתוני הסטטוס — בדקו חיבור", 4500);
});
});
host.appendChild(btn);
return;
}
known.forEach(function (l) {
var row = document.createElement("label");
row.className = "status-row";
var on = enabled.indexOf(l.key) !== -1;
row.innerHTML =
'" +
'' +
'' + escapeHtml(l.name) + "" +
'' + (l.count || 0).toLocaleString() + "";
row.querySelector("input").addEventListener("change", function (ev) {
toggleStatusLayer(l.key, ev.target.checked);
});
host.appendChild(row);
});
if (StatusLayers.generatedAt()) {
var meta = document.createElement("div");
meta.className = "status-meta";
try {
meta.textContent = "עודכן בשרת: " + new Date(StatusLayers.generatedAt()).toLocaleString("he-IL");
} catch (e) { /* תאריך לא תקין */ }
host.appendChild(meta);
}
}
// ---------- פאנל קבצים ----------
function renderFilesPanel() {
var host = $("files-list");
host.innerHTML = "";
renderStatusSection(host);
var files = state.files.filter(function (f) { return !f.isStatus; });
var filesTitle = document.createElement("div");
filesTitle.className = "base-section-title";
filesTitle.textContent = "שכבות DXF";
host.appendChild(filesTitle);
if (!files.length) {
var p = document.createElement("p");
p.style.cssText = "color:#777;font-size:14px;text-align:center;padding:14px 0";
p.textContent = "אין קבצים. לחצו + להוספת DXF.";
host.appendChild(p);
plannedSection(host);
return;
}
files.forEach(function (f) {
var el = document.createElement("div");
el.className = "file-item";
var badge = f.isNotes ? 'הערות שלי'
: f.isAssign ? 'שיוך נכסים'
: f.shared ? 'שכבה ארצית'
: f.coordSys === "itm" ? 'רשת ישראל'
: f.coordSys === "calibrated" ? 'מכויל ידנית'
: 'דורש כיול';
var ovf = state.overlays[f.id] || {};
var layerNames = Object.keys(ovf.byLayer || {});
(ovf.texts || []).forEach(function (t) {
if (layerNames.indexOf(t.layer) === -1) layerNames.push(t.layer);
});
var sub = "";
if (layerNames.length > 1) {
// מצב פתוח/סגור נשמר — הפאנל נבנה מחדש בכל שינוי שכבה, ובלי
// זה הרשימה הייתה נסגרת אחרי כל כיבוי (שכבה אחת בכל פעם)
sub = 'שכבות בשרטוט (' + layerNames.length + ")
" +
layerNames.map(function (n) {
var hidden = (f.hiddenLayers || []).indexOf(n) !== -1;
return '";
}).join("") + "' +
'" +
'' + escapeHtml(f.name) + "" + badge +
"
" +
'שקיפות
' +
sub +
'' +
'' +
(f.isNotes || f.isAssign
? ''
: f.shared
? ""
: '' +
(f.coordSys === "calibrated" ? '' : "") +
'') +
"
";
el.querySelector(".vis-toggle").addEventListener("change", function (ev) {
f.visible = ev.target.checked;
Store.saveFile(f);
if (f.visible) attachOverlay(f); else detachOverlay(f.id);
syncFileToGovmap(f);
renderFilesPanel();
});
el.querySelector(".opacity").addEventListener("change", function (ev) {
f.opacity = parseInt(ev.target.value, 10) / 100;
Store.saveFile(f);
attachOverlay(f);
syncFileToGovmap(f);
});
el.querySelector(".zoom").addEventListener("click", function () {
if (!f.bbox) { toast("השכבה ריקה"); return; }
closePanels();
zoomToFile(f);
});
var calBtn = el.querySelector(".calibrate");
if (calBtn) calBtn.addEventListener("click", function () { startCalibration(f); });
var uncal = el.querySelector(".uncal");
if (uncal) uncal.addEventListener("click", function () {
f.calibration = null;
f.coordSys = Geo.looksLikeITM(f.bbox) ? "itm" : "unplaced";
f._anchorItm = null;
Store.saveFile(f);
attachOverlay(f);
syncFileToGovmap(f);
toast("הכיול אופס");
});
var del = el.querySelector(".delete");
if (del) del.addEventListener("click", function () {
if (!confirm("למחוק את " + f.name + "?")) return;
detachOverlay(f.id);
GovMap.clearFile(f.id);
state.files = state.files.filter(function (x) { return x.id !== f.id; });
Store.deleteFile(f.id);
renderFilesPanel();
if (!state.files.length) $("empty-hint").classList.remove("hidden");
});
var exp = el.querySelector(".export");
if (exp) exp.addEventListener("click", f.isAssign ? exportAssign : exportNotes);
var clr = el.querySelector(".clear-notes");
if (clr) clr.addEventListener("click", function () {
if (!confirm(f.isAssign ? "לנקות את כל השיוכים והבלוקים?" : "לנקות את כל ההערות?")) return;
f.entities = [];
if (f.isAssign) {
f.drafts = []; f.links = []; f.newAddrs = []; f.ops = [];
setAssignSelection(null);
saveAssign(f);
} else {
saveNotes(f);
}
renderFilesPanel();
});
var det = el.querySelector("details.dxf-sublayers");
if (det) det.addEventListener("toggle", function () {
f._layersOpen = det.open;
});
el.querySelectorAll("[data-sublayer]").forEach(function (cb) {
cb.addEventListener("change", function (ev) {
var name = ev.target.getAttribute("data-sublayer");
f.hiddenLayers = f.hiddenLayers || [];
if (ev.target.checked) {
f.hiddenLayers = f.hiddenLayers.filter(function (x) { return x !== name; });
} else if (f.hiddenLayers.indexOf(name) === -1) {
f.hiddenLayers.push(name);
}
Store.saveFile(f);
attachOverlay(f);
});
});
host.appendChild(el);
});
plannedSection(host);
}
function escapeHtml(s) {
return String(s).replace(/&/g, "&").replace(//g, ">");
}
function escapeAttr(s) {
return escapeHtml(s).replace(/"/g, """);
}
// ---------- כיול ידני (2 נקודות) ----------
function startCalibration(file) {
if (inGovmap()) {
toast("כיול זמין כרגע על רקעי OSM/לוויין — החליפו רקע, כיילו, וחזרו ל-govmap", 5000);
return;
}
closePanels();
cancelCalibration();
if (file.visible === false) { file.visible = true; attachOverlay(file); }
state.cal = { fileId: file.id, pairs: [], pins: [], step: "pickSrc" };
updateCalBanner();
$("calibrate-banner").classList.add("open");
}
function updateCalBanner() {
var cal = state.cal;
if (!cal) return;
var n = cal.pairs.length + 1;
$("calibrate-text").innerHTML = cal.step === "pickSrc"
? "כיול — נקודה " + n + "/2: הקישו על נקודה מוכרת בשרטוט (פינת מבנה, שוחה, עמוד…)"
: "כיול — נקודה " + n + "/2: כעת הקישו על המיקום האמיתי של אותה נקודה על המפה";
}
function cancelCalibration() {
if (!state.cal) return;
state.cal.pins.forEach(function (p) { state.map.removeLayer(p); });
state.cal = null;
$("calibrate-banner").classList.remove("open");
}
function calPin(latlng, label) {
var m = L.marker(latlng, {
icon: L.divIcon({ className: "", html: '' + label + "
", iconSize: [22, 22], iconAnchor: [11, 11] }),
interactive: false,
}).addTo(state.map);
state.cal.pins.push(m);
}
function onLeafletClick(ev) {
var cal = state.cal;
if (!cal) {
if (state.assign.mode) handleAssignClick(ev);
else if (state.draw.mode) handleDrawClick(ev);
return;
}
var file = state.files.find(function (f) { return f.id === cal.fileId; });
var ov = state.overlays[cal.fileId];
if (!file || !ov) { cancelCalibration(); return; }
if (cal.step === "pickSrc") {
var hit = Render.nearestVertex(file, ov.transform, ev.latlng, state.map, 50);
if (!hit) { toast("לא נמצא קודקוד שרטוט קרוב — התקרבו והקישו על קו בשרטוט"); return; }
cal.currentSrc = hit.src;
calPin(hit.latlng, cal.pairs.length + 1);
cal.step = "pickDst";
updateCalBanner();
} else {
var dstItm;
try { dstItm = Geo.wgsToItm([ev.latlng.lat, ev.latlng.lng]); }
catch (e) { toast("שגיאת המרה"); return; }
cal.pairs.push({ src: cal.currentSrc, dstItm: dstItm });
calPin(ev.latlng, "✓");
cal.step = "pickSrc";
updateCalBanner();
if (cal.pairs.length >= 2) finishCalibration(file);
}
}
function finishCalibration(file) {
var p = state.cal.pairs;
var h = Geo.helmertFrom2(p[0].src, p[0].dstItm, p[1].src, p[1].dstItm);
cancelCalibration();
if (!h) { toast("הנקודות קרובות מדי זו לזו — נסו שוב עם נקודות מרוחקות יותר"); return; }
file.calibration = h.params;
file.coordSys = "calibrated";
file._anchorItm = null;
Store.saveFile(file);
attachOverlay(file);
syncFileToGovmap(file);
zoomToFile(file);
toast("הכיול הושלם (קנה מידה " + h.scale.toFixed(3) + ", סיבוב " + h.rotationDeg.toFixed(1) + "°)");
}
// ---------- מיקום ----------
function toggleLocate() {
if (inGovmap()) {
var on = GovMap.toggleGps();
$("btn-locate").classList.toggle("active", on);
return;
}
var loc = state.loc;
if (loc.watchId !== null) {
navigator.geolocation.clearWatch(loc.watchId);
loc.watchId = null;
if (loc.marker) { state.map.removeLayer(loc.marker); loc.marker = null; }
if (loc.circle) { state.map.removeLayer(loc.circle); loc.circle = null; }
$("btn-locate").classList.remove("active");
return;
}
if (!navigator.geolocation) { toast("אין תמיכה ב-GPS בדפדפן זה"); return; }
$("btn-locate").classList.add("active");
loc.follow = true;
loc.watchId = navigator.geolocation.watchPosition(function (pos) {
var latlng = [pos.coords.latitude, pos.coords.longitude];
var acc = pos.coords.accuracy || 20;
if (!loc.marker) {
loc.marker = L.marker(latlng, {
icon: L.divIcon({ className: "", html: '', iconSize: [16, 16], iconAnchor: [8, 8] }),
interactive: false,
}).addTo(state.map);
loc.circle = L.circle(latlng, { radius: acc, weight: 1, color: "#1a73e8", fillOpacity: 0.08, interactive: false }).addTo(state.map);
state.map.setView(latlng, Math.max(state.map.getZoom(), 17));
} else {
loc.marker.setLatLng(latlng);
loc.circle.setLatLng(latlng).setRadius(acc);
if (loc.follow) state.map.panTo(latlng);
}
}, function (err) {
toast("שגיאת מיקום: " + (err.code === 1 ? "אין הרשאה" : err.message));
$("btn-locate").classList.remove("active");
loc.watchId = null;
}, { enableHighAccuracy: true, maximumAge: 3000, timeout: 15000 });
}
// ---------- פאנלים: מפת רקע והגדרות ----------
function renderBasemapPanel() {
var host = $("basemap-list");
host.innerHTML = "";
var gmTitle = document.createElement("div");
gmTitle.className = "base-section-title";
gmTitle.textContent = "govmap — פורטל המפות הממשלתי";
host.appendChild(gmTitle);
var cfg = GovMap.config();
GovMap.BACKGROUNDS.forEach(function (bg) {
var div = document.createElement("div");
var selected = inGovmap() && cfg.background === bg.id;
div.className = "base-option" + (selected ? " selected" : "");
var note = GovMap.hasToken() ? "" : 'דורש טוקן API — ראו הגדרות ⚙
';
div.innerHTML = "" + bg.name + "
" + note + "
שימוש באריחי Google כפוף לתנאי השירות של Google
';
}
div.innerHTML = "" + def.name + "
" + note + "