portal/templates/base.html

   1 {% load portal_filters %}
   2 {# This is required by insert_above #}{% insert_handler %}<!DOCTYPE html>
   3 <html lang="en">
   4 <head>
   5 <title>{{theme}} portal - {{ section }}</title>
   6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
   7
   8 <!--Selecting favicon based on theme. Add more for other portals -->
   9 {% if theme == "fed4fire" %}
  10     <link rel="shortcut icon" href="/static/img/fed4fire_favicon.ico">
  11 {% elif theme == "smartfire" %}
  12     <link rel="shortcut icon" href="/static/img/smartfire_favicon.ico">
  13 {% else %}
  14     <link rel="shortcut icon" href="/static/img/favicon.ico">
  15 {% endif %}
  16
  17 {# This is where insert_str will end up #}{% media_container prelude %}
  18 {% include 'messages-transient-header.html' %}
  19 <script type="text/javascript"> {# raw js code - use {% insert prelude_js %} ... {% endinsert %} #} {% container prelude_js %}</script>
  20 <!--<script src="{{ STATIC_URL }}js/jquery-ui.js"></script>-->
  21 <script src="{{ STATIC_URL }}js/jquery.dataTables.min.js"></script>
  22 <script src="{{ STATIC_URL }}js/jquery.qtip.min.js"></script>
  23 <script src="{{ STATIC_URL }}js/bootstrap.datatables.js"></script>
  24 <script src="{{ STATIC_URL }}js/common.functions.js"></script>
  25 <script src="{{ STATIC_URL }}js/myslice.js"></script>
  26 <script src="{{ STATIC_URL }}js/myslice-ui.js"></script>
  27
  28 <script type="text/javascript" src="{{STATIC_URL}}/js/spin-presets.js"></script>
  29 <script type="text/javascript" src="{{STATIC_URL}}/js/spin.min.js"></script>
  30 <script type="text/javascript" src="{{STATIC_URL}}/js/jquery.spin.js"></script>
  31
  32 <style type="text/css">{# In case we need to add raw css code #}{% container prelude_css %}</style>
  33 {{ header_prelude }}
  34 {% block head %} {% endblock head %}
  35 {# let's add these ones no matter what #}
  36 {#NOTE: DO NOT ADD JQUERY-UI JS & CSS HERE. IT BREAKS THE RESOURCE BROWSING PAGE -- DETAILS WITH JORDAN AUGE#}
  37 {% insert_str prelude "js/jquery.min.js" %}
  38 {% insert_str prelude "js/angular/angular.min.js" %}
  39 {% insert_str prelude "js/jquery.html5storage.min.js" %}
  40 {% insert_str prelude "js/messages-runtime.js" %}
  41 {% insert_str prelude "js/class.js" %}
  42 {% insert_str prelude "js/plugin-helper.js" %}
  43 {% insert_str prelude "js/mustache.js" %}
  44 {% insert_str prelude "js/hashtable.js" %}
  45 {% insert_str prelude "js/plugin.js" %}
  46 {% insert_str prelude "js/manifold.js" %}
  47 {% insert_str prelude "css/manifold.css" %}
  48 {% insert_str prelude "css/plugin.css" %}
  49 {% insert_str prelude "js/bootstrap.js" %}
  50 {% insert_str prelude "css/bootstrap.css" %}
  51 {% insert_str prelude "js/bootstrap-datepicker.js" %}
  52 {% insert_str prelude "css/datepicker.css" %}
  53 {% insert_str prelude "js/bootstrap-slider.js" %}
  54 {% insert_str prelude "css/slider.css" %}
  55 {% insert_str prelude "css/topmenu.css" %}
  56 {% insert_str prelude "js/logout.js" %}
  57 <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/{{ theme }}.css">
  58 <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/jquery.qtip.min.css">
  59
  60
  61 <script type="text/javascript">
  62 /*
  63 XXX TODO: session
  64 This list of slices should go into SESSION !
  65 */
  66 $(document).ready(function() {
  67 {% if username %}
  68     myslice.login(function(){
  69         user = myslice.get_user();
  70
  71         var slices = [];
  72         if($.isEmptyObject(user)){
  73             $("div#home-slice-list").html(
  74                         "<div>You do not yet have a slice</div>");
  75             $("ul#dropdown-slice-list").append("<li>no slice</li>");
  76             slices.push("no slice");
  77         }else{
  78             slices = user.slices;
  79             {% if theme != "fed4fire" or  "onelab" in theme %}
  80             drawSlices(slices);
  81             {% endif %}
  82         }
  83         {% if theme == "fed4fire" or "onelab" in theme%}
  84         p = myslice.get_projects();
  85         if(p != null){
  86             //drawProjects(p);
  87             drawProjectsTree(p,slices);
  88         }
  89         {% endif %}
  90     });
  91
  92     function drawSlices(slices){
  93         var items = [];
  94
  95         $.each( slices, function(i, val) {
  96             items.push( "<li><a href=\"/resources/"+val+"\" title='Add resources to slice "+val+"'><img src='/static/img/icon_slices_small.png' style='width: 12px;'>" + val + "</a></li>" );
  97         });
  98         $("div#home-slice-list").html($( "<ul/>", { html: items.join( "" ) }));
  99         $("ul#dropdown-slice-list").append(items.join( "" ));
 100     }
 101
 102     {% if theme == "fed4fire" or "onelab" in theme%}
 103     function drawProjects(projects){
 104         var items = [];
 105
 106         $.each( projects, function(i, val) {
 107             items.push( "<li><a href=\"/portal/project/"+val+"\" title='Manage project "+val+"'>" + val + "</a></li>" );
 108         });
 109         $("div#home-project-list").html($( "<ul/>", { html: items.join( "" ) }));
 110         $("ul#dropdown-project-list").append(items.join( "" ));
 111     }
 112     function drawProjectsTree(projects,slices) {
 113         var items = [];
 114         var items_sl = [];
 115         $.each( projects, function(i, p) {
 116             $.each( slices, function(y, s) {
 117                 if (s.match('^' + escapeRegExp(p))) {
 118                      slicename = s.replace(p + '.','')
 119                      items_sl.push( "<li><a href=\"/resources/" + s + "\" title='Add resources to slice "+slicename+"'><img src='/static/img/icon_slices_small.png' style='width: 12px;'>  " + slicename + "</a></li>" );
 120                 }
 121             });
 122             el = "<li><a href=\"/portal/project/" + p + "\" title='Manage project "+p+"' >" + p + "</a>";
 123             if (items_sl.length > 0) {
 124                 el += "<ul>" + items_sl.join( "" ) + "</ul>";
 125             }
 126             el += "</li>";
 127             items.push(el);
 128             items_sl = [];
 129         });
 130         $("div#home-project-tree").html($( "<ul/>", { html: items.join( "" ) }));
 131         if (projects.length > 0) {
 132             $('.dashboard-create-slice').show();
 133         }
 134     }
 135
 136     window.setTimeout(function() {
 137         $('.projects-loading').hide();
 138     },20000);
 139     {% endif %}
 140 {% endif %}
 141         jQuery('[title!=""]').qtip();
 142 });
 143 </script>
 144 </head>
 145 <body ng-app="ManifoldApp">
 146 <div class="row">
 147 {% widget '_widget-message.html' %}
 148 </div>
 149 {% block container %}
 150         {% block topmenu %}
 151         {% widget "_widget-topmenu.html" %}
 152         {% endblock topmenu %}
 153         {% block base_content %}
 154         {% endblock %}
 155 {% endblock container %}
 156 {% widget "_footer.html" %}
 157 <div class="loading">
 158         <div><img src="{{ STATIC_URL }}/img/loading.gif" /> Loading...</div>
 159         <div>&nbsp;</div>
 160         <div class="message"></div>
 161 </div>
 162 </body>
 163 </html>