Revize 2e0e81ba

Introduced group include/exclude support for Timeline, fixed bug with redrawing hidden nodes (refs #7562)

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

@@ -168 +168 @@
 	include() {
 		super.include();
 
+        this.vertexList.forEach(vertex => {
+            var notifyTimeline = new CustomEvent('imigerInclude', { detail: { entityID: vertex.id } });
+            document.dispatchEvent(notifyTimeline);
+        });
+
 		// set edges' ends
 		let inEdgeList = this.inEdgeList;
 		inEdgeList.forEach(edge => {

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

@@ -119 +119 @@
 
 		// add the vertex to the group
 		group.addVertex(this._vertex);
+        var notifyTimeline = new CustomEvent('imigerExclude', { detail: { entityID: this._vertex.id } });
+        document.dispatchEvent(notifyTimeline);
 
 		app.viewportComponent.contextMenuComponent.close();
 	}

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

@@ -81 +81 @@
         _continuous : null,
         _properties : null,
         _description : null,
+        _visible : true,
         /**
          * @author Michal Fiala
          * Array for subEntities
@@ -144 +145 @@
             return this._continuous;
         },
 
+        /**
+         * Checks whether the entity is visible or not.
+         * @returns {Boolean}
+         */
+        isVisible : function() {
+            return this._visible;
+        },
+
+        /**
+         * Set whether the entity is visible or not.
+         * @param isVisible {Boolean}
+         */
+        setVisibility : function(isVisible) {
+            this._visible = isVisible;
+        },
+
         /**
          * Returns property value if is available.
          * Otherwise returns null.

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

@@ -504 +504 @@
 
             _handleIMiGErExclude : function(e) {
                 var entity = this.getEntities().get(e.originalEvent.detail.entityID);
-                $('div[data-entity=' + entity.getId() + ']').hide();
+                entity.setVisibility(false);
+                this.redraw();
             },
 
             _handleIMiGErInclude : function(e) {
                 var entity = this.getEntities().get(e.originalEvent.detail.entityID);
-                $('div[data-entity=' + entity.getId() + ']').show();
+                entity.setVisibility(true);
+                this.redraw();
             },
 
             _handleIMiGErClick : function(e) {

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

@@ -184 +184 @@
         /** @see cz.kajda.timeline.render.AbstractItemRenderer#render */
         render : function(item) {
             var itemWrapper = $("<div>");
-            var element = item.getEntity().isContinuous() ? this._renderContinuous(item) : this._renderMoment(item);
-            element.addClass(this.DURATION_CLASS);
-            var titleEl = $("<div>")
+
+            if (item.getEntity().isVisible()) {
+                var element = item.getEntity().isContinuous() ? this._renderContinuous(item) : this._renderMoment(item);
+                element.addClass(this.DURATION_CLASS);
+                var titleEl = $("<div>")
                     .addClass(this.LABEL_CLASS)
                     .text(item.getEntity().getTitle());
-            
-            itemWrapper.append(element)
+
+                itemWrapper.append(element)
                     .append(titleEl);
-            
-            item.setLabelElement(titleEl);
-            item.setDurationElement(element);                
-            
+
+                item.setLabelElement(titleEl);
+                item.setDurationElement(element);
+            }
+
             return itemWrapper;
         },