Nextrek
Diff Revisions
750
vs
751
for /legal-map/js/tree.js
|
@@ -1,4 +1,5 @@ |
1 |
|
- |
function openNode(node, level) { |
|
1 |
+ |
function openNode(clicked, level) { |
|
2 |
+ |
var node = clicked.parent().parent(); |
2 |
3 |
|
function ajaxResOpenNode(data) { |
3 |
4 |
|
var nodes = data.nodes; |
4 |
5 |
|
|
|
@@ -21,7 +22,15 @@ |
21 |
22 |
|
htmlToAppend += 'class="level-node-'+nodes[i].level+' '; |
22 |
23 |
|
htmlToAppend += (i==nodes.length-1) ? 'last-node ' : ""; |
23 |
24 |
|
htmlToAppend += 'cat-node-'+node.attr("cat")+'">'; |
24 |
|
- |
htmlToAppend += "<div class='node-container'>"+nodes[i].ramodescrizione+"</div>"; |
|
25 |
+ |
|
|
26 |
+ |
if (level==3 || level==4) { |
|
27 |
+ |
htmlToAppend += "<div class='node-container child-node'><div class='light-close-button close-button'></div><div class='node-text'>"+nodes[i].ramodescrizione+"</div></div>"; |
|
28 |
+ |
} else if (level>4) { |
|
29 |
+ |
htmlToAppend += "<div class='node-container child-node'><div class='dark-close-button close-button'></div><div class='node-text'>"+nodes[i].ramodescrizione+"</div></div>"; |
|
30 |
+ |
} else { |
|
31 |
+ |
htmlToAppend += "<div class='node-container child-node'><div class='node-text'>"+nodes[i].ramodescrizione+"</div></div>"; |
|
32 |
+ |
} |
|
33 |
+ |
|
25 |
34 |
|
htmlToAppend += (!nodes[i].is_leaf) ? "<ul id='list-id-"+nodes[i].id+"' class='level-list-"+(level+1)+"' style='display:none;'></ul></li>" : ""; |
26 |
35 |
|
|
27 |
36 |
|
//node.parent().append(htmlToAppend); |
|
@@ -30,10 +39,17 @@ |
30 |
39 |
|
} |
31 |
40 |
|
|
32 |
41 |
|
$("#list-id-"+node.attr("node-id")).show(); |
|
42 |
+ |
node.find(".close-button").show(); |
|
43 |
+ |
$("#list-id-"+node.attr("node-id")+" .close-button").hide(); |
33 |
44 |
|
|
34 |
|
- |
node.parent().find(".level-node-"+level+"[leaf='0']").click(function() { |
|
45 |
+ |
node.parent().find(".level-node-"+level+"[leaf='0'] .node-container .node-text").click(function() { |
35 |
46 |
|
openNode($(this), level+1); |
36 |
47 |
|
}); |
|
48 |
+ |
|
|
49 |
+ |
$("#list-id-"+node.attr("node-id")+" .close-button").click(function() { |
|
50 |
+ |
$(this).parent().parent().find("ul").hide(); |
|
51 |
+ |
$(this).hide(); |
|
52 |
+ |
}) |
37 |
53 |
|
} |
38 |
54 |
|
|
39 |
55 |
|
if ($("#list-id-"+node.attr("node-id")+" li").length>0) { //nodi già presenti |
|
@@ -76,13 +92,13 @@ |
76 |
92 |
|
htmlToAppend += 'cat="'+(i+1)+'" '; |
77 |
93 |
|
htmlToAppend += 'leaf="'+((nodes[i].is_leaf) ? 1 : 0)+'" '; |
78 |
94 |
|
htmlToAppend += 'class="level-node-1 cat-node-'+(i+1)+'">'; |
79 |
|
- |
htmlToAppend += nodes[i].ramodescrizione+"</li>"; |
|
95 |
+ |
htmlToAppend += "<div class='node-container'><div class='node-text'>"+nodes[i].ramodescrizione+"</div></div>"+"</li>"; |
80 |
96 |
|
htmlToAppend += (!nodes[i].is_leaf) ? "<ul id='list-id-"+nodes[i].id+"' class='level-list-2' style='display:none;'></ul>" : ""; |
81 |
97 |
|
|
82 |
98 |
|
$("#treeContainer").append(htmlToAppend); |
83 |
99 |
|
} |
84 |
100 |
|
|
85 |
|
- |
$("#treeContainer .level-node-1").click(function() { |
|
101 |
+ |
$("#treeContainer .level-node-1 .node-container .node-text").click(function() { |
86 |
102 |
|
openNode($(this), 2); |
87 |
103 |
|
}); |
88 |
104 |
|
} |