Packages

roger_ui

0.1.2
0.1.9 0.1.8 0.1.7 0.1.6 0.1.4 0.1.3 0.1.2 0.1.1 0.1.0

Dashboard and monitoring tools for Roger job processing system

HexDocs

Current section

Files

Jump to
Readme
9 Versions
3 Dependencies
Dependants
Files
Activity
roger_ui priv static index.html
Raw

priv/static/index.html 

<!doctype html>

<html lang="en">

  <head>

    <meta charset="UTF-8"/>

    <title>Roger UI</title>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

  </head>

  <body>

    <div class="container">

      <nav class="navbar navbar-default">

        <div class="container-fluid">

          <div class="navbar-header">

            <div class="navbar-brand" href="#">

              Roger UI

            </div> <!-- Brand -->

            <ul class="nav navbar-nav">

              <li>

                <a href="#">Dashboard</a>

              </li>

            </ul> <!-- Menu -->

          </div> <!-- Header -->

        </div> <!-- Container -->

      </nav> <!-- Nav -->

      <div class="row">

        <div class="col-xs-6" id="partitions"></div>

        <div class="col-xs-6" id="queues"></div>

      </div>

    </div>

    <script src="https://code.jquery.com/jquery.js"></script>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

    <script>

     function loadAll() {

       $("#partitions").load("/templates/partitions.html");

       $("#queues").load("/templates/queues.html");

     }

     $(function() {

       loadAll();

       setInterval(loadAll, 3000);

     });

    </script>

  </body>

</html>