portal/templates/onelab/onelab_home-view.html

   1 {% extends "layout_base.html" %}
   2 {% load portal_filters %}
   3
   4 {% block content %}
   5 <!-- <div class="row">
   6 {% widget '_widget-news.html' %}
   7 </div> -->
   8 {% if username %}
   9
  10 {% block head %}
  11 <script type="text/javascript" src="https://java.com/js/dtjava.js"></script>
  12 {% endblock head %}
  13
  14 {% widget "_widget-no_credentials.html" %}
  15 <div class="container dashboard">
  16         <div class="row">
  17             <div class="col-md-12" id="credentials_msg" style="display:none;">
  18         {%if 'no_creds'  in user_cred %}
  19         <p class="command"><a href="#" style="color:red" data-toggle="modal" data-target="#myModal">NO CREDENTIALS</a> are delegated to the portal!</p>
  20         {%endif%}
  21         {%if 'creds_expired'  in user_cred %}
  22         <p class="command"><a href="#" style="color:red" data-toggle="modal" data-target="#myModal">EXPIRED CREDENTIALS</a> Please delegate again your credentials to the portal!</p>
  23     {%endif%}
  24         </div>
  25     </div>
  26     <div class="row">
  27         <div class="col-sm-4">
  28             <h3>
  29                 <a href="/portal/slice_request/"><img src="{{ STATIC_URL }}img/icon_slices_small.png" alt="" />EXPERIMENT</a>
  30             </h3>
  31             <div>
  32                 <span class="glyphicon glyphicon-cog"></span> <a href="/portal/project_request/">Create/Join project</a>
  33             </div>
  34             <div class="dashboard-create-slice">
  35                 <span class="glyphicon glyphicon-plus"></span> <a href="/portal/slice_request/">Create slice</a>
  36             </div>
  37             <div class="projects-tree">
  38                 Your projects and slices
  39                 <span title="A <b>slice</b> is a set of testbed resources on which you can conduct an experiment.
  40                 Either ask your colleagues to give you access to an existing slice or request a new slice by clicking 'Request Slice'.
  41                 However, on the Fed4FIRE portal, you will only see slices that you have created through Fed4FIRE. If you have created slices elsewhere,
  42                 those slices will not appear here. <br /><br /> A <b>project</b> is a sub-authority under the responsability of your institution gathering users,
  43                 who will be able to create slices for their experiments." class="glyphicon glyphicon-info-sign">&nbsp;</span>
  44
  45                 <div id="home-project-tree"><img class="projects-loading" src="{{ STATIC_URL }}img/loading.gif" alt="Loading projects" /></div>
  46             </div>
  47             {% include theme|add:"_jfed_button.html" %}
  48         </div>
  49         <div class="col-sm-4">
  50             <div class="row">
  51                 <div class="col-sm-12">
  52                     <h3>
  53                         <a href="/portal/account/"><img src="{{ STATIC_URL }}img/icon_user_small.png" alt="" /></a><a href="/portal/account/">ACCOUNT</a>
  54                     </h3>
  55                     {% if person.last_name %}
  56                     <p>
  57                         {{person.first_name}} {{person.last_name}}
  58                     </p>
  59                     {% endif %}
  60                     <p>
  61                         <span class="glyphicon glyphicon-user"></span> <a href='/portal/account/' title="Click here to see and edit your account details.">{{person.email}}</a>
  62                     </p>
  63                 </div>
  64             </div>
  65             <div class="row">
  66                 <div class="col-sm-12">
  67                     <h3>
  68                         <a href="/portal/institution"><img src="{{ STATIC_URL }}img/icon_authority_color_small.png" alt="" /></a><a href="/portal/institution">MANAGEMENT</a>
  69                     </h3>
  70
  71                     <div>
  72                         <span class="glyphicon glyphicon-ok"></span> <a href="/portal/institution#requests">Validate Requests</a>
  73                     </div>
  74                 </div>
  75             </div>
  76         </div>
  77         <div class="col-sm-4">
  78             <div class="row">
  79                 <div class="col-sm-12">
  80                     <h3>
  81                         <a href="/portal/support"><img src="{{ STATIC_URL }}img/icon_support_small.png" alt="" /></a><a href="/portal/support">SUPPORT</a>
  82                     </h3>
  83                     <p>
  84                         <span class="glyphicon glyphicon-envelope"></span> <a href="/portal/contact/">Contact</a>
  85                     </p>
  86                     <p>
  87                         <span class="glyphicon glyphicon-book"></span> <a href="http://doc.onelab.eu" target="_blank">Documentation & Tutorials</a>
  88                     </p>
  89                     {% include theme|add:"_dashboard_links.html" %}
  90                 </div>
  91             </div>
  92                         <br>
  93             <div class="row">
  94                 <div class="col-sm-12">
  95                     <h3>
  96                         <span class="glyphicon glyphicon-cloud" style="font-size:40px; color:#ca47c3; display:inline-block;"></span>
  97                                                 <span style="vertical-align:15px; display:inline-block; margin-left:20px;">SERVICES</span>
  98                     </h3>
  99                     <p>
 100                                                 <a href="https://aic.onelab.eu" target="_blank"><img src="{{ STATIC_URL }}img/aic-logo.png" alt="" style="width:100px;margin-left:40px;" /></a>
 101                                                 <br>
 102                                                 <span class="glyphicon glyphicon-phone"></span>
 103                                                 <a href="https://aic.onelab.eu" target="_blank">
 104                                                 Connect to AiC
 105                                                 </a>
 106                                                 <br>
 107                                                 <span class="glyphicon glyphicon-book"></span>
 108                                                 <a href="https://aic-project.github.io/" target="_blank">Documentation</a>
 109                     </p>
 110                 </div>
 111             </div>
 112         </div>
 113     </div>
 114 </div>
 115 {% else %}
 116 <div class="container-fluid home">
 117         <div class="">
 118         <div class="col-sm-2"></div>
 119         {% widget '_slogan.html' %}
 120         <div class="col-sm-5 col-sm-offset-1">
 121             <div class="row">
 122                 {% widget '_widget-login-user.html' %}
 123             </div>
 124         </div>
 125         <div class="col-sm-1"></div>
 126                 </div>
 127         </div>
 128
 129 <script type="text/javascript">
 130         $(document).ready(function() {
 131         localStorage.clear();
 132     });
 133 </script>
 134
 135 {% endif %}
 136
 137
 138 <script type="text/javascript">
 139    var config = {
 140        java8_jnlp: 'http://jfed.iminds.be/jfed-f4f-java8.jnlp',
 141        java7_jnlp: 'http://jfed.iminds.be/jfed-f4f-java7.jnlp'
 142    };
 143
 144    var certkey = "{{jfed_identity}}";
 145
 146         $(document).ready(function() {
 147             {%if 'no_creds' in user_cred or 'creds_expired' in user_cred %}
 148         localStorage.clear();
 149         /*
 150         $.post("/cache/clear/", function( data ) {
 151         });
 152         */
 153         {% endif %}
 154                 $('a.home-tab').click(function() {
 155                         $('ul.nav-tabs li').removeClass('active');
 156                         $(this).parent().addClass('active');
 157                         $('div.home-panel').hide();
 158                         $('div#'+$(this).data('panel')).show();
 159                 });
 160
 161     });
 162 </script>
 163 <script src='https://authority.ilabt.iminds.be/js/jquery/jquery-ui.min.js'></script>
 164 <script src="//java.com/js/dtjava.js"></script>
 165 <script src='https://authority.ilabt.iminds.be/js/jfed_webstart_f4fportal.js'></script>
 166 <link rel='stylesheet' href='https://authority.ilabt.iminds.be/js/jquery/jquery-ui.css' />
 167
 168 {% if theme == 'onelab' %}
 169 {% widget "_widget-monitor.html" %}
 170 {% endif %}
 171 {% endblock %}