Change output background to red on error

This commit is contained in:
Alan Bernstein 2017-04-25 12:10:27 -05:00
parent cd30b412f8
commit fe6d2189a7
2 changed files with 14 additions and 3 deletions

View file

@ -93,6 +93,11 @@ class REPL {
createSingleOutput(res) {
var node = document.createElement("div");
node.classList.add('output');
var result_class = "result-output"
var output = JSON.parse(res['output'])
if("error" in output) {
result_class = "result-error"
}
var markup =`
<div class="panes">
<div class="pane active">
@ -112,7 +117,7 @@ class REPL {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<em>${res.querytime_ms} ms</em>
</div>
<div class="result-ouput">
<div class="${result_class}">
${res.output}
</div>
</div>

View file

@ -192,7 +192,8 @@ em{
}
.result-input,
.result-ouput{
.result-output,
.result-error{
border-radius: 2px;
background-color: #fafafa;
border: solid 1.5px #e4eff4;
@ -206,11 +207,16 @@ em{
}
.result-ouput{
.result-output{
background-color: #edf9f7;
border-left: solid 4px #1db598;
}
.result-error{
background-color: #f9edf4;
border-left: solid 4px #b51d78;
}
.raw{
height: 253px;