<!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">
<!--[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]-->
</head>

<body>

<div class="navbar navbar-fixed-top">
    <div class="container">
        <a class="navbar-brand" href="#"><img 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>

<script type="text/JavaScript" src="./js.php?name=console-shim"></script>
<script type="text/JavaScript" src="./js.php?name=bootstrap"></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>
