portal/templates/fed4fire/fed4fire_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                 <img src="{{ STATIC_URL }}img/icon_slices_small.png" alt="" />EXPERIMENT
  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
  48             <div class="experiment-tools">
  49                 <h4 title="Some tools do their own slice creation and management.">Experiment now</h4>
  50
  51                 <p class="jfed">
  52                     <button id="start" class="btn btn-primary" type="button" onclick="launchjFed()"><span class="glyphicon glyphicon-cloud"></span> Start jFed</button>
  53                 </p>
  54                 <div id='java7Dialog' title="Old Java version detected" >
  55                 <p>The latest version of jFed is only compatible with Java 8 or higher. We detected that you are using an older version.</p>
  56                 <p>Please upgrade to Java 8 to get access to the newest version of jFed. Otherwise, you can use jFed 5.3.2, which is Java 7-compatible.</p>
  57                 </div>
  58
  59                 <div id='noJavaDialog' title="No Java detected" >
  60                 <p>jFed requires Java to run. We however couldn't detect a Java installation in your browser.</p>
  61                 <p>Please install the latest version of Java to continue.</p>
  62                 </div>
  63
  64             </div>
  65         </div>
  66         <div class="col-sm-4">
  67             <div class="row">
  68                 <div class="col-sm-12">
  69                     <h3>
  70                         <a href="/portal/account/"><img src="{{ STATIC_URL }}img/icon_user_small.png" alt="" /></a><a href="/portal/account/">ACCOUNT</a>
  71                     </h3>
  72                     {% if person.last_name %}
  73                     <p>
  74                         {{person.first_name}} {{person.last_name}}
  75                     </p>
  76                     {% endif %}
  77                     <p>
  78                         <span class="glyphicon glyphicon-user"></span> <a href='/portal/account/' title="Click here to see and edit your account details.">{{person.email}}</a>
  79                     </p>
  80                 </div>
  81             </div>
  82             <div class="row">
  83                 <div class="col-sm-12">
  84                     <h3>
  85                         <a href="/portal/institution"><img src="{{ STATIC_URL }}img/icon_authority_color_small.png" alt="" /></a><a href="/portal/institution">MANAGEMENT</a>
  86                     </h3>
  87
  88                     <div>
  89                         <span class="glyphicon glyphicon-ok"></span> <a href="/portal/institution#requests">Validate Requests</a>
  90                     </div>
  91                 </div>
  92             </div>
  93         </div>
  94         <div class="col-sm-4">
  95             <div class="row">
  96                 <div class="col-sm-12">
  97                     <h3>
  98                         <a href="/portal/support"><img src="{{ STATIC_URL }}img/icon_support_small.png" alt="" /></a><a href="/portal/support">SUPPORT</a>
  99                     </h3>
 100                     <p>
 101                         <span class="glyphicon glyphicon-envelope"></span> <a href="/portal/contact/">Contact</a>
 102                     </p>
 103                     <p>
 104                         <span class="glyphicon glyphicon-stats"></span> <a target="_blank" href="https://flsmonitor.fed4fire.eu">Testbeds' status</a>
 105                         </br />
 106                         <span class="glyphicon glyphicon-stats"></span> <a href="/portal/reputation">Testbeds' reputation</a>
 107
 108                     </p>
 109                     <p>
 110                         <span class="glyphicon glyphicon-book"></span> <a target="_blank" href="http://doc.fed4fire.eu/">Documentation</a>
 111                     </p>
 112                 </div>
 113             </div>
 114         </div>
 115     </div>
 116 </div>
 117 {% else %}
 118 <div class="container home">
 119         <div class="">
 120                 <div class="col-sm-4 col-sm-offset-1 slogan">
 121                         <h1>
 122                                 Fed4FIRE Portal
 123                         </h1>
 124                         <h3>
 125                                 Your easy access to Future Internet Research and Experimentation testbeds belonging to the
 126                                 <a target="_blank" href="http://www.fed4fire.eu/">Fed4FIRE</a> federation.
 127                         </h3>
 128                         <br />
 129                         <h4>
 130                                  <a href='http://doc.fed4fire.eu'>Want to learn more?</a>
 131                         </h4>
 132                 </div>
 133                 <div class="col-sm-4 col-sm-offset-1" style="width:400px; top:16px; float:left;">
 134                         <div class="row">
 135                                 {% widget '_widget-login-user.html' %}
 136                         </div>
 137                 </div>
 138         </div>
 139 </div>
 140
 141 <script type="text/javascript">
 142         $(document).ready(function() {
 143         localStorage.clear();
 144     });
 145 </script>
 146
 147 {% endif %}
 148
 149
 150 <script type="text/javascript">
 151    var config = {
 152        java8_jnlp: 'http://jfed.iminds.be/jfed-f4f-java8.jnlp',
 153        java7_jnlp: 'http://jfed.iminds.be/jfed-f4f-java7.jnlp'
 154    };
 155
 156    var certkey = "{{jfed_identity}}";
 157
 158         $(document).ready(function() {
 159             {%if 'no_creds' in user_cred or 'creds_expired' in user_cred %}
 160         localStorage.clear();
 161         /*
 162         $.post("/cache/clear/", function( data ) {
 163         });
 164         */
 165         {% endif %}
 166                 $('a.home-tab').click(function() {
 167                         $('ul.nav-tabs li').removeClass('active');
 168                         $(this).parent().addClass('active');
 169                         $('div.home-panel').hide();
 170                         $('div#'+$(this).data('panel')).show();
 171                 });
 172
 173     });
 174 </script>
 175 <script src='https://authority.ilabt.iminds.be/js/jquery/jquery-ui.min.js'></script>
 176 <script src="//java.com/js/dtjava.js"></script>
 177 <script src='https://authority.ilabt.iminds.be/js/jfed_webstart_f4fportal.js'></script>
 178 <link rel='stylesheet' href='https://authority.ilabt.iminds.be/js/jquery/jquery-ui.css' />
 179 {% endblock %}