mirror of
https://github.com/hyperion-project/hyperion.ng.git
synced 2023-10-10 13:36:59 +02:00
33c91f73e3
* update translation * add css
80 lines
2.8 KiB
HTML
80 lines
2.8 KiB
HTML
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<h1 class="page-header"><i class="fa fa-dashboard fa-fw"></i><span lang="en" data-lang-token="main_menu_dashboard_token">Dashboard</span></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_infobox_label_title">Information</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<table class="table borderless">
|
|
<tbody>
|
|
<tr>
|
|
<td lang="en" data-lang-token="dashboard_infobox_label_currenthyp">Your Hyperion version:</td>
|
|
<td id="currentversion">unknown</td>
|
|
</tr>
|
|
<tr>
|
|
<td lang="en" data-lang-token="dashboard_infobox_label_latesthyp">Latest version:</td>
|
|
<td id="latestversion">unknown</td>
|
|
</tr>
|
|
<tr>
|
|
<td lang="en" data-lang-token="dashboard_infobox_label_leddevice">LED type:</td>
|
|
<td id="dash_leddevice">unknown</td>
|
|
</tr>
|
|
<tr>
|
|
<td lang="en" data-lang-token="dashboard_infobox_label_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_componentbox_label_title">Components status</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th lang="en" data-lang-token="dashboard_componentbox_label_comp">Component</th>
|
|
<th lang="en" data-lang-token="dashboard_componentbox_label_status">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_newsbox_label_title">Latest blog posts</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- /.col-lg-12 -->
|
|
</div>
|
|
<!-- /.row -->
|
|
</div>
|
|
<!-- /.container-fluid -->
|
|
|