Home-IoT/esphome
1
0
Fork 0
mirror of https://github.com/esphome/esphome.git synced 2024-12-23 14:04:53 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Autoscroll logs

Browse source
This commit is contained in:
Otto Winter 2018-11-30 13:22:39 +01:00
parent 3b1cba7ad1
commit b68ad6e6f8
No known key found for this signature in database
GPG key ID: DB66C0BE6013F97E
2 changed files with 52 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
esphomeyaml/dashboard/static/esphomeyaml.css
View file

@ -32,6 +32,26 @@ i.very-large {
padding-bottom: 10px; padding-bottom: 10px;
} }
.inlinecode {
box-sizing: border-box;
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
background-color: rgba(27,31,35,0.05);
border-radius: 3px;
font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
}
.autoscroll {
display: flex;
flex-direction: column-reverse;
flex-basis: auto;
}
.autoscroll div {
flex-basis: 100%;
}
.log { .log {
background-color: #1c1c1c; background-color: #1c1c1c;
margin-top: 0; margin-top: 0;
@ -47,16 +67,6 @@ i.very-large {
color: #DDD; color: #DDD;
} }
.inlinecode {
box-sizing: border-box;
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
background-color: rgba(27,31,35,0.05);
border-radius: 3px;
font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
}
.log-bold { font-weight: bold; } .log-bold { font-weight: bold; }
.log-italic { font-style: italic; } .log-italic { font-style: italic; }
.log-underline { text-decoration: underline; } .log-underline { text-decoration: underline; }

52
esphomeyaml/dashboard/templates/index.html
View file

@ -91,10 +91,14 @@
</div> </div>
<div id="modal-logs" class="modal modal-fixed-footer"> <div id="modal-logs" class="modal modal-fixed-footer">
<div class="modal-content"> <div class="modal-content autoscroll">
<h4>Show Logs <code class="inlinecode filename"></code></h4> <div>
<div class="log-container"> <h4>Show Logs <code class="inlinecode filename"></code></h4>
<pre class="log"></pre> <div>
<div class="log-container">
<pre class="log"></pre>
</div>
</div>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -103,10 +107,12 @@
</div> </div>
<div id="modal-upload" class="modal modal-fixed-footer"> <div id="modal-upload" class="modal modal-fixed-footer">
<div class="modal-content"> <div class="modal-content autoscroll">
<h4>Compile And Upload <code class="inlinecode filename"></code></h4> <div>
<div class="log-container"> <h4>Compile And Upload <code class="inlinecode filename"></code></h4>
<pre class="log"></pre> <div class="log-container">
<pre class="log"></pre>
</div>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -119,10 +125,12 @@
</div> </div>
<div id="modal-compile" class="modal modal-fixed-footer"> <div id="modal-compile" class="modal modal-fixed-footer">
<div class="modal-content"> <div class="modal-content autoscroll">
<h4>Compile <code class="inlinecode filename"></code></h4> <div>
<div class="log-container"> <h4>Compile <code class="inlinecode filename"></code></h4>
<pre class="log"></pre> <div class="log-container">
<pre class="log"></pre>
</div>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -440,10 +448,12 @@
</div> </div>
<div id="modal-clean-mqtt" class="modal modal-fixed-footer"> <div id="modal-clean-mqtt" class="modal modal-fixed-footer">
<div class="modal-content"> <div class="modal-content autoscroll">
<h4>Clean MQTT discovery <code class="inlinecode filename"></code></h4> <div>
<div class="log-container"> <h4>Clean MQTT discovery <code class="inlinecode filename"></code></h4>
<pre class="log"></pre> <div class="log-container">
<pre class="log"></pre>
</div>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -452,10 +462,12 @@
</div> </div>
<div id="modal-clean" class="modal modal-fixed-footer"> <div id="modal-clean" class="modal modal-fixed-footer">
<div class="modal-content"> <div class="modal-content autoscroll">
<h4>Clean Build Files <code class="inlinecode filename"></code></h4> <div>
<div class="log-container"> <h4>Clean Build Files <code class="inlinecode filename"></code></h4>
<pre class="log"></pre> <div class="log-container">
<pre class="log"></pre>
</div>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">