troy-grunt/netwatch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

floot plan editor

Browse Source
This commit is contained in:
fixclean
2026-02-12 14:38:55 +01:00
parent be3bbf01f2
commit 9054dffdd5
6 changed files with 750 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
app/assets/js/floor-svg-editor.js
View File

@@ -15,6 +15,7 @@
const controls = {
startPolyline: document.getElementById('floor-start-polyline'),
finishPolyline: document.getElementById('floor-finish-polyline'),
removeLastPoint: document.getElementById('floor-remove-last-point'),
deletePolyline: document.getElementById('floor-delete-polyline'),
clearDrawing: document.getElementById('floor-clear-drawing'),
lock45: document.getElementById('floor-lock-45'),
@@ -56,6 +57,30 @@
render(svg, controls, state, hiddenInput);
});
if (controls.removeLastPoint) {
controls.removeLastPoint.addEventListener('click', () => {
const targetId = state.activePolylineId || state.selectedPolylineId;
if (!targetId) {
return;
}
const targetLine = state.polylines.find((line) => line.id === targetId);
if (!targetLine || targetLine.points.length === 0) {
return;
}
targetLine.points.pop();
if (targetLine.points.length === 0) {
state.polylines = state.polylines.filter((line) => line.id !== targetLine.id);
if (state.activePolylineId === targetLine.id) {
state.activePolylineId = null;
}
if (state.selectedPolylineId === targetLine.id) {
state.selectedPolylineId = null;
}
}
render(svg, controls, state, hiddenInput);
});
}
controls.deletePolyline.addEventListener('click', () => {
if (!state.selectedPolylineId) {
return;
@@ -212,7 +237,9 @@
}
function render(svg, controls, state, hiddenInput) {
const selected = state.polylines.find((line) => line.id === state.selectedPolylineId) || null;
const activeLine = state.polylines.find((line) => line.id === state.activePolylineId) || null;
const selectedLine = state.polylines.find((line) => line.id === state.selectedPolylineId) || null;
const undoLine = state.polylines.find((line) => line.id === (state.activePolylineId || state.selectedPolylineId)) || null;
svg.innerHTML = '';
svg.setAttribute('viewBox', `0 0 ${VIEWBOX_WIDTH} ${VIEWBOX_HEIGHT}`);
@@ -258,8 +285,8 @@
svg.appendChild(line);
});
if (selected) {
selected.points.forEach((point, index) => {
if (selectedLine) {
selectedLine.points.forEach((point, index) => {
const vertex = createSvgElement('circle');
vertex.setAttribute('cx', String(point.x));
vertex.setAttribute('cy', String(point.y));
@@ -267,7 +294,7 @@
vertex.setAttribute('fill', '#ffffff');
vertex.setAttribute('stroke', '#dc3545');
vertex.setAttribute('stroke-width', '3');
vertex.setAttribute('data-polyline-id', selected.id);
vertex.setAttribute('data-polyline-id', selectedLine.id);
vertex.setAttribute('data-vertex-index', String(index));
svg.appendChild(vertex);
});
@@ -284,6 +311,16 @@
controls.guideList.appendChild(li);
});
if (controls.finishPolyline) {
controls.finishPolyline.disabled = !(activeLine && activeLine.points.length >= 2);
}
if (controls.removeLastPoint) {
controls.removeLastPoint.disabled = !(undoLine && undoLine.points.length > 0);
}
if (controls.deletePolyline) {
controls.deletePolyline.disabled = !selectedLine;
}
hiddenInput.value = buildSvgMarkup(state.polylines, state.guides);
}