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     <script src="js/main.js" type="text/javascript"></script>
  29
  30
  31 </head>
  32 <style>
  33
  34 .link {
  35   stroke: #ccc;
  36 }
  37
  38 .node text {
  39   pointer-events: none;
  40   font: 15px sans-serif;
  41 }
  42
  43 </style>
  44 <body>
  45   <div id="page-top">
  46     <div class="row">
  47       <div class="col-sm-8"><h1>Emulator Dashboard</h1></div>
  48       <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>
  49     </div>
  50
  51
  52
  53 </div>
  54   <div id="content">
  55
  56
  57 <div class="panel panel-primary">
  58   <!-- Default panel contents -->
  59   <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>
  60   <!-- Table -->
  61   <table class="table table-striped table-hover" id="table_datacenter">
  62   </table>
  63 </div>
  64
  65 <div class="spacer">&nbsp;</div>
  66
  67 <div class="panel panel-primary">
  68   <!-- Default panel contents -->
  69   <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>
  70   <!-- Table -->
  71   <table class="table table-striped table-hover" id="table_container">
  72   </table>
  73 </div>
  74
  75 <div class="spacer">&nbsp;</div>
  76
  77 <div class="panel panel-primary">
  78     <div class="panel-heading"><span>Placement Graph</span>&nbsp;&nbsp;</div>
  79     <table class="table table-striped table-hover" id="table_graph">
  80
  81     </table>
  82 </div>
  83     <script src="js/d3.v3.min.js"></script>
  84     <script src="js/graph.js" type="text/javascript"></script>
  85
  86 </div>
  87
  88 <footer class="footer text-center small">(c) 2017 by SONATA Consortium and Paderborn University and IMEC</footer>
  89
  90
  91 </body>
  92
  93 </html>