X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;f=skyquake%2Fplugins%2Fcomposer%2Fsrc%2Fsrc%2Flibraries%2Fgraph%2Flayouts%2FRelationsAndNetworksLayout.js;h=2a7c0091797545a0fb16050421147064c01049c3;hb=28412d0042632687d765d239cbb3ff0523a131b9;hp=f53b4dc7dfe10e08fb57a7ac2b0e1d5890efd78c;hpb=e29efc315df33d546237e270470916e26df391d6;p=osm%2FUI.git

diff --git a/skyquake/plugins/composer/src/src/libraries/graph/layouts/RelationsAndNetworksLayout.js b/skyquake/plugins/composer/src/src/libraries/graph/layouts/RelationsAndNetworksLayout.js
index f53b4dc7d..2a7c00917 100644
--- a/skyquake/plugins/composer/src/src/libraries/graph/layouts/RelationsAndNetworksLayout.js
+++ b/skyquake/plugins/composer/src/src/libraries/graph/layouts/RelationsAndNetworksLayout.js
@@ -2,7 +2,6 @@
  * Created by onvelocity on 2/10/16.
  */
 import alt from '../../../alt'
-import _ from 'lodash'
 import d3 from 'd3'
 import math from '../math'
 import ClassNames from 'classnames'
@@ -254,7 +253,7 @@ export default function RelationsAndNetworksLayout() {
 					// warn assigning same instance (e.g. pass by reference) so that changes will reflect thru
 					cpRef.position = source.position;
 					connectionPointRefList.push(cpRef);
-				} catch(e) {
+				} catch (e) {
 					return;
 				}
 			});
@@ -409,14 +408,16 @@ export default function RelationsAndNetworksLayout() {
 		test.render();
 	}
 
-	function drawRelationPointsAndPaths (graph, relationEdges) {
+	function drawRelationPointsAndPaths(graph, relationEdges) {
 
 		const paths = graph.paths.selectAll('.relation').data(relationEdges, DescriptorModelFactory.containerIdentity);
 
 		paths.enter().append('path')
 			.attr({
 				'class': d => {
-					return ClassNames('relation', d.type, {'-is-selected': d.uiState && SelectionManager.isSelected(d) /*d.uiState && d.uiState.selected*/});
+					return ClassNames('relation', d.type, {
+						'-is-selected': d.uiState && SelectionManager.isSelected(d) /*d.uiState && d.uiState.selected*/
+					});
 				},
 				stroke: 'red',
 				fill: 'transparent',
@@ -506,7 +507,9 @@ export default function RelationsAndNetworksLayout() {
 			// todo extract drag behavior into class DescriptorGraphDrag
 
 			const drag = this.drag = d3.behavior.drag()
-				.origin(function(d) { return d; })
+				.origin(function (d) {
+					return d;
+				})
 				.on('drag.graph', function (d) {
 					uiTransientState.isDragging = true;
 					const mouse = d3.mouse(graph.g.node());
@@ -550,7 +553,9 @@ export default function RelationsAndNetworksLayout() {
 					container.props.descriptorWidth = layoutInfo.width;
 					container.props.descriptorHeight = layoutInfo.height;
 				}
-				container.dragHandler = drag;
+				if (!props.readOnly) {
+					container.dragHandler = drag;
+				}
 				container.addContainers(containerList);
 				return container;
 			});