riemann-dash 0.1.0 → 0.1.1

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.
@@ -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