Revize 1aff7bb0

Timeline to IMiGEr interaction (refs #7464)

- imlemented imiger selection based on selected value in Timeline
- this feature also support deselection due to doubleClick event of IMiGEr

sources/imiger-core/src/main/webapp/js/components/node.js

@@ -421 +421 @@
 				app.sidebarComponent.excludedNodeListComponent.addNode(this);
 			} else if (document.modeForm.mode.value === 'move') {
 				this.highlightWithNeighbours(!this.isHighlighted);
-                var notifyTimeline = new CustomEvent('imigerClick', { detail: { entityID: this.id, archetype: "item" } });
-                window.frames[0].document.dispatchEvent(notifyTimeline);
+
+				if (e.detail !== this.id) {
+				    var archetypeString = app.archetype.vertex[this.archetype].name;
+				    if (archetypeString !== 'person') archetypeString = 'item';
+                    var notifyTimeline = new CustomEvent('imigerClick', { detail: { entityID: this.id, archetype: archetypeString } });
+                    window.frames[0].document.dispatchEvent(notifyTimeline);
+                }
 
 				if (this.isHighlighted) {
 					app.activeNode = this;

sources/imiger-core/src/main/webapp/js/showGraphApp.js

@@ -132 +132 @@
 
 		this.sidebarComponent.minimapComponent.viewportSize = this.viewportComponent.size;
 
+		// timeline
+        document.addEventListener('timelineClick', function (e) {
+            var node = app.nodeList[e.detail];
+            if (node !== undefined) {
+                node._onNodeClick(e);
+            }
+        }, false);
+
 		// diagram
 		document.addEventListener(DiagramUpdatedEvent.name, e => {
 			this.diagram = new Diagram(e.detail);

sources/imiger-core/src/main/webapp/timeline/js/cz/kajda/timeline/Timeline.js

@@ -500 +500 @@
             },
 
             _handleIMiGErClick : function(e) {
-                var entity = this.getEntities().get(e.originalEvent.detail.entityID);
+                var entity = this.getEntities().get(e.originalEvent.detail.entityID),
                     bandItem = this._bandGroup.getBand(e.originalEvent.detail.archetype).getBandItem(entity.getId());
                 
                 this.focusItem(bandItem.getEntity(), false);
@@ -611 +611 @@
              */
             _handleItemClick : function(e) {
                 var bandItemElm = $(e.currentTarget);
-                var entity = this.getEntities().get(bandItemElm.data("entity"));
+                var entity = this.getEntities().get(bandItemElm.data("entity")),
                     bandItem = this._bandGroup.getBand($(e.currentTarget).data("band")).getBandItem(entity.getId());
+
+                // imiger trigger
+                var ev = new CustomEvent('timelineClick', { detail: entity.getId() });
+                window.parent.document.dispatchEvent(ev);
                 
                 this.focusItem(bandItem.getEntity(), false);
                 this._fireEvent("itemClick", entity);