1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
|
$('.colorpicker').click(function(){Colorize();});
var chosencolor;
function Colorize(){
$('.colorpicker').html("<table><tr><td class='td1'>person</td></tr><tr><td class='td2'>project</td></tr><tr><td class='td3'>question</td></tr><tr><td class='td4'>idea</td></tr></table>");
$('.td1').css('background-color',customColor("person"));
$('.td2').css('background-color',customColor("project"));
$('.td3').css('background-color',customColor("skill"));
$('.td4').css('background-color',customColor("deliverable"));
$('.td5').css('background-color',customColor("objective"));
$('.td1').click(function(){chosencolor="person"});
$('.td2').click(function(){chosencolor="project"});
$('.td3').click(function(){chosencolor="skill"});
$('.td4').click(function(){chosencolor="deliverable"});
$('.td5').click(function(){chosencolor="objective"});
}
$('.tutorial').click(function(){});
var key="#47989379";
$('.save').click(function(){
var jsonsave='{"nodes":[';
console.log(nodes);
for(var i=0;i<nodes.length;i++){
var node=nodes[i];
jsonsave+='{"id":"'+node.id+'","type":"'+node.type+'","state":"'+"perm"+'","start":"'+node.start+'","end":"'+node.end+'"}';
if(i!==nodes.length-1)jsonsave+=',';
}
jsonsave+='],"links":[';
for(var j=0;j<links.length;j++){
var link=links[j];
jsonsave+='{"source":"'+link.source.id+'","target":"'+link.target.id+'","name":"'+link.name+'"}';
if(j!==links.length-1)jsonsave+=",";
}
jsonsave+=']}';
console.log(jsonsave);
localStorage.setItem(key, JSON.stringify(jsonsave));
});
$('.load').click(function(){
var data = JSON.parse(JSON.parse(localStorage.getItem(key)));
console.log(data);
for(var i=0; i<data["nodes"].length; i++){
var node=data.nodes[i];
console.log(data.nodes[i].id);
graph.addNodeComplete(node.id,node.type,"perm",node.start,node.end);
}
for(var j=0; j<data["links"].length; j++){
var node=data.links[j];
console.log(data.links[j].name);
graph.addLink(fetchNode(link.source),fetchNode(link.target),link.name);
}
});
$('.deliverabletest').click(function(){
deliverableTest();
});
function fetchNode(id){
for( x in nodes){
if(x.id===id){
console.log("found");
return x;
}
}
return null;
}
|
