80 lines
2.6 KiB
HTML
80 lines
2.6 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 id="tab_components">
|
|
</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 -->
|
|
|