gitea-enwelo-jba
/
bwsamern-ohne_standortplaner
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement auto-save and persistence for rotation angle
Deploy Bürgerwind / deploy (push) Successful in 16s Details

This commit is contained in:
Johannes Baumeister 2026-04-28 13:43:09 +02:00
parent c6642c25fc
commit c182baf2bd
2 changed files with 56 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

86
app.js
View File

@ -396,6 +396,7 @@ document.addEventListener('DOMContentLoaded', async () => {
updateLabel(turbine, newGeoms);
updateProximityLines();
updateLegend(); // Show symbols in legend
triggerAutoSave();
if (activeTurbine && activeTurbine.id === turbine.id) {
// Keep fields updated
editNr.value = turbine.nr;
@ -429,9 +430,12 @@ document.addEventListener('DOMContentLoaded', async () => {
turbine.layers.mf.clearLayers().addData(newGeoms.mf);
updateRotationHandlePos(turbine);
});
turbine.layers.rotationHandle.on('dragend', triggerAutoSave);
state.turbines.push(turbine);
updateProximityLines();
triggerAutoSave();
if (!loadedNr) openEditPanel(turbine);
}
@ -471,6 +475,7 @@ document.addEventListener('DOMContentLoaded', async () => {
activeTurbine.layers.mf.clearLayers().addData(geoms.mf);
updateLabel(activeTurbine, geoms);
updateProximityLines();
triggerAutoSave();
document.getElementById('statusInfo').innerText = `WEA ${newNr} gespeichert.`;
};
@ -481,6 +486,7 @@ document.addEventListener('DOMContentLoaded', async () => {
Object.values(activeTurbine.layers).forEach(l => variantLayers[activeTurbine.variant].removeLayer(l));
state.turbines = state.turbines.filter(t => t.id !== activeTurbine.id);
updateProximityLines();
triggerAutoSave();
closeEditPanel();
}
};
@ -1417,40 +1423,52 @@ document.addEventListener('DOMContentLoaded', async () => {
document.getElementById('statusInfo').innerText = "Projekt lokal exportiert.";
});
// DB Persistence
let autoSaveTimeout = null;
function triggerAutoSave() {
if (autoSaveTimeout) clearTimeout(autoSaveTimeout);
autoSaveTimeout = setTimeout(() => {
saveTurbinesToDB();
}, 1500); // 1.5 Seconds debounce
}
async function saveTurbinesToDB() {
const statusEl = document.getElementById('statusInfo');
if (statusEl) statusEl.innerText = "Automatische Speicherung...";
const projekt_id = "BWSamern-Ohne";
const turbineData = state.turbines.map(t => ({
nr: t.nr,
variant: t.variant,
type: t.type,
rd: t.rd,
hh: t.hh,
ksfAngle: t.ksfAngle,
latlng: t.layers.marker.getLatLng()
}));
try {
const response = await fetch('/api/wea', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ projekt_id, turbines: turbineData })
});
const result = await response.json();
if (response.ok) {
if (statusEl) statusEl.innerHTML = `<span style="color: #2ecc71;">${result.message}</span>`;
} else {
throw new Error(result.error || "Fehler beim Speichern in DB");
}
} catch (err) {
console.error(err);
if (statusEl) statusEl.innerHTML = `<span style="color: #ff4444;">Auto-Save Fehler: ${err.message}</span>`;
}
}
const btnSaveDB = document.getElementById('btnSaveDB');
if (btnSaveDB) {
btnSaveDB.addEventListener('click', async () => {
const statusEl = document.getElementById('statusInfo');
statusEl.innerText = "Speichere in Datenbank...";
const projekt_id = "BWSamern-Ohne"; // Could be dynamic from config
const turbineData = state.turbines.map(t => ({
nr: t.nr,
variant: t.variant,
type: t.type,
rd: t.rd,
hh: t.hh,
latlng: t.layers.marker.getLatLng()
}));
try {
const response = await fetch('/api/wea', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ projekt_id, turbines: turbineData })
});
const result = await response.json();
if (response.ok) {
statusEl.innerHTML = `<span style="color: #2ecc71;">${result.message}</span>`;
} else {
throw new Error(result.error || "Fehler beim Speichern in DB");
}
} catch (err) {
console.error(err);
statusEl.innerHTML = `<span style="color: #ff4444;">Fehler beim DB-Sync: ${err.message}</span>`;
}
});
btnSaveDB.addEventListener('click', saveTurbinesToDB);
}
async function loadTurbinesFromDB() {
@ -1475,7 +1493,8 @@ document.addEventListener('DOMContentLoaded', async () => {
nr: t.nr,
type: t.type,
rd: t.rd,
hh: t.hh
hh: t.hh,
ksfAngle: t.ksfangle || t.ksfAngle
});
});
statusEl.innerText = `${dbTurbines.length} WEAs aus Datenbank geladen.`;
@ -1536,6 +1555,7 @@ document.addEventListener('DOMContentLoaded', async () => {
updateProximityLines();
updateLegend();
triggerAutoSave();
document.getElementById('statusInfo').innerText = "Projekt geladen.";
} catch (err) {

6
server.js
View File

@ -75,9 +75,9 @@ app.post('/api/wea', async (req, res) => {
log(`Füge WEA ein: Nr=${t.nr}, Typ=${t.type}, Pos=${t.latlng?.lat},${t.latlng?.lng}`);
await client.query(
`INSERT INTO ${schema}.wea_standorte
(projekt_id, wea_nummer, anlagentyp, nabenhoehe, rotordurchmesser, geom)
VALUES ($1, $2, $3, $4, $5, ST_Transform(ST_SetSRID(ST_MakePoint($6, $7), 4326), 25832))`,
[targetProject, t.nr, t.type, t.hh, t.rd, t.latlng.lng, t.latlng.lat]
(projekt_id, wea_nummer, anlagentyp, nabenhoehe, rotordurchmesser, ksf_drehung, geom)
VALUES ($1, $2, $3, $4, $5, $6, ST_Transform(ST_SetSRID(ST_MakePoint($7, $8), 4326), 25832))`,
[targetProject, t.nr, t.type, t.hh, t.rd, t.ksfAngle, t.latlng.lng, t.latlng.lat]
);
}
}