src/emuvim/dashboard/index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4     <meta charset="utf-8">
   5     <meta http-equiv="X-UA-Compatible" content="IE=edge">
   6     <meta name="viewport" content="width=device-width, initial-scale=1">
   7     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
   8     <title>Emulator Dashboard</title>
   9
  10     <!-- Bootstrap -->
  11     <!--<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">-->
  12     <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/flatly/bootstrap.min.css" rel="stylesheet" integrity="sha384-+ENW/yibaokMnme+vBLnHMphUYxHs34h9lpdbSLuAwGkOKFRl4C34WkjazBtb7eT" crossorigin="anonymous">
  13
  14     <link href="css/main.css" rel="stylesheet">
  15
  16     <!-- jQuery -->
  17    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script>
  18     <!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.jss" type="text/javascript"></script>-->
  19     <script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js" type="text/javascript"></script>
  20
  21     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  22     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  23     <!--[if lt IE 9]>
  24     <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  25     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  26     <![endif]-->
  27
  28
  29
  30     <script src="js/main.js" type="text/javascript"></script>
  31
  32
  33 </head>
  34 <style>
  35
  36 .link {
  37   stroke: #ccc;
  38 }
  39
  40 .node text {
  41   pointer-events: none;
  42   font: 15px sans-serif;
  43 }
  44
  45 </style>
  46 <body>
  47   <div id="page-top">
  48     <div class="row">
  49       <div class="col-sm-8"><h1>Emulator Dashboard</h1></div>
  50       <div class="col-sm-4" id="logo"><a href="http://sonata-nfv.eu" target="_blank"><img src="img/SONATA_new.png" alt="SONATA Logo" width="252" height="70"></a></div>
  51     </div>
  52
  53
  54
  55 </div>
  56   <div id="content">
  57
  58
  59 <div class="panel panel-primary">
  60   <!-- Default panel contents -->
  61   <div class="panel-heading"><span>Emulated Datacenters</span>&nbsp;&nbsp;<span class="badge" id="lbl_datacenter_count">0</span><span class="pull-right" id="lbl_lateness_datacenter">Lateness: -</span></div>
  62   <!-- Table -->
  63   <table class="table table-striped table-hover" id="table_datacenter">
  64   </table>
  65 </div>
  66
  67 <div class="spacer">&nbsp;</div>
  68
  69 <div class="panel panel-primary">
  70   <!-- Default panel contents -->
  71   <div class="panel-heading"><span>Running Containers</span>&nbsp;&nbsp;<span class="badge" id="lbl_container_count">0</span><span class="pull-right" id="lbl_lateness_container">Lateness: -</span></div>
  72   <!-- Table -->
  73   <table class="table table-striped table-hover" id="table_container">
  74   </table>
  75 </div>
  76
  77 <div class="spacer">&nbsp;</div>
  78
  79 <div class="panel panel-primary">
  80     <div class="panel-heading"><span>Placement Graph</span>&nbsp;&nbsp;</div>
  81     <table class="table table-striped table-hover" id="table_graph">
  82
  83     </table>
  84 </div>
  85     <script src="js/d3.v3.min.js"></script>
  86     <script src="js/graph.js" type="text/javascript"></script>
  87
  88 </div>
  89
  90 <footer class="footer text-center small">(c) 2017 by SONATA Consortium and Paderborn University and IMEC</footer>
  91
  92
  93 </body>
  94
  95 </html>