<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>EDDN Status</title>

    <!-- Bootstrap -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" />
    <!-- JS-Grid -->
    <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.css" />
    <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid-theme.min.css" />
    <link href="./css/eddn.css" rel="stylesheet" />

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.js"></script>
    <script src="./js/date.js"></script>
    <script type="text/javascript" src="./netdata/dashboard.js?v20181412"></script>
</head>
<body data-spy="scroll" data-target="#header-nav" data-offset="70">
    <header>
        <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">

            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-nav">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="">EDDN Status</a>
            </div>

            <div class="collapse navbar-collapse" id="header-nav">
                <ul class="nav navbar-nav">
                    <li><a href="#monitoring">Server monitoring</a></li>
                    <li><a href="#gateways">Gateways</a></li>
                    <li><a href="#relays">Relays</a></li>
                    <li><a href="#software">Software</a></li>
                    <!--
                    <li><a href="#uploaders">Uploaders</a></li>
                    -->
                    <li><a href="#schemas">Schemas</a></li>
                </ul>

                <p class="navbar-right navbar-text">
                    <em>Provided by <a href="https://edcd.github.io/" target="_blank" class="navbar-link"><strong>EDCD</strong></a></em>
                </p>
            </div>

        </div>
        </nav>
    </header>

    <section class="container">
        <div class="row">
            <div class="col-md-12">
                <p>
                    This page shows transaction information (messages sent/received) for key points of the EDDN, over a one-, five- and sixty-minute period.<br />
                    Values automatically update every minute.
                </p>
            </div>
        </div>
    </section>

    <section id="monitoring" class="container">
        <div class="row">
            <div class="col-md-12">
                <h2>Server monitoring</h2>
            </div>
        </div>

        <div class="row">
            <div class="col-md-3 text-center">
            	<div data-netdata="system.ram"
                     data-dimensions="used|buffers|active|wired"
                     data-title="Used RAM"
                     data-chart-library="easypiechart"
                     data-append-options="percentage"
                     data-units="%"
                     data-easypiechart-max-value="100"
                     data-colors="#EE9911"
                     data-width="85%"
                     data-height="100%"></div>
            </div>
            <div class="col-md-3 text-center">
                <div data-netdata="system.cpu"
                     data-title="CPU"
                     data-chart-library="gauge"
                     data-gauge-max-value="100"
                     data-units="%"
                     data-after="-420"
                     data-points="420"
                     data-width="100%"
                     data-height="100%"
                     data-colors="#22AA99"></div>
            <br/>
    		<div data-netdata="system.load"
                 data-chart-library="dygraph"
                 data-dygraph-theme="sparkline"
                 data-width="100%"
                 data-height="50px"
                 data-after="-420"
                 data-points="420"></div>
            </div>
            <div class="col-md-3 text-center">
                <div data-netdata="system.net"
                     data-dimensions="received"
                     data-title="Inbound Traffic"
                     data-chart-library="easypiechart"
                     data-after="-420"
                     data-points="420"
                     data-width="85%"
                     data-height="100%"></div>
            </div>
            <div class="col-md-3 text-center">
                <div data-netdata="system.net"
                     data-dimensions="sent"
                     data-common-units="system.net.mainhead"
                     data-title="Outbound Traffic"
                     data-chart-library="easypiechart"
                     data-after="-420"
                     data-points="420"
                     data-width="85%"
                     data-height="100%"></div>
            </div>
        </div>
    </section>

    <section id="gateways" class="container">
        <div class="row">
            <div class="col-md-6">
                <h2>Gateways</h2>
            </div>
            <div class="col-md-6">
                <div class="text-right form-inline">
                    <select name="gateways" class="form-control"></select>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-12">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th style="width: 50%;"></th>
                                            <th>1 min</th>
                                            <th>5 min</th>
                                            <th>60 min</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <th>Messages received</th>
                                            <td class="inbound_1min stat">-</td>
                                            <td class="inbound_5min stat">-</td>
                                            <td class="inbound_60min stat">-</td>
                                        </tr>
                                        <tr>
                                            <th>Invalid messages</th>
                                            <td class="invalid_1min stat">-</td>
                                            <td class="invalid_5min stat">-</td>
                                            <td class="invalid_60min stat">-</td>
                                        </tr>
                                        <tr>
                                            <th>Outdated messages</th>
                                            <td class="outdated_1min stat">-</td>
                                            <td class="outdated_5min stat">-</td>
                                            <td class="outdated_60min stat">-</td>
                                        </tr>
                                        <tr>
                                            <th>Messages passed to relay</th>
                                            <td class="outbound_1min stat">-</td>
                                            <td class="outbound_5min stat">-</td>
                                            <td class="outbound_60min stat">-</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12 charts">

                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <p class="text-muted small">
                                    EDDN version: <strong><span class="version">N/A</span></strong>.
                                </p>
                            </div>
                            <div class="col-md-4">
                                <p class="text-muted small">
                                    Uptime: <strong><span class="uptime">N/A</span></strong>.
                                </p>
                            </div>
                            <div class="col-md-4">
                                <p class="text-muted small">
                                    Last updated: <strong><span class="update_timestamp">N/A</span></strong>.
                                </p>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="relays" class="container">
        <div class="row">
            <div class="col-md-6">
                <h2>Relays</h2>
            </div>
            <div class="col-md-6">
                <div class="text-right form-inline">
                    <select name="relays" class="form-control"></select>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-body">

                        <div class="row">
                            <div class="col-md-12">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th style="width: 50%;"></th>
                                            <th>1 min</th>
                                            <th>5 min</th>
                                            <th>60 min</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <th>Messages received</th>
                                            <td class="inbound_1min stat">-</td>
                                            <td class="inbound_5min stat">-</td>
                                            <td class="inbound_60min stat">-</td>
                                        </tr>
                                        <tr>
                                            <th>Messages duplicate</th>
                                            <td class="duplicate_1min stat">-</td>
                                            <td class="duplicate_5min stat">-</td>
                                            <td class="duplicate_60min stat">-</td>
                                        </tr>
                                        <tr>
                                            <th>Messages passed to subscribers</th>
                                            <td class="outbound_1min stat">-</td>
                                            <td class="outbound_5min stat">-</td>
                                            <td class="outbound_60min stat">-</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12 charts">

                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <p class="text-muted small">
                                    EDDN version: <strong><span class="version">N/A</span></strong>.
                                </p>
                            </div>
                            <div class="col-md-4">
                                <p class="text-muted small">
                                    Uptime: <strong><span class="uptime">N/A</span></strong>.
                                </p>
                            </div>
                            <div class="col-md-4">
                                <p class="text-muted small">
                                    Last updated: <strong><span class="update_timestamp">N/A</span></strong>.
                                </p>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="software" class="container">
        <div class="row">
            <div class="col-md-6">
                <h2>Software</h2>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-body">

                        <div class="row">
                            <div class="col-md-7">
                                <div id="tables">
                                </div>
                            </div>
                            <div class="col-md-5">
                                <div class="chart" style="height: 450px;"></div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-8">
                                Total hits calculated since May 5, 2015
                            </div>
                            <div class="col-md-4">
                                <p class="text-muted small">
                                    Last updated: <strong><span class="update_timestamp">N/A</span></strong>.
                                </p>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="schemas" class="container">
        <div class="row">
            <div class="col-md-6">
                <h2>Schemas <a href="./schemas.html"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></a></h2>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-body">

                        <div class="row">
                            <div class="col-md-7">
			    	<div id="tables">
				</div>
                            </div>
                            <div class="col-md-5">
                                <div class="chart" style="height: 450px;"></div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-8">
                                Total hits calculated since May 5, 2015
                            </div>
                            <div class="col-md-4">
                                <p class="text-muted small">
                                    Last updated: <strong><span class="update_timestamp">N/A</span></strong>.
                                </p>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <nav class="navbar navbar-default">
            <div class="container">
                <p class="navbar-text">
                    The <em>Elite: Dangerous Data Network</em> is volunteer-run and not affiliated with <a href="https://frontier.co.uk/" target="_blank">Frontier Developments</a>.
                     |
                    Charts by <a href="http://www.highcharts.com/" target="_blank">HighCharts</a>
                </p>
            </div>
        </nav>
    </footer>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script src="https://code.highcharts.com/5.0.12/highcharts.js"></script>
    <script src="https://code.highcharts.com/5.0.12/modules/drilldown.js"></script>
    <!-- config file -->
    <script src="./js/eddn-config.js"></script>
    <script src="./js/eddn.js"></script>
</body>
</html>