mirror of
https://github.com/hyperion-project/hyperion.ng.git
synced 2025-03-01 10:33:28 +00:00
4a27f3d43e
* make hyperion websocket api event based * implement new websocket handling for generalconf * migrate all webui stuff to new event based websocket api some cleanup ... now all html templates are in content refactoring of web stuff * add hyperionport to global start impl. removing advanced key * separate dashboard serverinfo is updated every 3 seconds automatily add input selection cleanup and remove not needed stuff * prepare infrastructure for server sided file execution * webui minor fixes * fix compile
92 lines
3.0 KiB
HTML
92 lines
3.0 KiB
HTML
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<h1 class="page-header">Dashboard</h1>
|
|
<div class="introd">
|
|
<h4 lang="en" data-lang-token="dashboard_label_intro">The dashboard give you a quick overview about the status of Hyperion and show you the latest news of the Hyperion Blog.</h4>
|
|
</div>
|
|
<hr>
|
|
<div class="col-lg-4">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<i class="fa fa-info-circle fa-fw"></i>
|
|
<span lang="en" data-lang-token="dashboard_label_infobox_title">Information</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<table class="table borderless">
|
|
<tbody>
|
|
<tr>
|
|
<td lang="en" data-lang-token="dashboard_label_infobox_currenthyp">Your Hyperion version:</td>
|
|
<td id="currentversion">unknown</td>
|
|
</tr>
|
|
<tr>
|
|
<td lang="en" data-lang-token="dashboard_label_infobox_latesthyp">Latest version:</td>
|
|
<td id="latestversion">unknown</td>
|
|
</tr>
|
|
<tr>
|
|
<td lang="en" data-lang-token="dashboard_label_infobox_leddevice">LED type:</td>
|
|
<td id="dash_leddevice">unknown</td>
|
|
</tr>
|
|
<tr>
|
|
<td lang="en" data-lang-token="dashboard_label_infobox_device">Device:</td>
|
|
<td id="dash_systeminfo"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<hr>
|
|
<span id="versioninforesult"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<i class="fa fa-eye fa-fw"></i>
|
|
<span lang="en" data-lang-token="dashboard_label_componentbox_title">Components status</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Component</th>
|
|
<th>Status</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Kodi Watch</td>
|
|
<td><i class="fa fa-circle component-on"></i></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Blackborder</td>
|
|
<td><i class="fa fa-circle component-off"></i></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Booteffect</td>
|
|
<td><i class="fa fa-circle component-off"></i></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-5">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<i class="fa fa-newspaper-o fa-fw"></i>
|
|
<span lang="en" data-lang-token="dashboard_label_newsbox_title">Latest blog posts</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- /.col-lg-12 -->
|
|
</div>
|
|
<!-- /.row -->
|
|
</div>
|
|
<!-- /.container-fluid -->
|
|
|