room-audio/companion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
dvdrw
2026-05-18 19:46:25 +02:00
parent 7bc9793c1a
commit 2355c8694e
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/konva/app.js
+5 -2
View File
@@ -110,7 +110,7 @@ function _buildRoomGroup(room) {
id: `room-${room.id}`, id: `room-${room.id}`,
x: room.x * PPM, x: room.x * PPM,
y: room.y * PPM, y: room.y * PPM,
draggable: mode === 'edit', draggable: false,
}); });
// Floor area // Floor area
@@ -136,6 +136,8 @@ function _buildRoomGroup(room) {
group.on('click tap', () => { group.on('click tap', () => {
if (mode === 'edit') { if (mode === 'edit') {
roomsLayer.find('Group').forEach(g => g.draggable(false));
group.draggable(true);
_dimRoom = room; _dimRoom = room;
_dimGroup = group; _dimGroup = group;
_showDimensions(room, group.x(), group.y()); _showDimensions(room, group.x(), group.y());
@@ -299,6 +301,7 @@ function _showDimensions(room, lx, ly) {
function _clearDimensions() { function _clearDimensions() {
_dimRoom = null; _dimRoom = null;
_dimGroup = null; _dimGroup = null;
roomsLayer.find('Group').forEach(g => g.draggable(false));
dimensionsLayer.destroyChildren(); dimensionsLayer.destroyChildren();
dimensionsLayer.batchDraw(); dimensionsLayer.batchDraw();
} }
@@ -598,7 +601,7 @@ window.companion = {
setMode(newMode) { setMode(newMode) {
mode = 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')); sensorsLayer.find('Group').forEach(g => g.draggable(newMode === 'sensorMove'));
tagsLayer.visible(newMode === 'view'); tagsLayer.visible(newMode === 'view');
particlesLayer.visible(newMode === 'view'); particlesLayer.visible(newMode === 'view');