riemann-dash 0.1.0 → 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -8,10 +8,21 @@ $amber: #FFC712;
8
8
  $light-blue: #2CCCFE;
9
9
  $blue: #2C55FF;
10
10
  $dark-grey: #1F1F1F;
11
+ $grey: #777;
11
12
  $green: #06FA23;
12
13
  $yellow: #FEF206;
13
14
 
15
+ html {
16
+ height: 100%;
17
+ margin: 0;
18
+ padding: 0;
19
+ }
20
+
14
21
  body {
22
+ overflow: hidden;
23
+ height: 100%;
24
+ margin: 0;
25
+ padding: 0;
15
26
  background: #000;
16
27
  color: #fff;
17
28
  }
@@ -28,6 +39,91 @@ h2 {
28
39
  margin-bottom: 0.1em;
29
40
  }
30
41
 
42
+ #toolbar {
43
+ width: 100%;
44
+ height: 28px;
45
+ overflow: hidden;
46
+ position: absolute;
47
+ font-size: 12px;
48
+
49
+ input {
50
+ background: $dark-grey;
51
+ color: #fff;
52
+ border: 1px solid $grey;
53
+ margin: 3px;
54
+ padding: 3px 6px;
55
+ }
56
+
57
+ .server {
58
+ float: right;
59
+ }
60
+
61
+ .load {
62
+ position: relative;
63
+ margin: 3px;
64
+ float: right;
65
+ border: 1px solid $grey;
66
+ width: 100px;
67
+ padding: 3px 6px;
68
+ span {
69
+ z-index: -1;
70
+ }
71
+ .bar {
72
+ background: rgba(255,255,255,0.25);
73
+ width: 1%;
74
+ }
75
+ }
76
+
77
+ .button {
78
+ display: inline-block;
79
+ margin: 3px;
80
+ padding: 3px 6px;
81
+ border: 1px solid $grey;
82
+ color: #fff;
83
+ background: $dark-grey;
84
+ cursor: pointer;
85
+ }
86
+
87
+ .pager {
88
+ margin: 0;
89
+ padding: 0;
90
+ float: left;
91
+
92
+ ol {
93
+ display: inline-block;
94
+ list-style-type: none;
95
+ margin: 0;
96
+ padding: 0;
97
+ }
98
+
99
+ li {
100
+ .delete {
101
+ display: none;
102
+ }
103
+ }
104
+
105
+ li:hover {
106
+ background: $grey;
107
+ }
108
+
109
+ li.current {
110
+ border-color: white;
111
+
112
+ .delete {
113
+ display: inline;
114
+ margin-left: 10px;
115
+ }
116
+ }
117
+ }
118
+ }
119
+
120
+ #view {
121
+ width: 100%;
122
+ position: absolute;
123
+ top: 28px;
124
+ bottom: 0px;
125
+ }
126
+
31
127
  .box {
32
128
  position: absolute;
33
129
  height: auto;
@@ -42,6 +138,15 @@ h2 {
42
138
  border-radius: 3px;
43
139
  }
44
140
 
141
+ .bar {
142
+ position: absolute;
143
+ left: 0;
144
+ top: 0;
145
+ bottom: 0;
146
+ height: 100%;
147
+ background: rgba(0, 0, 0, 0.3);
148
+ }
149
+
45
150
  .state.ok, .bar.ok {
46
151
  background: $green;
47
152
  color: #000;
@@ -175,6 +280,11 @@ h2 {
175
280
  text-align: right;
176
281
  }
177
282
 
283
+ .metric {
284
+ font-weight: bolder;
285
+ text-align: right;
286
+ }
287
+
178
288
  .gauge {
179
289
  .title {
180
290
  position: absolute;
@@ -193,10 +303,49 @@ h2 {
193
303
  width: 100%;
194
304
  text-align: right;
195
305
  }
306
+ }
196
307
 
197
- .metric {
198
- font-weight: bolder;
308
+ .grid {
309
+ .title {
310
+ height: 32px;
311
+ font-size: 24px;
199
312
  text-align: right;
200
313
  }
201
- }
202
314
 
315
+ table {
316
+ position: absolute;
317
+ width: 100%;
318
+ border-spacing: 3px;
319
+
320
+ tr > *:first-child {
321
+ width: 1px;
322
+ }
323
+
324
+ th {
325
+ font-weight: normal;
326
+ vertical-align: top;
327
+ text-align: right;
328
+ padding: 0 3px;
329
+ }
330
+
331
+ thead {
332
+ margin: 0;
333
+ padding: 0;
334
+
335
+ tr {
336
+ padding: 0;
337
+ }
338
+
339
+ th {
340
+ margin: 0;
341
+ vertical-align: bottom;
342
+ }
343
+ }
344
+
345
+ .box {
346
+ position: relative;
347
+ vertical-align: top;
348
+ text-align: right;
349
+ }
350
+ }
351
+ }
@@ -7,27 +7,32 @@
7
7
 
8
8
  </head>
9
9
  <body>
10
- <div id="chart" class="view">
11
- </div>
10
+ <div id="toolbar"></div>
11
+ <div id="view"></div>
12
12
 
13
+ <script type="text/javascript" src="/underscore-min.js"></script>
13
14
  <script type="text/javascript" src="/jquery-1.7.2.min.js"></script>
15
+ <script type="text/javascript" src="/jquery-ui-1.9.0.custom.min.js"></script>
14
16
  <script type="text/javascript" src="/jquery.json-2.2.min.js"></script>
15
17
  <script type="text/javascript" src="/jquery.simplemodal.1.4.3.min.js"></script>
16
18
  <script type="text/javascript" src="/jquery.quickfit.js"></script>
19
+ <script type="text/javascript" src="/util.js"></script>
17
20
  <script type="text/javascript" src="/mustache.js"></script>
18
21
  <script src="http://d3js.org/d3.v2.js"></script>
22
+ <script type="text/javascript" src="/profile.js"></script>
19
23
  <script type="text/javascript" src="/clock.js"></script>
20
24
  <script type="text/javascript" src="/persistence.js"></script>
21
25
  <script type="text/javascript" src="/keys.js"></script>
22
26
  <script type="text/javascript" src="/subs.js"></script>
23
27
  <script type="text/javascript" src="/format.js"></script>
28
+ <script type="text/javascript" src="/toolbar.js"></script>
24
29
  <script type="text/javascript" src="/view.js"></script>
25
- <script type="text/javascript" src="/title.js"></script>
26
- <script type="text/javascript" src="/help.js"></script>
27
- <script type="text/javascript" src="/gauge.js"></script>
30
+ <script type="text/javascript" src="/views/title.js"></script>
31
+ <script type="text/javascript" src="/views/help.js"></script>
32
+ <script type="text/javascript" src="/views/gauge.js"></script>
33
+ <script type="text/javascript" src="/views/grid.js"></script>
28
34
  <script type="text/javascript" src="/dash.js"></script>
29
35
 
30
-
31
36
  <script type="text/javascript">
32
37
  function logTable(container, query) {
33
38
  var $container = $(container);
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: riemann-dash
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0
4
+ version: 0.1.1
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2012-10-06 00:00:00.000000000 Z
12
+ date: 2012-10-18 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: riemann-client
@@ -91,6 +91,22 @@ dependencies:
91
91
  - - ! '>='
92
92
  - !ruby/object:Gem::Version
93
93
  version: 1.3.1
94
+ - !ruby/object:Gem::Dependency
95
+ name: multi_json
96
+ requirement: !ruby/object:Gem::Requirement
97
+ none: false
98
+ requirements:
99
+ - - '='
100
+ - !ruby/object:Gem::Version
101
+ version: 1.3.6
102
+ type: :runtime
103
+ prerelease: false
104
+ version_requirements: !ruby/object:Gem::Requirement
105
+ none: false
106
+ requirements:
107
+ - - '='
108
+ - !ruby/object:Gem::Version
109
+ version: 1.3.6
94
110
  description:
95
111
  email: aphyr@aphyr.com
96
112
  executables:
@@ -100,20 +116,26 @@ extra_rdoc_files: []
100
116
  files:
101
117
  - lib/riemann/dash.rb
102
118
  - lib/riemann/dash/version.rb
103
- - lib/riemann/dash/public/help.js
104
119
  - lib/riemann/dash/public/keys.js
120
+ - lib/riemann/dash/public/jquery-ui-1.9.0.custom.min.js
121
+ - lib/riemann/dash/public/toolbar.js
105
122
  - lib/riemann/dash/public/subs.js
106
- - lib/riemann/dash/public/title.js
123
+ - lib/riemann/dash/public/underscore-min.js
107
124
  - lib/riemann/dash/public/jquery-1.7.2.min.js
108
125
  - lib/riemann/dash/public/x.png
109
126
  - lib/riemann/dash/public/jquery.quickfit.js
110
127
  - lib/riemann/dash/public/view.js
128
+ - lib/riemann/dash/public/views/help.js
129
+ - lib/riemann/dash/public/views/title.js
130
+ - lib/riemann/dash/public/views/grid.js
131
+ - lib/riemann/dash/public/views/gauge.js
111
132
  - lib/riemann/dash/public/jquery.simplemodal.1.4.3.min.js
112
133
  - lib/riemann/dash/public/dash.js
113
- - lib/riemann/dash/public/gauge.js
114
134
  - lib/riemann/dash/public/format.js
135
+ - lib/riemann/dash/public/profile.js
115
136
  - lib/riemann/dash/public/mustache.js
116
137
  - lib/riemann/dash/public/persistence.js
138
+ - lib/riemann/dash/public/util.js
117
139
  - lib/riemann/dash/public/clock.js
118
140
  - lib/riemann/dash/public/jquery.json-2.2.min.js
119
141
  - lib/riemann/dash/controller/css.rb