ux: make rooms draggable in edit mode only after a tap
This commit is contained in:
+5
-2
@@ -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');
|
||||
|
||||
Reference in New Issue
Block a user