-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.js
114 lines (101 loc) · 2.18 KB
/
app.js
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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
var Nodo = document.getElementById("Node");
var From = document.getElementById("From");
var To = document.getElementById("To");
var text = document.getElementById("Text");
var arrow = document.getElementById('Arrow');
var Content = document.getElementById("Red");
var nodes = new vis.DataSet();
var edges = new vis.DataSet();
var data = {
nodes: nodes,
edges: edges,
};
var options = {
physics: false,
nodes: {
shape: "hexagon",
size: 20,
color: {
border: "rgb(244, 88, 71)",
background: "rgb(29, 33, 41)",
highlight: "rgb(244, 88, 71)",
},
font: { size: 32, color: "rgb(244, 88, 71)" },
borderWidth: 2,
shadow: true,
},
edges: {
width: 2,
shadow: true,
},
};
var graph = new vis.Network(Content, data, options);
function Clear() {
Nodo.value = "";
From.value = "";
To.value = "";
text.value = "";
}
function addNode() {
if (graph.clustering.findNode(Nodo.value) == Nodo.value && Nodo.value != "") {
Swal.fire({
icon: "warning",
text: "Ese nodo ya existe.",
title: "Alert",
});
return false;
}
if (Nodo.value == "") {
Swal.fire({
icon: "warning",
text: "Debe llenar el espacio de nodo.",
title: "Alert",
});
return false;
}
nodes.add({
id: Nodo.value,
label: Nodo.value,
});
}
function addEdge() {
console.log(From.value + To.value);
if (From.value == "" || To.value == "") {
Swal.fire({
icon: "warning",
text: "Debe llenar al menos un espacio.",
title: "Alert",
});
return false;
}
console.log(arrow.value);
edges.add({
id: From.value + To.value,
from: From.value,
to: To.value,
label: text.value,
arrows: arrow.value
});
}
function Delete() {
if (Nodo.value == "") {
Swal.fire({
icon: "warning",
text: "Debe llenar el espacio del nodo.",
title: "Alert",
});
return false;
}
nodes.remove(Nodo.value);
}
function disconnect() {
if (From.value == "" && To.value == "") {
Swal.fire({
icon: "warning",
text: "Debe rellenar desde donde se desconecta.",
title: "Alerta",
});
return false;
}
edges.remove({ id: From.value + To.value });
}