diff options
Diffstat (limited to 'templates/index.html')
-rw-r--r-- | templates/index.html | 22 |
1 files changed, 15 insertions, 7 deletions
diff --git a/templates/index.html b/templates/index.html index 78a4696..d198962 100644 --- a/templates/index.html +++ b/templates/index.html @@ -2,32 +2,40 @@ <html> <head> <title>ODR-DabMux Monitoring</title> - <meta http-equiv="refresh" content="15"> + <link rel="stylesheet" href="/static/monit.css" type="text/css" /> </head> <body> <h1>Statistics for ODR-DabMux running on '{{ name }}'</h1> -<table> - <thead><td>Input Name</td><td>State</td></thead> +<div class="gridcontainer"> +<ul class="statusgrid"> {% for inp in inputs %} - <tr><td><b>{{ inp.name }}:</b></td><td> + <li> + <b>{{ inp.name }}</b> + <br /> {% if inp.state == "NoData" %} <img src="static/red.png" width="29" height="64" alt="No Date" /> + <br /> No Data {% elif inp.state == "Unstable" %} <img src="static/orange.png" width="29" height="64" alt="Unstable" /> + <br /> Unstable {% elif inp.state == "Silent" %} <img src="static/orange.png" width="29" height="64" alt="Unstable" /> + <br /> <img src="static/noaudio.png" width="60" height="30" alt="No audio" /> {% elif inp.state == "Streaming" %} <img src="static/green.png" width="29" height="64" alt="Unstable" /> {% else %} Unknown state {{ inp.state }} ! {% endif %} - </td></tr> + </li> {% endfor %} -</table> -<p>generated on {{ date }}</p> +</ul> +</div> +<div class="footer"> + <p>generated on {{ date }}</p> +</div> </body> </html> |