flammarion 0.0.5 → 0.0.6
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.
- 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:
|