smeserver-phpsysinfo/root/opt/phpsysinfo/templates/html/index_bootstrap.html

376 lines
15 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>phpSysInfo</title>
<link href="gfx/favicon.ico" type="image/x-icon" rel="shortcut icon">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script type="text/JavaScript" src="./js.php?name=html5shiv-printshiv"></script>
<![endif]-->
<link rel="stylesheet" href="templates/vendor/bootstrap.min.css">
<link rel="stylesheet" href="templates/phpsysinfo_bootstrap.css">
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="container">
<a class="navbar-brand"><img class="navbar-logo" src="gfx/logo_48.png" style="width:32px"/> phpSysInfo <sup><?php echo PSI_VERSION; ?></sup>
<img id="loader" style="display:none" src="gfx/ajax-loader.gif">
<button id="errorbutton" type="button" data-toggle="modal" data-target="#errors-dialog"
class="btn btn-default btn-xs" style="display:none">Errors
</button>
</a>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="panel panel-primary">
<div class="panel-heading">System Vitals</div>
<div class="panel-body">
<table id="vitals" class="table table-hover table-condensed">
<tr>
<th>Hostname</th>
<td><span data-bind="Hostname"></span></td>
</tr>
<tr>
<th>Listening IP</th>
<td><span data-bind="IPAddr"></span></td>
</tr>
<tr>
<th>Kernel Version</th>
<td><span data-bind="Kernel"></span></td>
</tr>
<tr>
<th>Distro Name</th>
<td><span data-bind="Distro"></span></td>
</tr>
<tr>
<th>Uptime</th>
<td><span data-bind="Uptime"></span></td>
</tr>
<tr>
<th>Last boot</th>
<td><span data-bind="LastBoot"></span></td>
</tr>
<tr>
<th>Current Users</th>
<td><span data-bind="Users"></span></td>
</tr>
<tr>
<th>Load Averages</th>
<td><span data-bind="LoadAvg"></span></td>
</tr>
<tr id="tr_SysLang">
<th>System Language</th>
<td><span data-bind="SysLang"></span></td>
</tr>
<tr id="tr_CodePage">
<th>Code Page</th>
<td><span data-bind="CodePage"></span></td>
</tr>
<tr id="tr_Processes">
<th>Processes</th>
<td><span data-bind="Processes"></span></td>
</tr>
</table>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="panel panel-primary">
<div class="panel-heading">Hardware Information</div>
<div class="panel-body">
<table id="hardware" class="table table-hover table-condensed">
</table>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="panel panel-primary">
<div class="panel-heading">Memory Usage</div>
<div class="panel-body">
<table id="memory" class="table table-hover table-condensed">
<thead>
<tr>
<th>Type</th>
<th>Usage</th>
<th class="rightCell">Free</th>
<th class="rightCell">Used</th>
<th class="rightCell">Size</th>
</tr>
</thead>
<tbody id="memory-data">
<tr>
<th><span data-bind="Type"></span></th>
<td><span data-bind="Usage"></span></td>
<td class="rightCell"><span data-bind="Free"></span></td>
<td class="rightCell"><span data-bind="Used"></span></td>
<td class="rightCell"><span data-bind="Total"></span></td>
</tr>
</tbody>
<tfoot id="swap-data" style="display:none">
<tr>
<th><span data-bind="Name"></span></th>
<td><span data-bind="Usage"></span></td>
<td class="rightCell"><span data-bind="Free"></span></td>
<td class="rightCell"><span data-bind="Used"></span></td>
<td class="rightCell"><span data-bind="Total"></span></td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>
<div class="row">
<div id="block_filesystem" style="display:none" class="col-lg-12">
<div class="panel panel-primary">
<div class="panel-heading">Mounted Filesystems</div>
<div class="panel-body">
<table id="filesystem" class="table table-hover table-condensed sortable">
<thead>
<tr>
<th id="filesystem_MountPoint">Mountpoint</th>
<th>Type</th>
<th>Partition</th>
<th>Usage</th>
<th class="rightCell sorttable_numeric">Free</th>
<th class="rightCell sorttable_numeric">Used</th>
<th class="rightCell sorttable_numeric">Size</th>
</tr>
</thead>
<tbody id="filesystem-data">
<tr>
<th><span data-bind="MountPoint"></span></th>
<td><span data-bind="FSType"></span></td>
<td><span data-bind="Name"></span></td>
<td><span data-bind="Percent"></span></td>
<td class="rightCell"><span data-bind="Free"></span></td>
<td class="rightCell"><span data-bind="Used"></span></td>
<td class="rightCell"><span data-bind="Total"></span></td>
</tr>
</tbody>
<tfoot id="filesystem-foot">
<tr>
<td></td>
<td></td>
<th>Totals</th>
<th><span data-bind="Percent"></span></th>
<th class="rightCell"><span data-bind="Free"></span></th>
<th class="rightCell"><span data-bind="Used"></span></th>
<th class="rightCell"><span data-bind="Total"></span></th>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>
<div class="row">
<div id="block_network" style="display:none" class="col-lg-6">
<div class="panel panel-primary">
<div class="panel-heading">Network Interface</div>
<div class="panel-body">
<table id="network" class="table table-hover table-condensed">
</table>
</div>
</div>
</div>
<div id="block_voltage" style="display:none" class="col-lg-6">
<div class="panel panel-primary">
<div class="panel-heading">Voltage</div>
<div class="panel-body">
<table id="voltage" class="table table-hover table-condensed">
<thead>
<tr>
<th>Label</th>
<th class="rightCell">Value</th>
<th class="rightCell">Min</th>
<th class="rightCell">Max</th>
</tr>
</thead>
<tbody id="voltage-data">
<tr>
<th><span data-bind="Label"></span></th>
<td class="rightCell"><span data-bind="Value"></span></td>
<td class="rightCell"><span data-bind="Min"></span></td>
<td class="rightCell"><span data-bind="Max"></span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="block_temperature" style="display:none" class="col-lg-3">
<div class="panel panel-primary">
<div class="panel-heading">Temperatures</div>
<div class="panel-body">
<table id="temperature" class="table table-hover table-condensed">
<thead>
<tr>
<th>Label</th>
<th class="rightCell">Value</th>
<th class="rightCell">Limit</th>
</tr>
</thead>
<tbody id="temperature-data">
<tr>
<th><span data-bind="Label"></span></th>
<td class="rightCell"><span data-bind="Value"></span></td>
<td class="rightCell"><span data-bind="Max"></span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="block_fans" style="display:none" class="col-lg-3">
<div class="panel panel-primary">
<div class="panel-heading">Fans</div>
<div class="panel-body">
<table id="fans" class="table table-hover table-condensed">
<thead>
<tr>
<th>Label</th>
<th class="rightCell">Value</th>
<th class="rightCell">Min</th>
</tr>
</thead>
<tbody id="fans-data">
<tr>
<th><span data-bind="Label"></span></th>
<td class="rightCell"><span data-bind="Value"></span></td>
<td class="rightCell"><span data-bind="Min"></span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="block_current" style="display:none" class="col-lg-3">
<div class="panel panel-primary">
<div class="panel-heading">Currents</div>
<div class="panel-body">
<table id="current" class="table table-hover table-condensed">
<thead>
<tr>
<th>Label</th>
<th class="rightCell">Value</th>
<th class="rightCell">Limit</th>
</tr>
</thead>
<tbody id="current-data">
<tr>
<th><span data-bind="Label"></span></th>
<td class="rightCell"><span data-bind="Value"></span></td>
<td class="rightCell"><span data-bind="Max"></span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="block_power" style="display:none" class="col-lg-3">
<div class="panel panel-primary">
<div class="panel-heading">Power</div>
<div class="panel-body">
<table id="power" class="table table-hover table-condensed">
<thead>
<tr>
<th>Label</th>
<th class="rightCell">Value</th>
<th class="rightCell">Limit</th>
</tr>
</thead>
<tbody id="power-data">
<tr>
<th><span data-bind="Label"></span></th>
<td class="rightCell"><span data-bind="Value"></span></td>
<td class="rightCell"><span data-bind="Max"></span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="block_ups" style="display:none" class="col-lg-6">
<div class="panel panel-primary">
<div class="panel-heading">UPS Information</div>
<div class="panel-body">
<table id="ups" class="table table-hover table-condensed">
</table>
</div>
</div>
</div>
<?php foreach (CommonFunctions::getPlugins() as $plugin) :
if (file_exists(APP_ROOT . '/plugins/' . $plugin . '/' . $plugin . '_bootstrap.html')) : ?>
<?php include APP_ROOT. '/plugins/' . $plugin . '/' . $plugin . '_bootstrap.html'; ?>
<?php endif; endforeach; ?>
</div>
<!-- Errors details modal dialogs -->
<div class="modal fade" id="errors-dialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">Errors</h4>
</div>
<div class="modal-body">
<ul id="errors" class="list-group">
</ul>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
</div>
<!--[if lt IE 9]>
<script type="text/JavaScript" src="./js.php?name=jquery-1"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script type="text/JavaScript" src="./js.php?name=jquery"></script>
<!--<![endif]-->
<script type="text/JavaScript" src="./js.php?name=console-shim"></script>
<script type="text/JavaScript" src="./js.php?name=transparency"></script>
<script type="text/JavaScript" src="./js.php?name=sorttable"></script>
<script type="text/JavaScript" src="./js.php?name=jquery.treegrid"></script>
<?php foreach (CommonFunctions::getPlugins() as $plugin) : ?>
<script type="text/JavaScript" src="./js.php?plugin=<?php echo $plugin ?>&amp;name=<?php echo $plugin ?>_bootstrap"></script>
<?php endforeach; ?>
<script type="text/JavaScript" src="./js.php?name=phpsysinfo_bootstrap"></script>
</body>
</html>