Implemented status description
This commit is contained in:
parent
543e0ee940
commit
7382378349
1 changed files with 25 additions and 2 deletions
27
index.html
27
index.html
|
@ -31,6 +31,15 @@
|
|||
color: #fff;
|
||||
}
|
||||
|
||||
#status {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#description {
|
||||
font-size: small;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#sleep {
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
@ -107,8 +116,21 @@
|
|||
<div id="settings-notice">Scroll down for more</div>
|
||||
<div id="container">
|
||||
<div id="vertical-center">
|
||||
Currently:
|
||||
<span id="status" class="info">...</span>
|
||||
<table>
|
||||
<tr>
|
||||
<td>Currently:</td>
|
||||
<td style="width: 5px;"></td>
|
||||
<td id="status" class="info">
|
||||
...
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td id="description">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div id="sleep"></div>
|
||||
|
||||
|
@ -185,6 +207,7 @@
|
|||
currentStatus = data;
|
||||
|
||||
setText("status", data.title);
|
||||
setText("description", data.description);
|
||||
|
||||
if (data.title.toLowerCase() === "sleeping") {
|
||||
const remainingText = formatRemainingTime(data.remainingDuration);
|
||||
|
|
Loading…
Reference in a new issue