flight-control-tower 0.1.1 → 0.2.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/views/control_tower.erb +15 -7
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 6b4ba6281daf5bd7bbe6e9eb13df7615e02a613b
|
|
4
|
+
data.tar.gz: b7d1327f574daaf3f5e829b6659fe4688aaea7dd
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: da443247ca90a304191b7c432aee64d7d0ff00687276ac43f14250fbef546880dc260f3c4263a65b16d3c1e63bb2d380d56ab3a6fd9de3576cac046dd659595c
|
|
7
|
+
data.tar.gz: 5eb71c4fade8623eb5c154a1b73be822e7d3855a5929fb1b7565970775f19fe6d25b068da6b1cd25738b6ad3a8ae0bfe0f85235fdb515362ccae9163dc4c1d84
|
data/lib/views/control_tower.erb
CHANGED
|
@@ -38,10 +38,16 @@ text {
|
|
|
38
38
|
text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
+
#container {
|
|
42
|
+
height: 800px;
|
|
43
|
+
overflow-y: scroll;
|
|
44
|
+
}
|
|
45
|
+
|
|
41
46
|
</style>
|
|
42
47
|
</head>
|
|
43
48
|
|
|
44
49
|
<body>
|
|
50
|
+
<div id="container"></div>
|
|
45
51
|
<script>
|
|
46
52
|
var callMap = <%= @graph %>;
|
|
47
53
|
var nodes = {};
|
|
@@ -67,20 +73,20 @@ callMap.forEach(function(call) {
|
|
|
67
73
|
});
|
|
68
74
|
});
|
|
69
75
|
|
|
70
|
-
var width =
|
|
71
|
-
height =
|
|
76
|
+
var width = 1200,
|
|
77
|
+
height = 1000;
|
|
72
78
|
|
|
73
79
|
var force = d3.layout.force()
|
|
74
80
|
.nodes(d3.values(nodes))
|
|
75
81
|
.links(links)
|
|
76
82
|
.size([width, height])
|
|
77
|
-
.linkDistance(
|
|
78
|
-
.linkStrength(0.
|
|
79
|
-
.charge(-
|
|
83
|
+
.linkDistance(200)
|
|
84
|
+
.linkStrength(0.05)
|
|
85
|
+
.charge(-700)
|
|
80
86
|
.on("tick", tick)
|
|
81
87
|
.start();
|
|
82
88
|
|
|
83
|
-
var svg = d3.select("
|
|
89
|
+
var svg = d3.select("#container").append("svg")
|
|
84
90
|
.attr("width", width)
|
|
85
91
|
.attr("height", height);
|
|
86
92
|
|
|
@@ -107,7 +113,7 @@ var path = svg.append("g").selectAll("path")
|
|
|
107
113
|
var circle = svg.append("g").selectAll("circle")
|
|
108
114
|
.data(force.nodes())
|
|
109
115
|
.enter().append("circle")
|
|
110
|
-
.attr("r",
|
|
116
|
+
.attr("r", 8)
|
|
111
117
|
.attr('class', function(d) { return d.type; })
|
|
112
118
|
.call(force.drag);
|
|
113
119
|
|
|
@@ -117,6 +123,7 @@ var text = svg.append("g").selectAll("text.component")
|
|
|
117
123
|
.attr("x", 8)
|
|
118
124
|
.attr("y", ".31em")
|
|
119
125
|
.attr("class", "component")
|
|
126
|
+
.style("font-size","13px")
|
|
120
127
|
.text(function(d) { return d.name; });
|
|
121
128
|
|
|
122
129
|
// Use elliptical arc path segments to doubly-encode directionality.
|
|
@@ -141,3 +148,4 @@ function transform(d) {
|
|
|
141
148
|
|
|
142
149
|
</html>
|
|
143
150
|
|
|
151
|
+
|