flight-control-tower 0.1.1 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|
+
|