From 793abde45636a2d32686094120cff8e06dcefc4f Mon Sep 17 00:00:00 2001
From: Loic Baron <loic.baron@lip6.fr>
Date: Thu, 14 Apr 2016 22:59:39 +0200
Subject: [PATCH] OneLab templates: documentation link on the dashboard &
 changed port for manual delegation doc

---
 portal/templates/onelab/onelab_home-view.html | 151 ++++++++++++++++++
 .../onelab/onelab_manual-delegation.html      | 102 ++++++++++++
 2 files changed, 253 insertions(+)
 create mode 100644 portal/templates/onelab/onelab_home-view.html
 create mode 100644 portal/templates/onelab/onelab_manual-delegation.html

diff --git a/portal/templates/onelab/onelab_home-view.html b/portal/templates/onelab/onelab_home-view.html
new file mode 100644
index 00000000..c98ee918
--- /dev/null
+++ b/portal/templates/onelab/onelab_home-view.html
@@ -0,0 +1,151 @@
+{% extends "layout_base.html" %}
+{% load portal_filters %}
+
+{% block content %}
+<!-- <div class="row">
+{% widget '_widget-news.html' %}
+</div> -->
+{% if username %}
+
+{% block head %} 
+<script type="text/javascript" src="https://java.com/js/dtjava.js"></script>
+{% endblock head %}
+
+{% widget "_widget-no_credentials.html" %}
+<div class="container dashboard">
+	<div class="row">
+	    <div class="col-md-12" id="credentials_msg" style="display:none;">
+	{%if 'no_creds'  in user_cred %}
+      	<p class="command"><a href="#" style="color:red" data-toggle="modal" data-target="#myModal">NO CREDENTIALS</a> are delegated to the portal!</p>
+  	{%endif%}
+	{%if 'creds_expired'  in user_cred %}
+    	<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>
+    {%endif%}
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-sm-4">
+            <h3>
+                <a href="/portal/slice_request/"><img src="{{ STATIC_URL }}img/icon_slices_small.png" alt="" />EXPERIMENT</a>
+            </h3>
+            <div>
+                <span class="glyphicon glyphicon-cog"></span> <a href="/portal/project_request/">Create/Join project</a>
+            </div>
+            <div class="dashboard-create-slice">
+                <span class="glyphicon glyphicon-plus"></span> <a href="/portal/slice_request/">Create slice</a>
+            </div>
+            <div class="projects-tree">
+                Your projects and slices
+                <span title="A <b>slice</b> is a set of testbed resources on which you can conduct an experiment. 
+                Either ask your colleagues to give you access to an existing slice or request a new slice by clicking 'Request Slice'. 
+                However, on the Fed4FIRE portal, you will only see slices that you have created through Fed4FIRE. If you have created slices elsewhere, 
+                those slices will not appear here. <br /><br /> A <b>project</b> is a sub-authority under the responsability of your institution gathering users, 
+                who will be able to create slices for their experiments." class="glyphicon glyphicon-info-sign">&nbsp;</span> 
+             
+                <div id="home-project-tree"><img class="projects-loading" src="{{ STATIC_URL }}img/loading.gif" alt="Loading projects" /></div>
+            </div>
+            {% include theme|add:"_jfed_button.html" %}
+        </div>
+        <div class="col-sm-4">
+            <div class="row">
+                <div class="col-sm-12">
+                    <h3>
+                        <a href="/portal/account/"><img src="{{ STATIC_URL }}img/icon_user_small.png" alt="" /></a><a href="/portal/account/">ACCOUNT</a>
+                    </h3>
+                    {% if person.last_name %}
+                    <p>
+                        {{person.first_name}} {{person.last_name}}
+                    </p>
+                    {% endif %}
+                    <p>
+                        <span class="glyphicon glyphicon-user"></span> <a href='/portal/account/' title="Click here to see and edit your account details.">{{person.email}}</a>
+                    </p>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-sm-12">
+                    <h3>
+                        <a href="/portal/institution"><img src="{{ STATIC_URL }}img/icon_authority_color_small.png" alt="" /></a><a href="/portal/institution">MANAGEMENT</a>
+                    </h3>
+                   
+                    <div>
+                        <span class="glyphicon glyphicon-ok"></span> <a href="/portal/institution#requests">Validate Requests</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-sm-4">
+            <div class="row">
+                <div class="col-sm-12">
+                    <h3>
+                        <a href="/portal/support"><img src="{{ STATIC_URL }}img/icon_support_small.png" alt="" /></a><a href="/portal/support">SUPPORT</a>
+                    </h3>
+                    <p>
+                        <span class="glyphicon glyphicon-envelope"></span> <a href="/portal/contact/">Contact</a>
+                    </p>
+                    <p>
+                        <span class="glyphicon glyphicon-book"></span> <a href="http://doc.onelab.eu" target="_blank">Documentation & Tutorials</a>
+                    </p>
+                    {% include theme|add:"_dashboard_links.html" %}
+                </div>
+            </div>            
+        </div>
+    </div>
+</div>
+{% else %}
+<div class="container-fluid home">
+	<div class="">
+        <div class="col-sm-2"></div>
+        {% widget '_slogan.html' %}
+        <div class="col-sm-5 col-sm-offset-1">
+            <div class="row">
+                {% widget '_widget-login-user.html' %}
+            </div>
+        </div>
+        <div class="col-sm-1"></div>
+        	</div>
+        </div>
+
+<script type="text/javascript">
+	$(document).ready(function() {
+        localStorage.clear();
+    });
+</script>
+
+{% endif %}
+
+
+<script type="text/javascript">
+   var config = {
+       java8_jnlp: 'http://jfed.iminds.be/jfed-f4f-java8.jnlp',
+       java7_jnlp: 'http://jfed.iminds.be/jfed-f4f-java7.jnlp'
+   };
+
+   var certkey = "{{jfed_identity}}";
+
+	$(document).ready(function() {
+	    {%if 'no_creds' in user_cred or 'creds_expired' in user_cred %}
+        localStorage.clear();
+        /*
+        $.post("/cache/clear/", function( data ) {
+        });
+        */
+        {% endif %}
+		$('a.home-tab').click(function() {
+			$('ul.nav-tabs li').removeClass('active');
+			$(this).parent().addClass('active');
+			$('div.home-panel').hide();
+			$('div#'+$(this).data('panel')).show();
+		});
+		
+    });
+</script>
+<script src='https://authority.ilabt.iminds.be/js/jquery/jquery-ui.min.js'></script>
+<script src="//java.com/js/dtjava.js"></script>
+<script src='https://authority.ilabt.iminds.be/js/jfed_webstart_f4fportal.js'></script>
+<link rel='stylesheet' href='https://authority.ilabt.iminds.be/js/jquery/jquery-ui.css' />
+
+{% if theme == 'onelab' %}
+{% widget "_widget-monitor.html" %}
+{% endif %}
+{% endblock %}
diff --git a/portal/templates/onelab/onelab_manual-delegation.html b/portal/templates/onelab/onelab_manual-delegation.html
new file mode 100644
index 00000000..f0d479cd
--- /dev/null
+++ b/portal/templates/onelab/onelab_manual-delegation.html
@@ -0,0 +1,102 @@
+{% extends "layout.html" %}
+
+{% block content %}
+
+<div class="col-md-8">
+	<br>
+	<h2>Manual Delegation</h2>
+	<h3>Install SFA</h3>
+	
+	<p>
+		In order to delegate your credentials to the OneLab portal, you need to install SFA tools.<br>
+	</p>
+	<p>
+		<strong>[Requirement: python 2.7 or higher]</strong>
+	</p>
+	<h4>For Mac and Linux</h4>
+	<p class="command">
+		$ sudo easy_install pip<br>
+		$ sudo pip install sfa
+	</p>
+	<h4>For Windows</h4>
+	<p>Please download <a target="_blank" href="https://bootstrap.pypa.io/get-pip.py">get-pip.py</a></p>
+	<p class="command">
+		$ python get-pip.py<br>
+		$ pip install sfa
+	</p>
+
+	<p>
+	To get more information about pip, please visit: <a target="_blank" href="https://pip.pypa.io/en/latest/installing.html">https://pip.pypa.io/en/latest/installing.html</a>
+	</p>
+	<p>
+	More details about SFA is available at the following address:
+	<a target="_blank" href="http://svn.planet-lab.org/wiki/SFATutorialInstall#installingthroughpipfromPyPI">Installing SFA</a>
+	</p>
+	
+	<h3>Configuring SFA</h3>
+	
+	<p>
+		Once SFA tools are successfully installed, you need to configure the SFA client aka SFI
+	</p>
+	<p class="command">
+		$ mkdir ~/.sfi <br>
+		$ cd ~/.sfi <br>
+		$ cp ~/.ssh/id_rsa ~/.sfi/user-hrn.pkey
+	</p>
+	
+	<p>
+		Here, 'user-hrn' is your SFA hrn. If e.g., your OneLab account email is mohammed-yasin.rahman at upmc.fr, then your user-hrn is <b><i>'onelab.upmc.mohammed-yasin_rahman'.</i></b></p>
+	<p>
+		In this example, a user-hrn is built using the root authority i.e, <b><i>'onelab'</i></b> followed by a <b>'.'</b> then the sub authority i.e., <b><i>'upmc'</i></b>
+		followed by a <b>'.'</b> and then the last fragment in the hrn is made of the local part of your email adress i.e., <b><i>'mohammed-yasin_rahman'</i></b> 
+		(with dots replaced with underscores).
+	</p>
+
+	<p>
+		Next, you will setup your ~/.sfi/sfi_config. The following represents the sfi_config file for a OneLab user:
+	</p>
+	
+	<p class="command">
+		[sfi]<br>
+		auth = onelab.upmc<br>
+		user = onelab.upmc.mohammed-yasin_rahman<br>
+		registry = http://portal.onelab.eu:6080/<br>
+		sm = http://sfa3.planet-lab.eu:12346/<br>
+	</p>
+
+	<p>
+		Here again, <b><i>'user'</i></b> is your user-hrn, and <b><i>'auth'</i></b> is the authority that you belong to, in most cases you should just drop the last part of your hrn.
+	</p>
+	<p>
+		Add the the following to sfi_config for delegating credentials to OneLab portal:
+	</p>	
+	<p class="command">
+		[myslice]<br>
+		<br>
+		backend  = http://portal.onelab.eu:7080<br>
+		delegate = onelab.myslice<br>
+		platform = myslice<br>
+		username = mohammed-yasin.rahman@lip6.fr
+	</p>
+	<p>
+		Test the SFA layer:
+	</p>
+	<p class="command">
+		$ sfi.py version
+	</p>
+	<p>
+		And finally delegate your credentials to the portal
+	</p>
+	<p class="command">
+		$ sfi.py myslice
+	</p>
+	<p>
+	The complete tutorial is available at the following address:
+	<a target="_blank" href="http://trac.myslice.info/wiki/InstallSfa">http://trac.myslice.info/wiki/InstallSfa</a>
+	</p>
+	
+	<br />
+	
+</div>
+{% endblock %}
+
-- 
2.43.0