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>
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">
14 <link href=
"css/main.css" rel=
"stylesheet">
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>
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:// -->
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>
28 <script src=
"js/main.js" type=
"text/javascript"></script>
40 font:
15px sans-serif;
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>
53 <!--<nav class="navbar navbar-default">-->
54 <!--<div class="container-fluid">-->
55 <!--<!– Brand and toggle get grouped for better mobile display –>-->
56 <!--<div class="navbar-header">-->
57 <!--<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">-->
58 <!--<span class="sr-only">Toggle navigation</span>-->
59 <!--<span class="icon-bar"></span>-->
60 <!--<span class="icon-bar"></span>-->
61 <!--<span class="icon-bar"></span>-->
65 <!--<!– Collect the nav links, forms, and other content for toggling –>-->
66 <!--<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">-->
67 <!--<div class="navbar-form navbar- navbar-btn btn-group" role="group" aria-label="category">-->
68 <!--<!–<button type="button" class="btn btn-default active" id="btn_tab_pop">Datacenter List</button>–>-->
69 <!--<!–<button type="button" class="btn btn-default" id="btn_tab_container">Container List</button>–>-->
70 <!--<!–<button type="button" class="btn btn-default" id="btn_tab_other">Other</button> –>-->
72 <!--<form class="navbar-form navbar-right">-->
73 <!--<div class="input-group">-->
74 <!--<span class="input-group-addon">http://</span>-->
75 <!--<input type="text" class="form-control" placeholder="api-url.or.ip" value="localhost:5001" id="text_api_host" data-provide="typeahead" size="30">-->
77 <!--<button type="button" class="btn btn-success" id="btn_connect">Connect <span class="glyphicon glyphicon-play-circle"></span></button>-->
78 <!--<button type="button" class="btn btn-danger disabled" id="btn_disconnect">Disconnect <span class="glyphicon glyphicon-off"></span></button>-->
80 <!--</div><!– /.navbar-collapse –>-->
81 <!--</div><!– /.container-fluid –>-->
90 <div class=
"panel panel-primary">
91 <!-- Default panel contents -->
92 <div class=
"panel-heading"><span>Emulated Datacenters
</span> <span class=
"badge" id=
"lbl_datacenter_count">0</span><span class=
"pull-right" id=
"lbl_lateness_datacenter">Lateness: -
</span></div>
94 <table class=
"table table-striped table-hover" id=
"table_datacenter">
98 <div class=
"spacer"> </div>
100 <div class=
"panel panel-primary">
101 <!-- Default panel contents -->
102 <div class=
"panel-heading"><span>Running Containers
</span> <span class=
"badge" id=
"lbl_container_count">0</span><span class=
"pull-right" id=
"lbl_lateness_container">Lateness: -
</span></div>
104 <table class=
"table table-striped table-hover" id=
"table_container">
109 <script src=
"js/d3.v3.min.js"></script>
110 <script src=
"js/graph.js" type=
"text/javascript"></script>
116 <footer class=
"footer text-center small">(c)
2017 by SONATA Consortium and Paderborn University and IMEC
</footer>