ux: make rooms draggable in edit mode only after a tap

This commit is contained in:
2026-05-18 19:46:25 +02:00
parent 7bc9793c1a
commit 2355c8694e
+5 -2
View File
@@ -110,7 +110,7 @@ function _buildRoomGroup(room) {
id: `room-${room.id}`,
x: room.x * PPM,
y: room.y * PPM,
draggable: mode === 'edit',
draggable: false,
});
// Floor area
@@ -136,6 +136,8 @@ function _buildRoomGroup(room) {
group.on('click tap', () => {
if (mode === 'edit') {
roomsLayer.find('Group').forEach(g => g.draggable(false));
group.draggable(true);
_dimRoom = room;
_dimGroup = group;
_showDimensions(room, group.x(), group.y());
@@ -299,6 +301,7 @@ function _showDimensions(room, lx, ly) {
function _clearDimensions() {
_dimRoom = null;
_dimGroup = null;
roomsLayer.find('Group').forEach(g => g.draggable(false));
dimensionsLayer.destroyChildren();
dimensionsLayer.batchDraw();
}
@@ -598,7 +601,7 @@ window.companion = {
setMode(newMode) {
mode = newMode;
roomsLayer.find('Group').forEach(g => g.draggable(newMode === 'edit'));
roomsLayer.find('Group').forEach(g => g.draggable(false));
sensorsLayer.find('Group').forEach(g => g.draggable(newMode === 'sensorMove'));
tagsLayer.visible(newMode === 'view');
particlesLayer.visible(newMode === 'view');