OpenFlow plugin - Univ Bristol - f.francois
[unfold.git] / plugins / univbrisfoam / templates / generated1.htm
diff --git a/plugins/univbrisfoam/templates/generated1.htm b/plugins/univbrisfoam/templates/generated1.htm
new file mode 100644 (file)
index 0000000..cbd01c8
--- /dev/null
@@ -0,0 +1,278 @@
+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
+<html lang="en"> <head>
+<title> MySlice - UNIVBRIS OpenFlow Optical &amp; Packet Switches </title>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="shortcut icon" href="/static/img/myslice-icon.png">
+<script type='text/javascript' src='/static/js/jquery.min.js'></script>
+<script type='text/javascript' src='/static/js/jquery.html5storage.min.js'></script>
+<script type='text/javascript' src='/static/js/messages-runtime.js'></script>
+<script type='text/javascript' src='/static/js/class.js'></script>
+<script type='text/javascript' src='/static/js/plugin-helper.js'></script>
+<script type='text/javascript' src='/static/js/mustache.js'></script>
+<script type='text/javascript' src='/static/js/plugin.js'></script>
+<script type='text/javascript' src='/static/js/manifold.js'></script>
+<script type='text/javascript' src='/static/js/topmenu.js'></script>
+<link rel='stylesheet' href='/static/css/layout-unfold.css' type='text/css' />
+<link rel='stylesheet' href='/static/css/manifold.css' type='text/css' />
+<link rel='stylesheet' href='/static/css/plugin.css' type='text/css' />
+<link rel='stylesheet' href='/static/css/onelab_marko.css' type='text/css' />
+<script type='text/javascript' src='/static/js/bootstrap.js'></script>
+<link rel='stylesheet' href='/static/css/bootstrap.css' type='text/css' />
+<link rel='stylesheet' href='/static/css/topmenu.css' type='text/css' />
+<script type='text/javascript' src='/static/js/logout.js'></script>
+<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.js" type="text/javascript"></script>
+<!-- <script type="text/javascript">/static/js/ui.widget.js</script> -->
+<script src="/static/js/jquery.notify.js" type="text/javascript"></script>
+<link rel='stylesheet' href='/static/css/ui.notify.css' type='text/css' />
+
+<script type="text/javascript">
+function create( template, vars, opts ){
+       return $container.notify("create", template, vars, opts);
+}
+
+$(function(){
+       // initialize widget on a container, passing in all the defaults.
+       // the defaults will apply to any notification created within this
+       // container, but can be overwritten on notification-by-notification
+       // basis.
+       $container = $("#notifications").notify();
+       
+       // create two when the pg loads
+       //create("default", { title:'Default Notification', text:'Example of a default notification.  I will fade out after 5 seconds'});
+       //create("sticky", { title:'Sticky Notification', text:'Example of a "sticky" notification.  Click on the X above to close me.'},{ expires:false });
+
+
+
+
+});
+</script>
+
+<script type="text/javascript">  </script>
+<style type="text/css"></style>
+ <script type='text/javascript' src='/static/js/spin-presets.js'></script> 
+ <script type='text/javascript' src='/static/js/spin.min.js'></script> 
+ <script type='text/javascript' src='/static/js/jquery.spin.js'></script> 
+ <script type='text/javascript' src='/static/js/dataTables.js'></script> 
+ <script type='text/javascript' src='/static/js/dataTables.bootstrap.js'></script> 
+ <script type='text/javascript' src='/static/js/with-datatables.js'></script> 
+ <script type='text/javascript' src='/static/js/manifold.js'></script> 
+ <script type='text/javascript' src='/static/js/manifold-query.js'></script> 
+ <script type='text/javascript' src='/static/js/unfold-helper.js'></script> 
+ <script type='text/javascript' src='/static/js/univbrisfoam.js'></script> 
+ <script type='text/javascript' src='/static/js/topmenuvalidation.js'></script> 
+
+ <link rel='stylesheet' type='text/css' href='/static/css/dataTables.bootstrap.css' /> 
+ <link rel='stylesheet' type='text/css' href='/static/css/dataTables.full_numbers.css' /> 
+ <link rel='stylesheet' type='text/css' href='/static/css/univbrisfoam.css' /> 
+
+<script type="text/javascript">  var MANIFOLD_METADATA ={"hardware_type": {"capability": [], "table": "hardware_type", "column": [{"name": "hardware_type_id", "default": "", "is_array": false, "description": "Dummy key", "type": "unsigned", "qualifier": null}, {"name": "name", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}], "key": ["hardware_type_id"]}, "slice": {"capability": [], "table": "slice", "column": [{"name": "parent_authority", "default": "", "is_array": false, "description": "", "type": "authority", "qualifier": null}, {"name": "user", "default": "", "is_array": true, "description": "List of users associated to the slice", "type": "user", "qualifier": null}, {"name": "slice_hrn", "default": "", "is_array": false, "description": "Slice Human Readable name", "type": "text", "qualifier": null}, {"name": "slice_type", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "lease", "default": "", "is_array": true, "description": "List of leases associated to the slice", "type": "lease", "qualifier": null}], "key": ["slice_hrn"]}, "resource": {"capability": [], "table": "resource", "column": [{"name": "component_name", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "tags", "default": "", "is_array": true, "description": "", "type": "tag", "qualifier": null}, {"name": "component_id", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "interfaces", "default": "", "is_array": true, "description": "", "type": "interface", "qualifier": null}, {"name": "component_manager_id", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "longitude", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "country", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "exclusive", "default": "", "is_array": false, "description": "", "type": "bool", "qualifier": null}, {"name": "hrn", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "hardware_types", "default": "", "is_array": true, "description": "", "type": "hardware_type", "qualifier": null}, {"name": "slice", "default": "", "is_array": true, "description": "", "type": "slice", "qualifier": null}, {"name": "network_hrn", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "hostname", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "urn", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "x", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "y", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "z", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "initscripts", "default": "", "is_array": true, "description": "", "type": "initscript", "qualifier": null}, {"name": "location", "default": "", "is_array": false, "description": "", "type": "location", "qualifier": null}, {"name": "latitude", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "boot_state", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "type", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}], "key": ["urn"]}, "network": {"capability": [], "table": "network", "column": [{"name": "platform", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "network_name", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "version", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "network_hrn", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}], "key": ["network_hrn"]}, "initscript": {"capability": [], "table": "initscript", "column": [{"name": "name", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "initscript_id", "default": "", "is_array": false, "description": "Dummy key", "type": "unsigned", "qualifier": null}], "key": ["initscript_id"]}, "authority": {"capability": [], "table": "authority", "column": [{"name": "abbreviated_name", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "parent_authority", "default": "", "is_array": false, "description": "", "type": "authority", "qualifier": null}, {"name": "authority_hrn", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "name", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "slice", "default": "", "is_array": true, "description": "", "type": "slice", "qualifier": null}, {"name": "user", "default": "", "is_array": true, "description": "", "type": "user", "qualifier": null}], "key": ["authority_hrn"]}, "tag": {"capability": [], "table": "tag", "column": [{"name": "value", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "tag_id", "default": "", "is_array": false, "description": "Dummy key", "type": "unsigned", "qualifier": null}, {"name": "tagname", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}], "key": ["tag_id"]}, "user": {"capability": [], "table": "user", "column": [{"name": "telephone", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "email", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "parent_authority", "default": "", "is_array": false, "description": "", "type": "authority", "qualifier": null}, {"name": "last_name", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "slice", "default": "", "is_array": true, "description": "", "type": "slice", "qualifier": null}, {"name": "first_name", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "user_hrn", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}], "key": ["user_hrn"]}, "interface": {"capability": [], "table": "interface", "column": [{"name": "component_id", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "interface_id", "default": "", "is_array": false, "description": "Dummy key", "type": "unsigned", "qualifier": null}], "key": ["interface_id"]}, "lease": {"capability": [], "table": "lease", "column": [{"name": "duration", "default": "", "is_array": false, "description": "", "type": "interval", "qualifier": null}, {"name": "lease_type", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "granularity", "default": "", "is_array": false, "description": "", "type": "interval", "qualifier": null}, {"name": "network", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "start_time", "default": "", "is_array": false, "description": "Start of the lease", "type": "timestamp", "qualifier": null}, {"name": "slice", "default": "", "is_array": true, "description": "", "type": "slice", "qualifier": null}, {"name": "resource", "default": "", "is_array": false, "description": "Resource URN attached to this lease", "type": "resource", "qualifier": null}], "key": ["duration", "start_time", "resource"]}};
+  $(document).ready(function() { $('#checkboxes').UnivbrisFoam({plugin_uuid:"checkboxes",domid:"checkboxes",query_uuid:"3e8690d1dc344332ab76a5d37fadabcb",query_all_uuid:"3e8690d1dc344332ab76a5d37fadabcb",checkboxes:false,datatables_options:{"bLengthChange":true,"bAutoWidth":true,"iDisplayLength":10},hidden_columns:[],init_key:"unknown-setting-init_key"}); });
+  $(document).ready(function() { $('#topmenu-validation').TopmenuValidation({query_uuid:"ce3d13615ceb499090b1d789807f99d2",button_domid:"topmenu-validation"}); });
+  var MANIFOLD_URL = 'https://test.myslice.info:7080';
+  var MANIFOLD_METADATA ={"hardware_type": {"capability": [], "table": "hardware_type", "column": [{"name": "hardware_type_id", "default": "", "is_array": false, "description": "Dummy key", "type": "unsigned", "qualifier": null}, {"name": "name", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}], "key": ["hardware_type_id"]}, "slice": {"capability": [], "table": "slice", "column": [{"name": "parent_authority", "default": "", "is_array": false, "description": "", "type": "authority", "qualifier": null}, {"name": "user", "default": "", "is_array": true, "description": "List of users associated to the slice", "type": "user", "qualifier": null}, {"name": "slice_hrn", "default": "", "is_array": false, "description": "Slice Human Readable name", "type": "text", "qualifier": null}, {"name": "slice_type", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "lease", "default": "", "is_array": true, "description": "List of leases associated to the slice", "type": "lease", "qualifier": null}], "key": ["slice_hrn"]}, "resource": {"capability": [], "table": "resource", "column": [{"name": "component_name", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "tags", "default": "", "is_array": true, "description": "", "type": "tag", "qualifier": null}, {"name": "component_id", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "interfaces", "default": "", "is_array": true, "description": "", "type": "interface", "qualifier": null}, {"name": "component_manager_id", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "longitude", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "country", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "exclusive", "default": "", "is_array": false, "description": "", "type": "bool", "qualifier": null}, {"name": "hrn", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "hardware_types", "default": "", "is_array": true, "description": "", "type": "hardware_type", "qualifier": null}, {"name": "slice", "default": "", "is_array": true, "description": "", "type": "slice", "qualifier": null}, {"name": "network_hrn", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "hostname", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "urn", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "x", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "y", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "z", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "initscripts", "default": "", "is_array": true, "description": "", "type": "initscript", "qualifier": null}, {"name": "location", "default": "", "is_array": false, "description": "", "type": "location", "qualifier": null}, {"name": "latitude", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "boot_state", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "type", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}], "key": ["urn"]}, "network": {"capability": [], "table": "network", "column": [{"name": "platform", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "network_name", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "version", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "network_hrn", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}], "key": ["network_hrn"]}, "initscript": {"capability": [], "table": "initscript", "column": [{"name": "name", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "initscript_id", "default": "", "is_array": false, "description": "Dummy key", "type": "unsigned", "qualifier": null}], "key": ["initscript_id"]}, "authority": {"capability": [], "table": "authority", "column": [{"name": "abbreviated_name", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "parent_authority", "default": "", "is_array": false, "description": "", "type": "authority", "qualifier": null}, {"name": "authority_hrn", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "name", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "slice", "default": "", "is_array": true, "description": "", "type": "slice", "qualifier": null}, {"name": "user", "default": "", "is_array": true, "description": "", "type": "user", "qualifier": null}], "key": ["authority_hrn"]}, "tag": {"capability": [], "table": "tag", "column": [{"name": "value", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "tag_id", "default": "", "is_array": false, "description": "Dummy key", "type": "unsigned", "qualifier": null}, {"name": "tagname", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}], "key": ["tag_id"]}, "user": {"capability": [], "table": "user", "column": [{"name": "telephone", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "email", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "parent_authority", "default": "", "is_array": false, "description": "", "type": "authority", "qualifier": null}, {"name": "last_name", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "slice", "default": "", "is_array": true, "description": "", "type": "slice", "qualifier": null}, {"name": "first_name", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "user_hrn", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}], "key": ["user_hrn"]}, "interface": {"capability": [], "table": "interface", "column": [{"name": "component_id", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "interface_id", "default": "", "is_array": false, "description": "Dummy key", "type": "unsigned", "qualifier": null}], "key": ["interface_id"]}, "lease": {"capability": [], "table": "lease", "column": [{"name": "duration", "default": "", "is_array": false, "description": "", "type": "interval", "qualifier": null}, {"name": "lease_type", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "granularity", "default": "", "is_array": false, "description": "", "type": "interval", "qualifier": null}, {"name": "network", "default": "", "is_array": false, "description": "", "type": "text", "qualifier": null}, {"name": "start_time", "default": "", "is_array": false, "description": "Start of the lease", "type": "timestamp", "qualifier": null}, {"name": "slice", "default": "", "is_array": true, "description": "", "type": "slice", "qualifier": null}, {"name": "resource", "default": "", "is_array": false, "description": "Resource URN attached to this lease", "type": "resource", "qualifier": null}], "key": ["duration", "start_time", "resource"]}};
+  var MANIFOLD_URL = 'https://test.myslice.info:7080';
+  manifold.insert_query( new ManifoldQuery('get', 'user', 'now', [["user_hrn", "==", "$user_hrn"]], {}, ["pi_authorities"], 0, 'ce3d13615ceb499090b1d789807f99d2', null, {}));
+manifold.insert_query( new ManifoldQuery('get', 'local:platform', 'now', [["disabled", "==", "0"]], {}, ["platform", "platform_longname", "gateway_type"], 0, '3e8690d1dc344332ab76a5d37fadabcb', null, {}));
+
+$(document).ready(function () {
+var query_exec_tuples = [];
+ query_exec_tuples.push({'query_uuid':"3e8690d1dc344332ab76a5d37fadabcb"}); 
+ query_exec_tuples.push({'query_uuid':"ce3d13615ceb499090b1d789807f99d2"}); 
+
+manifold.asynchroneous_exec(query_exec_tuples);
+})
+  manifold.insert_query( new ManifoldQuery('get', 'user', 'now', [["user_hrn", "==", "$user_hrn"]], {}, ["pi_authorities"], 0, 'ce3d13615ceb499090b1d789807f99d2', null, {}));
+manifold.insert_query( new ManifoldQuery('get', 'local:platform', 'now', [["disabled", "==", "0"]], {}, ["platform", "platform_longname", "gateway_type"], 0, '3e8690d1dc344332ab76a5d37fadabcb', null, {}));
+
+$(document).ready(function () {
+var query_exec_tuples = [];
+ query_exec_tuples.push({'query_uuid':"3e8690d1dc344332ab76a5d37fadabcb"}); 
+ query_exec_tuples.push({'query_uuid':"ce3d13615ceb499090b1d789807f99d2"}); 
+
+manifold.asynchroneous_exec(query_exec_tuples);
+})
+  </script>
+<style type="text/css">  </style>
+
+
+
+</head>
+
+
+
+
+
+
+
+
+
+
+
+
+
+<body>
+
+  
+  
+
+
+
+<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
+  <div class="navbar-header">
+    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-myslice-collapse">
+      <span class="sr-only">Toggle navigation</span>
+      <span class="icon-bar"></span>
+      <span class="icon-bar"></span>
+      <span class="icon-bar"></span>
+    </button>
+    <a class="navbar-brand" href="/">
+      <img src="/static/img/onelab-logo.png" height="30" alt="OneLab logo" />
+    </a>
+  </div>
+  <div class="collapse navbar-collapse navbar-myslice-collapse topmenu">
+    <ul class="nav navbar-nav">
+        
+        
+       <li class='other'
+       >
+       <a href="/portal/dashboard/"> Dashboard </a> </li>
+       
+        
+        
+       <li class='other'
+       >
+       <a href="/portal/slice_request/"> Request a slice </a> </li>
+       
+        
+        
+       <li class='other disabled'
+        id='topmenu-validation'>
+       <a href="/portal/validate/"> Validation </a> </li>
+       
+        
+       
+        <li class='active'> 
+         <a class="dropdown-toggle" data-toggle="dropdown" href="#">More<b class="caret"></b></a>
+         <ul class="dropdown-menu">
+           
+           <li class='other'
+           >
+           <a href="/portal/platforms/"> Platforms </a> </li>
+           
+           <li class='other'
+           >
+           <a href="/portal/account/"> My Account </a> </li>
+           
+           <li class='other'
+           >
+           <a href="/portal/contact/"> Contact Support </a> </li>
+           
+           <li class='active'
+           >
+           <a href="/portal/univbris/"> UNIVBRIS info </a> </li>
+           
+         </ul>
+        </li>
+        
+       
+    </ul> 
+    <ul class="nav navbar-nav pull-right logged-in">
+      <li class='username'> 
+      Logged in as admin
+      <button id='logout' class='btn btn-xs btn-danger logged-in' username='admin'>Logout</button> 
+      </li>
+    </ul>
+  </div>
+</nav>
+
+  
+       <!--- container to hold notifications, and default templates --->
+<div id="notifications" style="display:none">
+               
+               <div id="default">
+                       <h1>#{title}</h1>
+                       <p>#{text}</p>
+               </div>
+               
+               <div id="sticky">
+                       <a class="ui-notify-close ui-notify-cross" href="#">x</a>
+                       <h1>#{title}</h1>
+                       <pre>#{text}</pre>
+               </div>
+               
+               <div id="themeroller" class="ui-state-error" style="padding:10px; -moz-box-shadow:0 0 6px #980000; -webkit-box-shadow:0 0 6px #980000; box-shadow:0 0 6px #980000;">
+                       <a class="ui-notify-close" href="#"><span class="ui-icon ui-icon-close" style="float:right"></span></a>
+                       <span style="float:left; margin:2px 5px 0 0;" class="ui-icon ui-icon-alert"></span>
+                       <h1>#{title}</h1>
+                       <p>#{text}</p>
+                       <p style="text-align:center"><a class="ui-notify-close" href="#">Close Me</a></p>
+               </div>
+               
+               <div id="withIcon">
+                       <a class="ui-notify-close ui-notify-cross" href="#">x</a>
+
+                       <div style="float:left;margin:0 10px 0 0"><img src="#{icon}" alt="warning" /></div>
+                       <h1>#{title}</h1>
+                       <p>#{text}</p>
+               </div>
+               
+               <div id="buttons">
+                       <h1>#{title}</h1>
+                       <p>#{text}</p>
+                       <p style="margin-top:10px;text-align:center">
+                               <input type="button" class="confirm" value="Close Dialog" />
+                       </p>
+               </div>
+       </div>
+
+<div class="container"> <div class="row">
+   
+    <div id="unfold1-main" class="col-xs-12 columns">
+      
+
+<center><h1>Book UNIVBRIS Optical & Packet Switching Resources </h1></center>
+
+<p>
+<div id='complete-checkboxes' class=' persistent-toggle'>
+
+
+
+<div class='plugin UnivbrisFoam' id='checkboxes' style='display:none;'>
+<div id='main-checkboxes' class='univbrisfoam-spacer'>
+ <form id="uob_form">
+  <table class='table table-striped table-bordered dataTable' id='checkboxes__table'>
+    <thead>
+      <tr>
+         <th>switch dpid</th>  <th>port no&lt;-&gt;peer dpid/port no.</th>  <th>selected</th>  
+         
+        
+      </tr>
+    </thead> 
+    <tbody>
+    </tbody>
+    <tfoot>
+      <tr>
+         <th>switch dpid</th>  <th>port no&lt;-&gt;peer dpid/port no.</th>  <th>selected</th>  
+         
+        
+      </tr>
+    </tfoot> 
+  </table>
+ </form>
+</div>
+
+</div>
+
+
+</div>
+
+</P>
+<p></p>
+      
+
+    </div><!--col-xs-12-->
+
+</div></div>
+
+</body>
+</html>