flammarion 0.0.5 → 0.0.6
Sign up to get free protection for your applications and to get access to all the features.
- data/lib/flammarion/version.rb +1 -1
- data/lib/flammarion/writeable.rb +1 -0
- data/lib/html/build/index.html +1 -1
- data/lib/html/build/javascripts/actions.js +19 -2
- data/lib/html/build/javascripts/all.js +19 -2
- data/lib/html/build/javascripts/map.js +19 -2
- data/lib/html/build/javascripts/status.js +19 -2
- data/lib/html/build/javascripts/websocket.js +19 -2
- data/lib/html/build/stylesheets/all.css +74 -48
- data/lib/html/build/stylesheets/dialog.css +31 -0
- data/lib/html/build/stylesheets/frontend.css +2 -45
- data/lib/html/build/stylesheets/mixins.css +0 -0
- data/lib/html/build/stylesheets/scrollbar.css +3 -3
- data/lib/html/build/stylesheets/status.css +38 -0
- data/lib/html/source/index.html.slim +1 -1
- data/lib/html/source/javascripts/status.coffee +8 -2
- data/lib/html/source/stylesheets/dialog.styl +21 -0
- data/lib/html/source/stylesheets/frontend.styl +2 -41
- data/lib/html/source/stylesheets/mixins.styl +7 -0
- data/lib/html/source/stylesheets/scrollbar.styl +3 -3
- data/lib/html/source/stylesheets/status.styl +33 -0
- metadata +8 -1
data/lib/flammarion/version.rb
CHANGED
data/lib/flammarion/writeable.rb
CHANGED
data/lib/html/build/index.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta content="text/html; charset=UTF-8" http-equiv="content-type" /><meta charset="utf-8" /><meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" /><meta content="width=device-width, initial-scale=1.0" name="viewport" /><title>Flammarion</title><link href="stylesheets/all.css" rel="stylesheet" type="text/css" /><script src="javascripts/all.js" type="text/javascript"></script><script>hljs.initHighlightingOnLoad();</script></head><body><div class="hidden" id="toolbar"><a class="tool-button" href="#">Open</a><a class="tool-button" href="#">Save</a></div><div id="panes"><pre class="pane" id="console-default" style="height:100%"></pre></div><div class="hidden" id="dialog"><pre id="message">Hi World</pre><a class="full-button" href="#">Ok</a></div><div id="status"><div class="left"></div><div class="center"></div><div class="right"></div></div></body></html>
|
|
1
|
+
<!DOCTYPE html><html><head><meta content="text/html; charset=UTF-8" http-equiv="content-type" /><meta charset="utf-8" /><meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" /><meta content="width=device-width, initial-scale=1.0" name="viewport" /><title>Flammarion</title><link href="stylesheets/all.css" rel="stylesheet" type="text/css" /><script src="javascripts/all.js" type="text/javascript"></script><script>hljs.initHighlightingOnLoad();</script></head><body><div class="hidden" id="toolbar"><a class="tool-button" href="#">Open</a><a class="tool-button" href="#">Save</a></div><div id="panes"><pre class="pane" id="console-default" style="height:100%"></pre></div><div class="hidden" id="dialog"><pre id="message">Hi World</pre><a class="full-button" href="#" id="ok">Ok</a></div><div id="status"><div class="left"></div><div class="center"></div><div class="right"></div></div></body></html>
|
|
@@ -26,11 +26,28 @@ void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=n.find.attr(a,b),null==e?voi
|
|
|
26
26
|
|
|
27
27
|
StatusDisplay.prototype.show_status = function(data) {
|
|
28
28
|
this.target.html(this.ws.escape(data.text, data));
|
|
29
|
-
|
|
29
|
+
this.status_history.push(data);
|
|
30
|
+
return console.log(this.status_history);
|
|
30
31
|
};
|
|
31
32
|
|
|
32
33
|
StatusDisplay.prototype.show_history = function() {
|
|
33
|
-
|
|
34
|
+
var item, message;
|
|
35
|
+
console.log(this.status_history);
|
|
36
|
+
message = "<ul>" + (((function() {
|
|
37
|
+
var i, len, ref, results;
|
|
38
|
+
ref = this.status_history;
|
|
39
|
+
results = [];
|
|
40
|
+
for (i = 0, len = ref.length; i < len; i++) {
|
|
41
|
+
item = ref[i];
|
|
42
|
+
results.push("<li>" + (this.ws.escape(item.text, item)) + "</li>");
|
|
43
|
+
}
|
|
44
|
+
return results;
|
|
45
|
+
}).call(this)).join("\n")) + "</ul>";
|
|
46
|
+
$('#dialog > #message').html(message);
|
|
47
|
+
$('#dialog').show();
|
|
48
|
+
return $('#dialog > #ok').click(function() {
|
|
49
|
+
return $('#dialog').hide();
|
|
50
|
+
});
|
|
34
51
|
};
|
|
35
52
|
|
|
36
53
|
return StatusDisplay;
|
|
@@ -6647,11 +6647,28 @@ if (typeof module !== 'undefined') {
|
|
|
6647
6647
|
|
|
6648
6648
|
StatusDisplay.prototype.show_status = function(data) {
|
|
6649
6649
|
this.target.html(this.ws.escape(data.text, data));
|
|
6650
|
-
|
|
6650
|
+
this.status_history.push(data);
|
|
6651
|
+
return console.log(this.status_history);
|
|
6651
6652
|
};
|
|
6652
6653
|
|
|
6653
6654
|
StatusDisplay.prototype.show_history = function() {
|
|
6654
|
-
|
|
6655
|
+
var item, message;
|
|
6656
|
+
console.log(this.status_history);
|
|
6657
|
+
message = "<ul>" + (((function() {
|
|
6658
|
+
var i, len, ref, results;
|
|
6659
|
+
ref = this.status_history;
|
|
6660
|
+
results = [];
|
|
6661
|
+
for (i = 0, len = ref.length; i < len; i++) {
|
|
6662
|
+
item = ref[i];
|
|
6663
|
+
results.push("<li>" + (this.ws.escape(item.text, item)) + "</li>");
|
|
6664
|
+
}
|
|
6665
|
+
return results;
|
|
6666
|
+
}).call(this)).join("\n")) + "</ul>";
|
|
6667
|
+
$('#dialog > #message').html(message);
|
|
6668
|
+
$('#dialog').show();
|
|
6669
|
+
return $('#dialog > #ok').click(function() {
|
|
6670
|
+
return $('#dialog').hide();
|
|
6671
|
+
});
|
|
6655
6672
|
};
|
|
6656
6673
|
|
|
6657
6674
|
return StatusDisplay;
|
|
@@ -26,11 +26,28 @@ void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=n.find.attr(a,b),null==e?voi
|
|
|
26
26
|
|
|
27
27
|
StatusDisplay.prototype.show_status = function(data) {
|
|
28
28
|
this.target.html(this.ws.escape(data.text, data));
|
|
29
|
-
|
|
29
|
+
this.status_history.push(data);
|
|
30
|
+
return console.log(this.status_history);
|
|
30
31
|
};
|
|
31
32
|
|
|
32
33
|
StatusDisplay.prototype.show_history = function() {
|
|
33
|
-
|
|
34
|
+
var item, message;
|
|
35
|
+
console.log(this.status_history);
|
|
36
|
+
message = "<ul>" + (((function() {
|
|
37
|
+
var i, len, ref, results;
|
|
38
|
+
ref = this.status_history;
|
|
39
|
+
results = [];
|
|
40
|
+
for (i = 0, len = ref.length; i < len; i++) {
|
|
41
|
+
item = ref[i];
|
|
42
|
+
results.push("<li>" + (this.ws.escape(item.text, item)) + "</li>");
|
|
43
|
+
}
|
|
44
|
+
return results;
|
|
45
|
+
}).call(this)).join("\n")) + "</ul>";
|
|
46
|
+
$('#dialog > #message').html(message);
|
|
47
|
+
$('#dialog').show();
|
|
48
|
+
return $('#dialog > #ok').click(function() {
|
|
49
|
+
return $('#dialog').hide();
|
|
50
|
+
});
|
|
34
51
|
};
|
|
35
52
|
|
|
36
53
|
return StatusDisplay;
|
|
@@ -21,11 +21,28 @@
|
|
|
21
21
|
|
|
22
22
|
StatusDisplay.prototype.show_status = function(data) {
|
|
23
23
|
this.target.html(this.ws.escape(data.text, data));
|
|
24
|
-
|
|
24
|
+
this.status_history.push(data);
|
|
25
|
+
return console.log(this.status_history);
|
|
25
26
|
};
|
|
26
27
|
|
|
27
28
|
StatusDisplay.prototype.show_history = function() {
|
|
28
|
-
|
|
29
|
+
var item, message;
|
|
30
|
+
console.log(this.status_history);
|
|
31
|
+
message = "<ul>" + (((function() {
|
|
32
|
+
var i, len, ref, results;
|
|
33
|
+
ref = this.status_history;
|
|
34
|
+
results = [];
|
|
35
|
+
for (i = 0, len = ref.length; i < len; i++) {
|
|
36
|
+
item = ref[i];
|
|
37
|
+
results.push("<li>" + (this.ws.escape(item.text, item)) + "</li>");
|
|
38
|
+
}
|
|
39
|
+
return results;
|
|
40
|
+
}).call(this)).join("\n")) + "</ul>";
|
|
41
|
+
$('#dialog > #message').html(message);
|
|
42
|
+
$('#dialog').show();
|
|
43
|
+
return $('#dialog > #ok').click(function() {
|
|
44
|
+
return $('#dialog').hide();
|
|
45
|
+
});
|
|
29
46
|
};
|
|
30
47
|
|
|
31
48
|
return StatusDisplay;
|
|
@@ -26,11 +26,28 @@ void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=n.find.attr(a,b),null==e?voi
|
|
|
26
26
|
|
|
27
27
|
StatusDisplay.prototype.show_status = function(data) {
|
|
28
28
|
this.target.html(this.ws.escape(data.text, data));
|
|
29
|
-
|
|
29
|
+
this.status_history.push(data);
|
|
30
|
+
return console.log(this.status_history);
|
|
30
31
|
};
|
|
31
32
|
|
|
32
33
|
StatusDisplay.prototype.show_history = function() {
|
|
33
|
-
|
|
34
|
+
var item, message;
|
|
35
|
+
console.log(this.status_history);
|
|
36
|
+
message = "<ul>" + (((function() {
|
|
37
|
+
var i, len, ref, results;
|
|
38
|
+
ref = this.status_history;
|
|
39
|
+
results = [];
|
|
40
|
+
for (i = 0, len = ref.length; i < len; i++) {
|
|
41
|
+
item = ref[i];
|
|
42
|
+
results.push("<li>" + (this.ws.escape(item.text, item)) + "</li>");
|
|
43
|
+
}
|
|
44
|
+
return results;
|
|
45
|
+
}).call(this)).join("\n")) + "</ul>";
|
|
46
|
+
$('#dialog > #message').html(message);
|
|
47
|
+
$('#dialog').show();
|
|
48
|
+
return $('#dialog > #ok').click(function() {
|
|
49
|
+
return $('#dialog').hide();
|
|
50
|
+
});
|
|
34
51
|
};
|
|
35
52
|
|
|
36
53
|
return StatusDisplay;
|
|
@@ -362,6 +362,37 @@ input:focus::-webkit-input-placeholder {
|
|
|
362
362
|
margin-top: 0.1em;
|
|
363
363
|
margin-bottom: -0.1em;
|
|
364
364
|
}
|
|
365
|
+
#dialog {
|
|
366
|
+
position: absolute;
|
|
367
|
+
top: 10%;
|
|
368
|
+
left: 10%;
|
|
369
|
+
width: 70%;
|
|
370
|
+
height: 70%;
|
|
371
|
+
padding: 1em;
|
|
372
|
+
background-color: #0e0013;
|
|
373
|
+
border: 1px solid #a7a7a7;
|
|
374
|
+
-webkit-touch-callout: none;
|
|
375
|
+
-webkit-user-select: none;
|
|
376
|
+
-khtml-user-select: none;
|
|
377
|
+
-moz-user-select: none;
|
|
378
|
+
-ms-user-select: none;
|
|
379
|
+
user-select: none;
|
|
380
|
+
}
|
|
381
|
+
#dialog > #message {
|
|
382
|
+
-webkit-touch-callout: all;
|
|
383
|
+
-webkit-user-select: all;
|
|
384
|
+
-khtml-user-select: all;
|
|
385
|
+
-moz-user-select: all;
|
|
386
|
+
-ms-user-select: all;
|
|
387
|
+
user-select: all;
|
|
388
|
+
margin: 0;
|
|
389
|
+
height: calc(100% - 3em);
|
|
390
|
+
word-wrap: normal;
|
|
391
|
+
overflow: auto;
|
|
392
|
+
}
|
|
393
|
+
#dialog > .full-button {
|
|
394
|
+
height: 1em;
|
|
395
|
+
}
|
|
365
396
|
|
|
366
397
|
body {
|
|
367
398
|
background-color: #120018;
|
|
@@ -371,6 +402,7 @@ body {
|
|
|
371
402
|
height: 100%;
|
|
372
403
|
width: 100%;
|
|
373
404
|
overflow: hidden;
|
|
405
|
+
user-select: none;
|
|
374
406
|
}
|
|
375
407
|
html {
|
|
376
408
|
padding: 0px;
|
|
@@ -391,33 +423,6 @@ p a:hover {
|
|
|
391
423
|
.hidden {
|
|
392
424
|
display: none;
|
|
393
425
|
}
|
|
394
|
-
#status {
|
|
395
|
-
background-color: #000;
|
|
396
|
-
margin: 0px;
|
|
397
|
-
padding: 5px;
|
|
398
|
-
padding-bottom: 10px;
|
|
399
|
-
font-family: Monospace;
|
|
400
|
-
height: 2%;
|
|
401
|
-
}
|
|
402
|
-
#status:before {
|
|
403
|
-
color: #781111;
|
|
404
|
-
content: "Detached";
|
|
405
|
-
}
|
|
406
|
-
#status > .left {
|
|
407
|
-
float: left;
|
|
408
|
-
}
|
|
409
|
-
#status > .right {
|
|
410
|
-
float: right;
|
|
411
|
-
}
|
|
412
|
-
#status > .center {
|
|
413
|
-
display: none;
|
|
414
|
-
}
|
|
415
|
-
.connected #status:before {
|
|
416
|
-
color: #378137;
|
|
417
|
-
content: "Attached";
|
|
418
|
-
margin-right: 2em;
|
|
419
|
-
float: left;
|
|
420
|
-
}
|
|
421
426
|
.pane {
|
|
422
427
|
margin: 0px;
|
|
423
428
|
overflow: auto;
|
|
@@ -438,7 +443,7 @@ p a:hover {
|
|
|
438
443
|
width: 100%;
|
|
439
444
|
box-sizing: border-box;
|
|
440
445
|
}
|
|
441
|
-
.horizontal .pane {
|
|
446
|
+
.horizontal > .pane {
|
|
442
447
|
height: 100%;
|
|
443
448
|
float: left;
|
|
444
449
|
}
|
|
@@ -465,23 +470,6 @@ p a:hover {
|
|
|
465
470
|
.hljs {
|
|
466
471
|
background-color: #120018;
|
|
467
472
|
}
|
|
468
|
-
#dialog {
|
|
469
|
-
position: absolute;
|
|
470
|
-
top: 10%;
|
|
471
|
-
left: 10%;
|
|
472
|
-
width: 70%;
|
|
473
|
-
height: 70%;
|
|
474
|
-
padding: 1em;
|
|
475
|
-
background-color: #0e0013;
|
|
476
|
-
border: 1px solid #a7a7a7;
|
|
477
|
-
}
|
|
478
|
-
#dialog > #message {
|
|
479
|
-
margin: 0;
|
|
480
|
-
height: calc(100% - 3em);
|
|
481
|
-
}
|
|
482
|
-
#dialog > .full-button {
|
|
483
|
-
height: 1em;
|
|
484
|
-
}
|
|
485
473
|
/* required styles */
|
|
486
474
|
|
|
487
475
|
|
|
@@ -968,10 +956,10 @@ p a:hover {
|
|
|
968
956
|
margin: auto;
|
|
969
957
|
}
|
|
970
958
|
::-webkit-scrollbar {
|
|
971
|
-
width: 0.
|
|
972
|
-
height: 0.
|
|
959
|
+
width: 0.666em;
|
|
960
|
+
height: 0.666em;
|
|
973
961
|
}
|
|
974
|
-
|
|
962
|
+
::-webkit-scrollbar:hover {
|
|
975
963
|
width: 1.5em;
|
|
976
964
|
height: 1.5em;
|
|
977
965
|
}
|
|
@@ -981,6 +969,44 @@ body:hover::-webkit-scrollbar {
|
|
|
981
969
|
::-webkit-scrollbar-track {
|
|
982
970
|
background: #433049;
|
|
983
971
|
}
|
|
972
|
+
#status {
|
|
973
|
+
background-color: #000;
|
|
974
|
+
margin: 0px;
|
|
975
|
+
padding: 5px;
|
|
976
|
+
padding-bottom: 10px;
|
|
977
|
+
font-family: Monospace;
|
|
978
|
+
height: 2%;
|
|
979
|
+
overflow: none;
|
|
980
|
+
-webkit-touch-callout: none;
|
|
981
|
+
-webkit-user-select: none;
|
|
982
|
+
-khtml-user-select: none;
|
|
983
|
+
-moz-user-select: none;
|
|
984
|
+
-ms-user-select: none;
|
|
985
|
+
user-select: none;
|
|
986
|
+
}
|
|
987
|
+
#status:before {
|
|
988
|
+
color: #781111;
|
|
989
|
+
content: "Detached";
|
|
990
|
+
}
|
|
991
|
+
#status > .left {
|
|
992
|
+
float: left;
|
|
993
|
+
width: 33%;
|
|
994
|
+
cursor: pointer;
|
|
995
|
+
}
|
|
996
|
+
#status > .right {
|
|
997
|
+
float: right;
|
|
998
|
+
width: 33%;
|
|
999
|
+
cursor: pointer;
|
|
1000
|
+
}
|
|
1001
|
+
#status > .center {
|
|
1002
|
+
display: none;
|
|
1003
|
+
}
|
|
1004
|
+
.connected #status:before {
|
|
1005
|
+
color: #378137;
|
|
1006
|
+
content: "Attached";
|
|
1007
|
+
margin-right: 2em;
|
|
1008
|
+
float: left;
|
|
1009
|
+
}
|
|
984
1010
|
table {
|
|
985
1011
|
border-collapse: collapse;
|
|
986
1012
|
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
#dialog {
|
|
2
|
+
position: absolute;
|
|
3
|
+
top: 10%;
|
|
4
|
+
left: 10%;
|
|
5
|
+
width: 70%;
|
|
6
|
+
height: 70%;
|
|
7
|
+
padding: 1em;
|
|
8
|
+
background-color: #0e0013;
|
|
9
|
+
border: 1px solid #a7a7a7;
|
|
10
|
+
-webkit-touch-callout: none;
|
|
11
|
+
-webkit-user-select: none;
|
|
12
|
+
-khtml-user-select: none;
|
|
13
|
+
-moz-user-select: none;
|
|
14
|
+
-ms-user-select: none;
|
|
15
|
+
user-select: none;
|
|
16
|
+
}
|
|
17
|
+
#dialog > #message {
|
|
18
|
+
-webkit-touch-callout: all;
|
|
19
|
+
-webkit-user-select: all;
|
|
20
|
+
-khtml-user-select: all;
|
|
21
|
+
-moz-user-select: all;
|
|
22
|
+
-ms-user-select: all;
|
|
23
|
+
user-select: all;
|
|
24
|
+
margin: 0;
|
|
25
|
+
height: calc(100% - 3em);
|
|
26
|
+
word-wrap: normal;
|
|
27
|
+
overflow: auto;
|
|
28
|
+
}
|
|
29
|
+
#dialog > .full-button {
|
|
30
|
+
height: 1em;
|
|
31
|
+
}
|
|
@@ -7,6 +7,7 @@ body {
|
|
|
7
7
|
height: 100%;
|
|
8
8
|
width: 100%;
|
|
9
9
|
overflow: hidden;
|
|
10
|
+
user-select: none;
|
|
10
11
|
}
|
|
11
12
|
html {
|
|
12
13
|
padding: 0px;
|
|
@@ -27,33 +28,6 @@ p a:hover {
|
|
|
27
28
|
.hidden {
|
|
28
29
|
display: none;
|
|
29
30
|
}
|
|
30
|
-
#status {
|
|
31
|
-
background-color: #000;
|
|
32
|
-
margin: 0px;
|
|
33
|
-
padding: 5px;
|
|
34
|
-
padding-bottom: 10px;
|
|
35
|
-
font-family: Monospace;
|
|
36
|
-
height: 2%;
|
|
37
|
-
}
|
|
38
|
-
#status:before {
|
|
39
|
-
color: #781111;
|
|
40
|
-
content: "Detached";
|
|
41
|
-
}
|
|
42
|
-
#status > .left {
|
|
43
|
-
float: left;
|
|
44
|
-
}
|
|
45
|
-
#status > .right {
|
|
46
|
-
float: right;
|
|
47
|
-
}
|
|
48
|
-
#status > .center {
|
|
49
|
-
display: none;
|
|
50
|
-
}
|
|
51
|
-
.connected #status:before {
|
|
52
|
-
color: #378137;
|
|
53
|
-
content: "Attached";
|
|
54
|
-
margin-right: 2em;
|
|
55
|
-
float: left;
|
|
56
|
-
}
|
|
57
31
|
.pane {
|
|
58
32
|
margin: 0px;
|
|
59
33
|
overflow: auto;
|
|
@@ -74,7 +48,7 @@ p a:hover {
|
|
|
74
48
|
width: 100%;
|
|
75
49
|
box-sizing: border-box;
|
|
76
50
|
}
|
|
77
|
-
.horizontal .pane {
|
|
51
|
+
.horizontal > .pane {
|
|
78
52
|
height: 100%;
|
|
79
53
|
float: left;
|
|
80
54
|
}
|
|
@@ -101,20 +75,3 @@ p a:hover {
|
|
|
101
75
|
.hljs {
|
|
102
76
|
background-color: #120018;
|
|
103
77
|
}
|
|
104
|
-
#dialog {
|
|
105
|
-
position: absolute;
|
|
106
|
-
top: 10%;
|
|
107
|
-
left: 10%;
|
|
108
|
-
width: 70%;
|
|
109
|
-
height: 70%;
|
|
110
|
-
padding: 1em;
|
|
111
|
-
background-color: #0e0013;
|
|
112
|
-
border: 1px solid #a7a7a7;
|
|
113
|
-
}
|
|
114
|
-
#dialog > #message {
|
|
115
|
-
margin: 0;
|
|
116
|
-
height: calc(100% - 3em);
|
|
117
|
-
}
|
|
118
|
-
#dialog > .full-button {
|
|
119
|
-
height: 1em;
|
|
120
|
-
}
|
|
File without changes
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
#status {
|
|
2
|
+
background-color: #000;
|
|
3
|
+
margin: 0px;
|
|
4
|
+
padding: 5px;
|
|
5
|
+
padding-bottom: 10px;
|
|
6
|
+
font-family: Monospace;
|
|
7
|
+
height: 2%;
|
|
8
|
+
overflow: none;
|
|
9
|
+
-webkit-touch-callout: none;
|
|
10
|
+
-webkit-user-select: none;
|
|
11
|
+
-khtml-user-select: none;
|
|
12
|
+
-moz-user-select: none;
|
|
13
|
+
-ms-user-select: none;
|
|
14
|
+
user-select: none;
|
|
15
|
+
}
|
|
16
|
+
#status:before {
|
|
17
|
+
color: #781111;
|
|
18
|
+
content: "Detached";
|
|
19
|
+
}
|
|
20
|
+
#status > .left {
|
|
21
|
+
float: left;
|
|
22
|
+
width: 33%;
|
|
23
|
+
cursor: pointer;
|
|
24
|
+
}
|
|
25
|
+
#status > .right {
|
|
26
|
+
float: right;
|
|
27
|
+
width: 33%;
|
|
28
|
+
cursor: pointer;
|
|
29
|
+
}
|
|
30
|
+
#status > .center {
|
|
31
|
+
display: none;
|
|
32
|
+
}
|
|
33
|
+
.connected #status:before {
|
|
34
|
+
color: #378137;
|
|
35
|
+
content: "Attached";
|
|
36
|
+
margin-right: 2em;
|
|
37
|
+
float: left;
|
|
38
|
+
}
|
|
@@ -9,9 +9,15 @@ class StatusDisplay
|
|
|
9
9
|
|
|
10
10
|
show_status: (data) ->
|
|
11
11
|
@target.html(@ws.escape(data.text, data))
|
|
12
|
-
@status_history
|
|
12
|
+
@status_history.push data
|
|
13
|
+
console.log(@status_history)
|
|
13
14
|
|
|
14
15
|
show_history: ->
|
|
15
|
-
|
|
16
|
+
console.log(@status_history)
|
|
17
|
+
message = "<ul>#{("<li>#{@ws.escape(item.text, item)}</li>" for item in @status_history).join("\n")}</ul>"
|
|
18
|
+
$('#dialog > #message').html(message)
|
|
19
|
+
$('#dialog').show()
|
|
20
|
+
$('#dialog > #ok').click ->
|
|
21
|
+
$('#dialog').hide()
|
|
16
22
|
|
|
17
23
|
window.StatusDisplay = StatusDisplay
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
@import 'colors.styl'
|
|
2
|
+
@import 'mixins.styl'
|
|
3
|
+
|
|
4
|
+
#dialog
|
|
5
|
+
position absolute
|
|
6
|
+
top 10%
|
|
7
|
+
left 10%
|
|
8
|
+
width 70%
|
|
9
|
+
height 70%
|
|
10
|
+
padding 1em
|
|
11
|
+
background-color darken($bg-color, 20%)
|
|
12
|
+
border $normal-border
|
|
13
|
+
user-select none
|
|
14
|
+
& > #message
|
|
15
|
+
user-select all
|
|
16
|
+
margin 0
|
|
17
|
+
height calc(100% - 3em)
|
|
18
|
+
word-wrap normal
|
|
19
|
+
overflow auto
|
|
20
|
+
& > .full-button
|
|
21
|
+
height 1em
|
|
@@ -9,6 +9,7 @@ body
|
|
|
9
9
|
height 100%
|
|
10
10
|
width 100%
|
|
11
11
|
overflow hidden
|
|
12
|
+
user-select none
|
|
12
13
|
|
|
13
14
|
html
|
|
14
15
|
padding 0px
|
|
@@ -27,31 +28,6 @@ a
|
|
|
27
28
|
.hidden
|
|
28
29
|
display none
|
|
29
30
|
|
|
30
|
-
#status
|
|
31
|
-
background-color #000
|
|
32
|
-
margin 0px
|
|
33
|
-
padding 5px
|
|
34
|
-
padding-bottom 10px
|
|
35
|
-
font-family Monospace
|
|
36
|
-
height 2%
|
|
37
|
-
&:before
|
|
38
|
-
color #781111
|
|
39
|
-
content "Detached"
|
|
40
|
-
& > .left
|
|
41
|
-
float left
|
|
42
|
-
& > .right
|
|
43
|
-
float right
|
|
44
|
-
& > .center
|
|
45
|
-
// Not working right now
|
|
46
|
-
display none
|
|
47
|
-
|
|
48
|
-
.connected &
|
|
49
|
-
&:before
|
|
50
|
-
color #378137
|
|
51
|
-
content "Attached"
|
|
52
|
-
margin-right 2em
|
|
53
|
-
float left
|
|
54
|
-
|
|
55
31
|
.pane
|
|
56
32
|
margin 0px
|
|
57
33
|
overflow auto
|
|
@@ -72,7 +48,7 @@ a
|
|
|
72
48
|
width 100%
|
|
73
49
|
box-sizing: border-box
|
|
74
50
|
|
|
75
|
-
.horizontal .pane
|
|
51
|
+
.horizontal > .pane
|
|
76
52
|
height 100%
|
|
77
53
|
float left
|
|
78
54
|
|
|
@@ -98,18 +74,3 @@ a
|
|
|
98
74
|
|
|
99
75
|
.hljs
|
|
100
76
|
background-color $bg-color
|
|
101
|
-
|
|
102
|
-
#dialog
|
|
103
|
-
position absolute
|
|
104
|
-
top 10%
|
|
105
|
-
left 10%
|
|
106
|
-
width 70%
|
|
107
|
-
height 70%
|
|
108
|
-
padding 1em
|
|
109
|
-
background-color darken($bg-color, 20%)
|
|
110
|
-
border $normal-border
|
|
111
|
-
& > #message
|
|
112
|
-
margin 0
|
|
113
|
-
height calc(100% - 3em)
|
|
114
|
-
& > .full-button
|
|
115
|
-
height 1em
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
@import 'colors.styl'
|
|
2
|
+
@import 'mixins.styl'
|
|
3
|
+
|
|
4
|
+
#status
|
|
5
|
+
background-color #000
|
|
6
|
+
margin 0px
|
|
7
|
+
padding 5px
|
|
8
|
+
padding-bottom 10px
|
|
9
|
+
font-family Monospace
|
|
10
|
+
height 2%
|
|
11
|
+
overflow none
|
|
12
|
+
user-select none
|
|
13
|
+
&:before
|
|
14
|
+
color #781111
|
|
15
|
+
content "Detached"
|
|
16
|
+
& > .left
|
|
17
|
+
float left
|
|
18
|
+
width 33%
|
|
19
|
+
cursor pointer
|
|
20
|
+
& > .right
|
|
21
|
+
float right
|
|
22
|
+
width 33%
|
|
23
|
+
cursor pointer
|
|
24
|
+
& > .center
|
|
25
|
+
// Not working right now
|
|
26
|
+
display none
|
|
27
|
+
|
|
28
|
+
.connected &
|
|
29
|
+
&:before
|
|
30
|
+
color #378137
|
|
31
|
+
content "Attached"
|
|
32
|
+
margin-right 2em
|
|
33
|
+
float left
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: flammarion
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.6
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -169,8 +169,11 @@ files:
|
|
|
169
169
|
- lib/html/source/stylesheets/leaflet.css
|
|
170
170
|
- lib/html/source/stylesheets/buttons.styl
|
|
171
171
|
- lib/html/source/stylesheets/all.css
|
|
172
|
+
- lib/html/source/stylesheets/dialog.styl
|
|
172
173
|
- lib/html/source/stylesheets/frontend.styl
|
|
173
174
|
- lib/html/source/stylesheets/railscasts.css
|
|
175
|
+
- lib/html/source/stylesheets/status.styl
|
|
176
|
+
- lib/html/source/stylesheets/mixins.styl
|
|
174
177
|
- lib/html/source/stylesheets/colors.styl
|
|
175
178
|
- lib/html/source/stylesheets/markdown.styl
|
|
176
179
|
- lib/html/source/stylesheets/table.styl
|
|
@@ -201,6 +204,7 @@ files:
|
|
|
201
204
|
- lib/html/build/stylesheets/normalize.bak
|
|
202
205
|
- lib/html/build/stylesheets/scrollbar.css
|
|
203
206
|
- lib/html/build/stylesheets/leaflet.css
|
|
207
|
+
- lib/html/build/stylesheets/dialog.css
|
|
204
208
|
- lib/html/build/stylesheets/colors.css
|
|
205
209
|
- lib/html/build/stylesheets/frontend.css
|
|
206
210
|
- lib/html/build/stylesheets/markdown.css
|
|
@@ -208,7 +212,9 @@ files:
|
|
|
208
212
|
- lib/html/build/stylesheets/map.css
|
|
209
213
|
- lib/html/build/stylesheets/buttons.css
|
|
210
214
|
- lib/html/build/stylesheets/railscasts.css
|
|
215
|
+
- lib/html/build/stylesheets/status.css
|
|
211
216
|
- lib/html/build/stylesheets/table.css
|
|
217
|
+
- lib/html/build/stylesheets/mixins.css
|
|
212
218
|
- lib/html/build/spectrum_test.html
|
|
213
219
|
- lib/html/build/index.html
|
|
214
220
|
- lib/html/build/images/marker-shadow.png
|
|
@@ -272,3 +278,4 @@ signing_key:
|
|
|
272
278
|
specification_version: 3
|
|
273
279
|
summary: Flammarion GUI Toolkit
|
|
274
280
|
test_files: []
|
|
281
|
+
has_rdoc:
|