jfed quick start added
[unfold.git] / 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 <div class="container dashboard">
10         <div class="row">
11                 <div class="col-md-3">
12                         <h3>
13                                 EXPERIMENT
14                         </h3>
15                         <div>
16                                 <a href="#"><img src="{{ STATIC_URL }}img/icon_slices.png" alt="" /></a>
17                         </div>
18                         <div>
19                                 <button id="slicerequestbtn" type="button" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span> Request slice</button>
20                         </div>
21                         <div>   
22                                 <div id="home-slice-list"><img src="{{ STATIC_URL }}img/loading.gif" alt="Loading Slices" /></div>
23                         </div>
24                          <div>
25                         <button id="jfed" type="button" class="btn btn-default" title="Some tools do their own slice creation and management.">
26                                 <span class="glyphicon glyphicon-globe"></span>Experiment now</button>
27                          </div>
28                         <div>
29                                 <ul><li>
30                                         <a class="button2" href='http://jfed.iminds.be/releases/r1306/webstart/experimenter/jfed-experimenter.jnlp' 
31                                         onclick="return  launchApplication('http://jfed.iminds.be/releases/r1306/webstart/experimenter/jfed-experimenter.jnlp');">jFed</a>
32                                 </li></ul>
33                         </div>
34                 </div>
35                 <div class="col-md-3">
36                         <h3>MANAGEMENT</h3>
37                         <div>
38                                 <a href="/portal/institution"><img src="{{ STATIC_URL }}img/icon_authority_color.png" alt="" /></a>
39                         </div>
40                         <div>
41                                 <button id="validaterequestbtn" type="button" class="btn btn-default"><span class="glyphicon glyphicon-ok"></span> Validate Requests</button>
42                         </div>
43                 </div>
44                 <div class="col-md-3">
45                         <h3>
46                                 SUPPORT
47                         </h3>
48                         <div>
49                                 <a href="http://doc.fed4fire.eu/support.html" target="_blank"><img src="{{ STATIC_URL }}img/icon_support.png" alt="" /></a>
50                         </div>
51                         <div>
52                                 <button id="ticketbtn" type="button" class="btn btn-default"><span class="glyphicon glyphicon-envelope"></span> Contact</button>
53                         </div>
54                 </div>
55                 
56                 <div class="col-md-3">
57                         <h3>
58                                 ACCOUNT
59                         </h3>
60                         <div>
61                                 <a href="/portal/account/"><img src="{{ STATIC_URL }}img/icon_user_color.png" alt="" /></a>
62                         </div>
63                         <div>
64                                 <button id="logoutbtn" type="button" class="btn btn-default" data-username="{{ username }}"><span class="glyphicon glyphicon-off"></span> Logout</button>
65                         </div>
66                         <div>
67                                 {% if person.last_name %}
68                                         {{person.first_name}} {{person.last_name}}<br />
69                                 {% endif %}
70                         <span class="label">Email:</span> <a href='/portal/account/'>{{person.email}}</a>
71                 </div>
72                 </div>
73         </div>
74 </div>
75 {% else %}
76 <div class="container-fluid home">
77         <div class="">
78                 <div class="col-sm-2"></div>
79                 <div class="col-sm-4 slogan">
80                         <h2>
81                                 Your Easy Access to Computer Networking Testbeds.
82                         </h2>
83                         <h3>
84                                 A wide variety of world class testbeds available through your one account.
85                         </h3>
86                 </div>
87                 <div class="col-sm-4 col-sm-offset-1" style="width:400px; top:16px; float:left;">
88                         <div class="row">
89                                 {% widget '_widget-login-user.html' %}
90                         </div>
91                 </div>
92                 <div class="col-sm-1"></div>
93         </div>
94 </div>
95 {% endif %}
96
97
98 <script type="text/javascript">
99         $(document).ready(function() {
100                 $('a.home-tab').click(function() {
101                         $('ul.nav-tabs li').removeClass('active');
102                         $(this).parent().addClass('active');
103                         $('div.home-panel').hide();
104                         $('div#'+$(this).data('panel')).show();
105                 });
106                 $('button#validaterequestbtn').click(function() {
107                         window.location="/portal/validate/";
108                 });
109                 $('button#ticketbtn').click(function() {
110                         window.location="/portal/contact/";
111                 });
112                 $('button#signupbtn').click(function() {
113                         window.location="/portal/register/";
114                 });
115                 $('button#slicerequestbtn').click(function() {
116                         window.location="/portal/slice_request/";
117                 });
118 /*-------
119 List of slices has been moved in 
120 portal/templates/base.html
121 This should go into session
122 --------*/
123 });
124 </script>
125
126 <script>
127         function launchApplication(jnlpfile) {
128         dtjava.launch(
129                 { url : jnlpfile },
130             {
131                 javafx : '2.2+',
132                 toolkit: 'swing'
133                 },
134                 {}
135         );
136         return false;
137      }
138 </script>
139 {% endblock %}