1.7

Author: hikki

resources/assets/component.js

@@ -235,7 +235,9 @@ class ComponentCascadeDot {
             }
             return;
         }
-        data.parentNodes = parentNodes;
+        let parent = parentNodes.slice(0);
+        parent.pop();
+        data.parentNodes = parent;
         if (!Array.isArray(this.dimensional_data[dimension])) {
             this.dimensional_data[dimension] = [data];
         } else {
@@ -251,19 +253,44 @@ class ComponentCascadeDot {
     }
 
     select(element, stack) {
+        /*nodes*/
         let nodes = JSON.parse(element.getAttribute('data-nodes-id'));
         this.selectToChildren(stack + 1, nodes);
-
+        /*current stack*/
         let currentStackDocuments = this.STACKS[stack].childNodes;
-        let key = parseInt(element.getAttribute('data-id'));
+        let parentNode = JSON.parse(element.getAttribute('data-parent-nodes-id')).pop();
         currentStackDocuments.forEach((D, index) => {
             currentStackDocuments[index].classList.remove('dlp-label-active');
+            currentStackDocuments[index].classList.remove('dlp-label-silence');
+            let parents = JSON.parse(D.getAttribute('data-parent-nodes-id'));
+            if(parents[stack-1] != parentNode){
+                currentStackDocuments[index].classList.add('dlp-label-silence');
+            }
         });
         element.classList.add('dlp-label-active');
+        /*parent nodes*/
+        let parent_nodes = JSON.parse(element.getAttribute('data-parent-nodes-id'));
+        if(Array.isArray(parent_nodes)){
+            for (let stack in parent_nodes){
+                this.selectToParent(parent_nodes[stack],stack,parent_nodes[stack-1]);
+            }
+        }
     }
 
-    selectToParent(node) {
-
+    selectToParent(node,stack,parent_node) {
+        let currentStackDocuments = this.STACKS[stack].childNodes;
+        currentStackDocuments.forEach((D, index) => {
+            let parents = JSON.parse(D.getAttribute('data-parent-nodes-id'));
+            currentStackDocuments[index].classList.remove('dlp-label-silence');
+            if(parents.length>0 && (parents[stack-1] != parent_node)) {
+                currentStackDocuments[index].classList.add('dlp-label-silence');
+            }
+            currentStackDocuments[index].classList.remove('dlp-label-active');
+            if(node == parseInt(D.getAttribute('data-id'))){
+                currentStackDocuments[index].classList.add('dlp-label-active');
+                currentStackDocuments[index].classList.remove('dlp-label-silence');
+            }
+        });
     }
 
     selectToChildren(stack, nodes) {

test/index.html

@@ -26,12 +26,12 @@
 
     new ComponentCascadeDot('test4',{1:'a',2:'b',3:'c'},
         [{'key':1,'val':'a'},
-        {'key':2,'val':'b','nodes':[{'key':11,'val':'b1'},{'key':12,'val':'b2'},{'key':13,'val':'b3'},{'key':14,'val':'b4'}]},
-        {'key':3,'val':'c'},
+        {'key':2,'val':'b','nodes':[{'key':21,'val':'b1'},{'key':22,'val':'b2'},{'key':23,'val':'b3'},{'key':24,'val':'b4'}]},
+        {'key':3,'val':'c','nodes':[{'key':31,'val':'c1'},{'key':32,'val':'c2','nodes':[]}]},
         {'key':4,'val':'d','nodes':[]},
-        {'key':5,'val':'e','nodes':[{'key':21,'val':'e1'},{'key':22,'val':'e2'},{'key':23,'val':'e3'},{'key':24,'val':'e4'},{'key':25,'val':'e5'}
-                ,{'key':26,'val':'e6'},{'key':27,'val':'e7'},{'key':28,'val':'e8'},{'key':29,'val':'e9'},{'key':20,'val':'e0','nodes':[{'key':120,'val':'e00'},{'key':121,'val':'e01'}]}]},
-        {'key':6,'val':'f','nodes':[{'key':31,'val':'f1'},{'key':32,'val':'f2'}]}
+        {'key':5,'val':'e','nodes':[{'key':51,'val':'e1'},{'key':52,'val':'e2'},{'key':53,'val':'e3'},{'key':54,'val':'e4'},{'key':55,'val':'e5'}
+                ,{'key':56,'val':'e6'},{'key':57,'val':'e7'},{'key':58,'val':'e8'},{'key':59,'val':'e9'},{'key':60,'val':'e0','nodes':[{'key':120,'val':'e00'},{'key':121,'val':'e01'}]}]},
+        {'key':6,'val':'f','nodes':[{'key':61,'val':'f1'},{'key':62,'val':'f2'}]}
         ]);
 </script>
 </html>