Disable dragging on readonly mode

src/app/cartography/components/map/map.component.ts

@@ -25,6 +25,7 @@ import { MapListeners } from '../../listeners/map-listeners';
 import { DraggedDataEvent } from '../../events/event-source';
 import { NodesEventSource } from '../../events/nodes-event-source';
 import { DrawingsEventSource } from '../../events/drawings-event-source';
+import { DrawingsWidget } from '../../widgets/drawings';
 
 
 @Component({
@@ -63,6 +64,7 @@ export class MapComponent implements OnInit, OnChanges, OnDestroy {
     protected nodesWidget: NodesWidget,
     protected nodeWidget: NodeWidget,
     protected linksWidget: LinksWidget,
+    protected drawingsWidget: DrawingsWidget,
     protected interfaceLabelWidget: InterfaceLabelWidget,
     protected selectionToolWidget: SelectionTool,
     protected movingToolWidget: MovingTool,
@@ -95,6 +97,11 @@ export class MapComponent implements OnInit, OnChanges, OnDestroy {
   }
 
   @Input('draw-link-tool') drawLinkTool: boolean;
+
+  @Input('readonly') set readonly(value) {
+    this.nodesWidget.draggingEnabled = !value;
+    this.drawingsWidget.draggingEnabled == !value;
+  }
   
   ngOnChanges(changes: { [propKey: string]: SimpleChange }) {
     if (

src/app/cartography/widgets/drawings.ts

@@ -12,6 +12,7 @@ import { DrawingWidget } from "./drawing";
 @Injectable()
 export class DrawingsWidget implements Widget {
   public draggable = new Draggable<SVGGElement, Drawing>();
+  public draggingEnabled = false;
 
   // public onContextMenu = new EventEmitter<NodeContextMenu>();
   // public onDrawingClicked = new EventEmitter<NodeClicked>();
@@ -58,7 +59,9 @@ export class DrawingsWidget implements Widget {
       .exit()
         .remove();
 
-    this.draggable.call(merge);
+    if (this.draggingEnabled) {
+      this.draggable.call(merge);
+    }
   }
 
   private selectDrawing(view: SVGSelection, drawing: Drawing) {

src/app/cartography/widgets/node.ts

@@ -21,7 +21,6 @@ export class NodeWidget implements Widget {
   public onNodeDragging = new EventEmitter<NodeDragging>();
 
   private symbols: Symbol[] = [];
-  private draggingEnabled = false;
 
   constructor(
     private cssFixer: CssFixer,
@@ -32,10 +31,6 @@ export class NodeWidget implements Widget {
     this.symbols = symbols;
   }
 
-  public setDraggingEnabled(enabled: boolean) {
-    this.draggingEnabled = enabled;
-  }
-  
   public draw(view: SVGSelection) {
     const self = this;
 

src/app/cartography/widgets/nodes.ts

@@ -13,7 +13,8 @@ export class NodesWidget implements Widget {
   static NODE_LABEL_MARGIN = 3;
 
   public draggable = new Draggable<SVGGElement, Node>();
-  
+  public draggingEnabled = false;
+
   constructor(
     private nodeWidget: NodeWidget
   ) {
@@ -48,7 +49,9 @@ export class NodesWidget implements Widget {
       .exit()
         .remove();
 
-    this.draggable.call(merge);
+    if (this.draggingEnabled) {
+      this.draggable.call(merge);
+    }
   }
 
   private selectNode(view: SVGSelection, node: Node) {

src/app/components/project-map/project-map.component.html

@@ -10,6 +10,7 @@
     [selection-tool]="tools.selection"
     [moving-tool]="tools.moving"
     [draw-link-tool]="tools.draw_link"
+    [readonly]="inReadOnlyMode"
     (nodeDragged)="onNodeDragged($event)"
     (drawingDragged)="onDrawingDragged($event)"
     (onLinkCreated)="onLinkCreated($event)"

src/app/components/project-map/project-map.component.ts

@@ -23,11 +23,10 @@ import { NodesDataSource } from "../../cartography/datasources/nodes-datasource"
 import { LinksDataSource } from "../../cartography/datasources/links-datasource";
 import { ProjectWebServiceHandler } from "../../handlers/project-web-service-handler";
 import { SelectionManager } from "../../cartography/managers/selection-manager";
-import { InRectangleHelper } from "../../cartography/helpers/in-rectangle-helper";
 import { DrawingsDataSource } from "../../cartography/datasources/drawings-datasource";
 import { ProgressService } from "../../common/progress/progress.service";
 import { MapChangeDetectorRef } from '../../cartography/services/map-change-detector-ref';
-import { NodeContextMenu, NodeDragged } from '../../cartography/events/nodes';
+import { NodeContextMenu } from '../../cartography/events/nodes';
 import { LinkCreated } from '../../cartography/events/links';
 import { NodeWidget } from '../../cartography/widgets/node';
 import { DraggedDataEvent } from '../../cartography/events/event-source';
@@ -187,8 +186,6 @@ export class ProjectMapComponent implements OnInit, OnDestroy {
   }
 
   setUpMapCallbacks(project: Project) {
-    this.nodeWidget.setDraggingEnabled(!this.readonly);
-
     const onContextMenu = this.nodeWidget.onContextMenu.subscribe((eventNode: NodeContextMenu) => {
       this.nodeContextMenu.open(
         eventNode.node,