-{% extends "layout-unfold1.html" %}
+{% extends "layout_wide.html" %}
-{% block unfold_main %}
-<div id="slice-view">
- <div class="col-md-2">
- <div id="select-platform" class="list-group">
- </div>
-
- <ul class="list-group">
- <li class="list-group-item">Filter: CPU</li>
- <li class="list-group-item">Filter: Interface</li>
- <li class="list-group-item">...</li>
- <li class="list-group-item">...</li>
- <li class="list-group-item">...</li>
- </ul>
-
- </div>
+{% block content %}
+ <div class="col-md-2"></div>
<div class="col-md-10">
<div class="row">
{% include theme|add:"_widget-slice-sections.html" %}
</div>
- <div class="row slice-pending">
- <ul class="nav nav-pills">
- <li><a href="">Unreserved<span class="badge">42</span></a></li>
- <li><a href="">Reserved</a></li>
- <li><a href="">Pending</a></li>
- <li>
- <button type="button" class="btn btn-primary apply">Apply</button>
- <button type="button" class="btn btn-default clear">Clear</button>
- </li>
- </ul>
- </div>
- <div class="row">
- <ul class="nav nav-tabs">
- <li class="active"><a href="#">Resources</a></li>
- <li><a href="#"></a></li>
- <li><a href="#"></a></li>
- </ul>
- </div>
- <table cellpadding="0" cellspacing="0" border="0" class="table" id="objectList"></table>
- </div>
-</div>
-{% endblock unfold_main %}
\ No newline at end of file
+ </div>
+
+ <div class="col-md-2"></div>
+ <div class="col-md-10">
+ <br>
+ <br>
+ <div id="slice-tab-loading"><img src="{{ STATIC_URL }}img/loading.gif" alt="Loading Slices" /></div>
+ <div id="slice-tab-loaded" style="display:none;">
+ <table id="slice-tab">
+ </table>
+ </div>
+ </div>
+
+<script>
+ $(document).ready(function() {
+ $.post("/rest/slice/",{'filters':{'slice_hrn':'{{slice}}'}}, function( data ) {
+ var table_slices = [];
+ /* "slice_hrn", "slice_description", "slice_type", "parent_authority", "created", "nodes", "slice_url", "slice_last_updated", "user", "slice_urn", "slice_expires" */
+ $.each( data, function( key, val ) {
+ if(val.nodes=="undefined" || val.nodes==null){
+ nodes_length=0;
+ }else{
+ nodes_length=val.nodes.length;
+ }
+
+ if(val.user=="undefined" || val.user==null){
+ user_length=0;
+ }else{
+ user_length=val.user.length;
+ }
+
+ if(val.slice_url=="undefined" || val.slice_url==null){
+ slice_url="";
+ }else{
+ slice_url="<a href='"+val.slice_url+"' target='_blank'>"+val.slice_url+"</a>";
+ }
+
+ slice_row = "<tr><td><b>Description:</b></td><td>"+val.slice_description+"</td></tr>";
+ slice_row += "<tr><td><b>url:</b></td><td><a href='"+val.slice_url+" target='_blank'>"+val.slice_url+"</a></td></tr>";
+ slice_row += "<tr><td><b>users:</b></td><td>"+user_length+"</td></tr>";
+ slice_row += "<tr><td><b>resources:</b></td><td>"+nodes_length+"</td></tr>";
+ slice_row += "<tr><td><b>created:</b></td><td>"+val.created+"</td></tr>";
+ slice_row += "<tr><td><b>last update:</b></td><td>"+val.last_updated+"</td></tr>";
+ slice_row += "<tr><td><b>expires:</b></td><td>"+val.slice_expires+"</td></tr>";
+ table_slices.push(slice_row);
+ });
+ $("table#slice-tab").html(table_slices.join( "" ));
+ $("div#slice-tab-loaded").css("display","block");
+ $("div#slice-tab-loading").css("display","none");
+ });
+ });
+</script>
+{% endblock %}