Merge branch 'onelab' of ssh://git.onelab.eu/git/myslice into onelab
[myslice.git] / portal / templates / slice-tab-experiment.html
index bfa9cee..be351fb 100644 (file)
@@ -1,65 +1,58 @@
-<div class="col-md-10 col-md-offset-1">
 <script type="text/javascript">
-    $(document).ready(function() {
-        console.log('{{platforms}}');
-           {% for platform in platforms %}
-        // /sfa/Describe?hrn=onelab.upmc.projectx.slicex&platform[]={{platform}}&type=slice
-        $.post("/sfa/Describe",{'hrn':'{{slicename}}', 'type':'slice', 'platform':['{{platform}}']}, function( data ) {
-            if('parsed' in data['{{platform}}'] && 'rspec' in data['{{platform}}']['parsed']){
-                rspec = data['{{platform}}']['parsed']['rspec'];
-                if('node' in rspec){
+function is_finished(len_platforms, pf_status){
+    if(len_platforms == pf_status){
+        return true;
+    }else{
+        return false;
+    }
+}
+
+// Specific DIVs for each type of testbed
+$(document).ready(function() {
+    var platform_status = Array();
+    var platform_empty = Array();
+    {% for platform in platforms %}
+    // /sfa/Describe?hrn=onelab.upmc.projectx.slicex&platform[]={{platform}}&type=slice
+    $.post("/sfa/Describe",{'hrn':'{{slicename}}', 'type':'slice', 'platform':['{{platform}}']}, function( data ) {
+        console.log(data);
+        if('parsed' in data['{{platform}}'] && 'rspec' in data['{{platform}}']['parsed']){
+            rspec = data['{{platform}}']['parsed']['rspec'];
+            if('node' in rspec){
+                if(rspec['node'] instanceof Array) {
                     jQuery.each( rspec['node'], function( i, node ) {
                         render_node('{{platform}}',node);
                     });
+                }else{
+                    render_node('{{platform}}',rspec['node']);
                 }
-            }
-        });
-           {% endfor %}
-    });
-    
-    function render_node(platform, node){
-        console.log(platform,node);
-        if('@component_manager_id' in node){
-            // urn:publicid:IDN+ple+authority+cm
-            t_urn = node['@component_manager_id'].split('+');
-            //if(t_urn[1].indexOf(":") > -1)
-            testbed = t_urn[1];
-            if(!$('#'+testbed).length){
-                testbed = 'default';
-            }
-        }else{
-            testbed = 'default';
-        }
-        if('services' in node && 'login' in node['services']){
-            console.log(node['services']['login']);
-            login = node['services']['login'];
-            if('@port' in login && login['@port']!='22'){
-                $('#'+testbed).append("<p class='command'>$ ssh "+login['@username']+"@"+login['@hostname']+" -p "+login['@port']+"</p>");
             }else{
-                $('#'+testbed).append("<p class='command'>$ ssh "+login['@username']+"@"+login['@hostname']+"</p>");
+                platform_empty.push('{{platform}}');
             }
-       
-        }else if('@component_name' in node){
-            console.log(node['@component_name']);
         }else{
-            console.log(node);
-        }
-        $("#access").show();
-
-        $('#'+testbed).show();
-        if($('#'+testbed+'_header').length){
-            $('#'+testbed+'_header').show();
+            platform_empty.push('{{platform}}');
         }
-        if($('#'+testbed+'_footer').length){
-            $('#'+testbed+'_footer').show();
+        platform_status.push('{{platform}}');
+        if(is_finished({{len_platforms}},platform_status.length)){
+            $("#loading").hide();
+            if(platform_empty.length == {{len_platforms}}){
+                $("#warning_message").show();
+            }
         }
-    }
+    });
+    {% endfor %}
+});
 </script>
-<div id="access" style="display:none;">
-    <h2>How to access your reserved resources</h2>
+<div class="col-md-10 col-md-offset-1">
+<div id="access">
+    <h2>How to access your reserved resources?</h2>
+    <img src="{{ STATIC_URL }}img/loading.gif" id="loading" alt="Loading reserved resources" />
+</div>
+<div id="warning_message" style="display:none; color:orange; font-weigh:bold;">
+Please add resources to your slice from the left tab <a href="/resources/{{slicename}}">"Resources"</a>
 </div>
 <div id="default">
 </div>
+{% if "ple" in platforms %}
 <div id="ple_header" style="display:none;">
        <h3>PlanetLab Europe</h3>
        
     <script type="text/javascript">
     $(document).ready(function() {
         $.post("/initscript/get/",{'slice_hrn':'{{slicename}}'}, function( data ) {
-            console.log(data);
             jQuery('#initscript_code').val(data['initscript_code']);
         });
     });
     function deploy(slice_hrn){
-        console.log("deploy = "+slice_hrn);
         var initscript_code = jQuery('#initscript_code').val()
         $.post("/initscript/update/",{'slice_hrn':slice_hrn, 'initscript_code':initscript_code}, function( data ) {
-            console.log(data);
             if (data['ret'] == 0) {
                 mysliceAlert('Success: initscript deployed','success', true);
             }else{
         });
     }
     function del(slice_hrn){
-        console.log("delete");
         $.post("/initscript/delete/",{'slice_hrn':slice_hrn}, function( data ) {
-            console.log(data);
             if (data['ret'] == 0) {
                 mysliceAlert('Success: initscript deleted','success', true);
                 jQuery('#initscript_code').val('');
     </script>
     <br>
 </div>
+{% endif %}
+{% if "iotlab" in platforms %}
 <div id="iotlab_header" style="display:none;">
        <h3>FIT IoT-Lab</h3>
        <p>FIT IoT-Lab resources are accessible directly via SSH and <a href="https://www.iot-lab.info/testbed/" target="_blank">web GUI.</a>
 </div>
 <div id="iotlab" style="display:none;">
 </div>
+{% endif %}
+{% if "nitos" in platforms %}
 <div id="nitos_header" style="display:none;">
        <h3>NITOS Volos (Greece)</h3>
        
         You will find the ssh commands to connect to NITOS nodes below:
        </p>
        <h4>NITLab</h4>
-       <p class="command">
-           $ ssh {{slicename}}@nitlab.inf.uth.gr #nodes 001-040<br>
-        $ ssh {{slicename}}@nitlab2.inf.uth.gr #nodes 041-049<br>
-        $ ssh {{slicename}}@nitlab3.inf.uth.gr #nodes > 049
-    </p>
 </div>
 <div id="nitos" style="display:none;">
-       <p>Loading an OMF-compatible image on your resource:</p>
-       <p class="command">
-               <b>Resource</b><br>
-        $ omf6 stat -t {{resource}} #check the status of the node<br>
-        $ omf6 tell -a on -t {{resource}}  #turn on/off the node <br>
-       $ omf6 load -i baseline.ndz -t {{resource}}  #for orbit-like node (002-009) use "baseline_orbit.ndz"<br>
-       </p>
 </div>
 <div id="nitos_footer" style="display:none;">
     <p><b>NOTE:</b> Nodes 002-009 are orbit-like nodes. For these nodes use "baseline_orbit.ndz". All these images come with OMF5.4 resource controller. To do OMF6 experiments use "baseline_omf6_1_1.ndz" and  "baseline_orbit_omf6_1_1.ndz" for grid nodes and orbit nodes respectively. </p>
-</div>
-       {% if nitos_paris_resources %}
-       <h4>FIT NITOS-Lab Paris</h4>
-        <p class="command">
-               $ ssh {{slicename}}@griffin.ipv6.lip6.fr
-        </p>
-       <p>For each of the reserved nodes, follo the steps given below:</p>
-       <p class="command">
-       {%for resource in nitos_paris_resources %}
-               <b>Resource</b><br>
-       $ omf load -i baseline_grid.ndz -t {{resource}}  #loading OMF image on the node<br>
-       $ omf tell -a on -t {{resource}}  #turn on the node <br>
-       $ ssh root@{{resource}}  #ssh to the node<br><br>
-       {%endfor%}
+       <p>
+       The complete tutorial on NITOS nodes:
+       <a target="_blank" href="http://nitlab.inf.uth.gr/NITlab/index.php/testbed/instructions/basic-tutorial">NITOS basic tutorial</a>
        </p>
+    <p>OMF based experiments' tutorials are available <a href="http://nitlab.inf.uth.gr/NITlab/index.php/testbed/instructions/omf-tutorials-scenarios" target="_blank">here.</a></p> 
+       <p>To learn more about OMF, please click <a href="http://omf.mytestbed.net/projects/omf/wiki/OMF_Main_Page" target="_blank">here.</a></p>
 
+</div>
+{% endif %}
+{% if "nitos-paris" in platforms %}
+<div id="paris.fit-nitos.fr_header" style="display:none;">
+       <h4>FIT NITOS-Lab Paris</h4>
+</div>
+<div id="paris.fit-nitos.fr" style="display:none;">
+</div>
+<div id="paris.fit-nitos.fr_footer" style="display:none;">
        <p>
                On the node itself you will have to modify the file /etc/omf-resctl-5.3/omf-resctl.yaml (OMF5.4 only) according to your slice settings and then
                restart the OMF Resource Controller and finally execute the experiment:
        <p class="command">
                $ omf exec --slice {{slicename}} your_exp.rb
        </p>
+
        <p>
-       The complete tutorial on NITOS nodes:
-       <a target="_blank" href="http://nitlab.inf.uth.gr/NITlab/index.php/testbed/instructions/basic-tutorial">NITOS basic tutorial</a>
+       The complete tutorial on FIT NITOS nodes:
+       <a target="_blank" href="http://doc.onelab.eu/nitos.html">basic tutorial</a>
        </p>
     <p>OMF based experiments' tutorials are available <a href="http://nitlab.inf.uth.gr/NITlab/index.php/testbed/instructions/omf-tutorials-scenarios" target="_blank">here.</a></p> 
        <p>To learn more about OMF, please click <a href="http://omf.mytestbed.net/projects/omf/wiki/OMF_Main_Page" target="_blank">here.</a></p>
-
-       {% endif %}
-       
+</div>
+{% endif %}
+<div style="padding-top:20px;">        
        <h2>Available Tools</h2>
        <p><img src="{{ STATIC_URL }}img/terminal_icon.png" width="50"> <b>SSH</b></p>
        <p>
        <p>In addition to the main OMF software, this site also hosts OMF sub-projects addressing various related aspects of a testbed's control, measurement, and management.</p>
        <p>More Info: <a href="http://mytestbed.net/projects/omf" target="_blank">http://mytestbed.net/projects/omf</a></p>
 </div>
+</div>