Revize 15e7f9e5

add possibility to show symbol in neighbors of groups

sources/src/main/webapp/js/components/group.js

@@ -398 +398 @@
 		app.viewportComponent.removeGroup(this);
 
         if(showIcon){
-            //showIconClick.bind(this)(null) // TODO implement
+            showIconClick.bind(this)(null)
         }
 	};
 
@@ -411 +411 @@
 		this.setExcluded(false);
 		this.remove(false);
 
+        if(iconsDisplayed) {
+            showIconClick.bind(this)(null);
+        }
+
 		app.viewportComponent.addGroup(this);
 
 		// set edges' ends
@@ -702 +706 @@
 		});
 		rootElement.appendChild(buttonGroup);
 
+        // show symbol button
+        var showSymbolButton = app.utils.createHtmlElement('button', {
+            'class': 'show-symbol-button button',
+            'style': 'background-color: ' + this.symbol[1] + ';',
+            'title': 'Show symbol next to all neighbouring components',
+        });
+        showSymbolButton.appendChild(document.createTextNode(this.symbol[0]));
+        showSymbolButton.addEventListener('click', showIconClick.bind(this));
+        buttonGroup.appendChild(showSymbolButton);
+
 		// include button
 		var includeButton = app.utils.createHtmlElement('button', {
 			'class': 'include-button button',
@@ -786 +800 @@
 		}
 	}
 
+    /**
+     * Displays symbol of the group next to all nodes that it is connected with.
+     * @param {MouseEvent} e Click event.
+     */
+    function showIconClick(e) {
+        iconsDisplayed = !iconsDisplayed;
+
+        var neighbourList = [];
+
+        this.getInEdgeList().filter(function (edge) {
+            return !edge.getFrom().isExcluded();
+        }).forEach(function (edge) {
+            if (!neighbourList.includes(edge.getFrom())) {
+                neighbourList.push(edge.getFrom());
+            }
+        });
+
+        this.getOutEdgeList().filter(function (edge) {
+            return !edge.getTo().isExcluded();
+        }).forEach(function (edge) {
+            if (!neighbourList.includes(edge.getTo())) {
+                neighbourList.push(edge.getTo());
+            }
+        });
+
+        neighbourList.forEach(function(node) {
+            if (iconsDisplayed) {
+                node.addSymbol(this.symbol);
+            } else {
+                node.removeSymbol(this.symbol);
+            }
+        }, this);
+    }
+
 	/**
 	 * Includes the group back to the viewport.
 	 */