admin.html 2.3 KB
<!DOCTYPE html>
<html>
<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> List of students </title>
    <link rel="icon" href="favicon.ico">

    <!-- Bootstrap -->
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/bootstrap-theme.min.css"> <!-- optional -->

    <script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>

    <style>
        /* Fixes navigation panel overlaying content */
        body {
            padding-top: 80px;
            background: #888;
        }
        .drop-shadow {
            -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
            box-shadow: 0px 2px 10px 3px rgba(0, 0, 0, .2);
            border-radius:5px;
        }
    </style>

    <script src="/js/admin.js"></script>
</head>
<!-- ===================================================================== -->
<body>

<div class="container">

    <div class="panel panel-success drop-shadow">
        <div id="online-header" class="panel-heading">
            Activo(s)
        </div>
        <div class="panel-body">
            <table class="table table-condensed">
                <thead>
                    <tr>
                        <th>Número</th>
                        <th>Nome</th>
                        <th>Início do teste</th>
                    </tr>
                </thead>
                <tbody id="online_students">
                    <!-- to be populated -->
                </tbody>
            </table>
        </div>
    </div>

    <div class="panel panel-primary drop-shadow">
        <div id="offline-header" class="panel-heading">
            Inactivo(s)
        </div>
        <div class="panel-body">
            <table class="table table-condensed">
                <thead>
                    <tr>
                        <th>Autorizado</th>
                        <th>Número</th>
                        <th>Nome</th>
                        <th>Password</th>
                    </tr>
                </thead>
                <tbody id="offline_students">
                    <!-- to be populated -->
                </tbody>
            </table>
        </div>
    </div>

</div> <!-- container -->
</body>
</html>