portal/templates/fibre/fibre_registration_view.html

   1 {% extends "layout.html" %}
   2
   3 {% block content %}
   4
   5 <div class="row">
   6         <div class="col-md-12">
   7         <h1><img src="{{ STATIC_URL }}icons/user-xs.png" alt="User Registration" />User sign-up</h1>
   8         </div>
   9 </div>
  10 <div class="row">
  11         <div class="col-md-12">
  12                 <p><strong>Questions? <a href="/portal/contact" >Contact us.</a></strong></p>
  13   </div>
  14 </div>
  15 {% if errors %}
  16 <ul>
  17   {% for error in errors %}
  18   <li>{{ error }}</li>
  19   {% endfor %}
  20 </ul>
  21 {% endif %}
  22
  23
  24 <form action="/register" class="cmxform form-horizontal" method="post" enctype="multipart/form-data">
  25 <div class="row">
  26
  27         <div class="col-md-12">
  28
  29                         <div class="form-group">
  30                                 {% csrf_token %}
  31                                 <label for="authority_hrn" class="control-label">Organization</label>
  32                                 <p></p>
  33                                 <input id="authority_hrn" name="org_name" class="form-control" style="width:590px" value="{{ organization }}"
  34                                 title="Choose your organization (company/university) from the list that apears when you click in the field and start to type.
  35                                  Use the arrow keys to scroll through the list; type part of the name to narrow down the list. If it is not in the list,
  36                                 please choose the FIBRE organization. We will send an email to the managers that we have on record for
  37                                 your organization, asking them to validate your sign-up request." required />
  38                                 <p></p>
  39                                 <!-- <p>Organization not listed? <a href="/portal/join">Request its addition now.</a></p> -->
  40                         </div>
  41         </div>
  42 </div>
  43
  44 <div class="row">
  45         <div class="col-md-6">
  46
  47             <div class="form-group">
  48                         <label for="firstname" class="control-label">Personal information</label>
  49                         <p></p>
  50                         <input type="text" name="firstname" class="form-control" style="width:350px" minlength="2" value="{{ first_name }}" placeholder="First name" required />
  51             </div>
  52             <div class="form-group">
  53                         <input type="text" name="lastname" size="25" class="form-control" style="width:350px" minlength="2" value="{{ last_name }}" placeholder="Last name" required />
  54             </div>
  55                 <div class="form-group">
  56                 <input type="email" name="email" size="25"  class="form-control" style="width:350px" value="{{ email }}"
  57                         title="Your e-mail address will be your identifier for logging in. We contact you to verify your account and then, occasionally, for important issues."
  58                         placeholder="Email" required />
  59                 </div>
  60                 <div class="form-group">
  61                         <label for="Reasons" class="control-label" >Reasons for Applying</label>
  62                         <p></p>
  63                         <textarea type="text" rows="4" cols="70" name="reasons" size="25" class="form-control" style="width:350px;height:60px"  minlength="5" maxlength="250" value="{{reasons}}" placeholder="Reasons for applying" title="Identify yourself and tell us more about your expectations to use the testbed." required ></textarea>
  64                 </div>
  65         </div>
  66
  67         <div class="col-md-6">
  68             <div class="form-group">
  69               <label for="password" class="control-label">Authentication</label>
  70                   <p></p>
  71                         <input type="text" name="username" size="25" class="form-control" style="width:350px" minlength="5" value="{{ username }}" placeholder="Username" required />
  72             </div>
  73             <div class="form-group">
  74                         <input type="password"  id="password" name="password"   class="form-control" style="width:250px" minlength="4" value="{{ password }}"
  75                         title="Your password allows you to log in to this portal."
  76                         placeholder="Password" required />
  77             </div>
  78             <div class="form-group">
  79                         <input type="password"  id="confirmpassword" name="confirmpassword" style="width:250px"  minlength="4" class="form-control" value=""
  80                                 placeholder="Confirm password" required />
  81             </div>
  82             <div class="form-group">
  83                         <select name="question" class="form-control" style="width:350px" id="key-policy"
  84                                 title="Your public/private key pair allows you to access the testbeds." required >
  85                                 <option value="generate">Generate my keys for me (recommended)</option>
  86                                 <option value="upload">Upload my public key (advanced users only)</option>
  87                         </select>
  88             </div>
  89             <div class="form-group" style="display:none;" id="upload_key">
  90                 <label for="file" class="control-label">Upload public key</label>
  91                 <input type="file" name="user_public_key" class="form-control" style="width:200px" id="user_public_key" />
  92                 <br />
  93                         <div class="alert alert-danger" id="pkey_del_msg">
  94                                 In order for the portal to contact testbeds on your behalf, so as to list and reserve resources, you will need to
  95                                 <a href="http://trac.myslice.info/wiki/InstallSfa" target="_blank">delegate your public key to the portal.</a>
  96                         </div>
  97             </div>
  98         </div>
  99 </div>
 100 <div class="row">
 101         <div class="col-md-12">
 102                 <div class="form-group">
 103                         <p></p>
 104                         <input type="checkbox" name="agreement" value="agreement" required />&nbsp;&nbsp; I agree to the
 105                         <a href="#" data-toggle="modal" data-target="#myModal">terms and conditions.</a>
 106                 </div>
 107         </div>
 108 </div>
 109 <div class="row">
 110         <div class="col-md-12">
 111                 <div class="form-group" id="register">
 112                         <p></p>
 113                 <input class="submit btn btn-onelab" type="submit" value="Request My Account" />
 114
 115             </div>
 116         </div>
 117 </div>
 118 </form>
 119
 120         <!-- Modal - columns selector -->
 121 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 122                         <div class="modal-dialog">
 123                         <div class="modal-content">
 124                                 <div class="modal-header">
 125                                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
 126                                                 <h4 class="modal-title" id="myModalLabel">Terms & Conditions</h4>
 127                                 </div>
 128                                 <div class="modal-body">
 129                                                 <p align="left">
 130                                         Fibre: Future Internet testbeds experimentation between Brazil and Europe
 131                                         <br/>
 132                                                 <a href="/portal/terms" target="_blank">[Printable format]</a>
 133                                                 </p>
 134                                         <h1 align="left">1 Context</h1>
 135                                         <p align="left">
 136                     The main goal of the FIBRE project is the design, implementation and validation of a shared Future Internet research facility, supporting the joint experimentation of European and Brazilian researchers. In order to achieve this goal the project will carry out four main activities:
 137                     </p>
 138                                         <p align="left">
 139                     The development and operation of a new experimental facility in Brazil, including the setup of equipment to support experimentation with various technologies (fixed layer 2 and layer 3, wireless, optical) as well as the design and implementation of a control framework to automate the use and operation of the testbed.
 140                     </p>
 141                                         <p align="left">
 142                     The development and operation of a Future Internet facility in Europe based on enhancements and the federation of two existing infrastructures: OFELIA and OneLab. Two OFELIA islands (i2CAT and University of Bristol (UNIVBRIS)) and the UTH's NITOS testbed will be enhanced by i) adding more physical resources (servers, OpenFlow-enabled switches and access points) to be able to cope with a bigger number ofusers and different use cases, ii) improving its respective control frameworks (based on the OFELIA control framework and OMF) and iii) adding more manpower to operate the facilities.
 143                     </p>
 144                                         <p align="left">
 145                     The federation of the Brazilian and European experimental facilities, both at the physical connectivity and control framework level, to support the provisioning of slices using resources from both testbeds.
 146                     </p>
 147 <h2>PROCEDURE OVERVIEW</h2>
 148 <p>If your institution is willing to join the FIBRE Consortium, you are kindly requested to follow the steps below:<br></p>
 149 <p>1. <a mce_href="http://www.fibre-ict.eu/images/stories/docs/fibre_mou_v0.3.doc" href="http://www.fibre-ict.eu/images/stories/docs/fibre_mou_v0.3.doc">Download the MoU model</a>  to understand the framework of collaboration between your institution and FIBRE project. The content of the MoU shall be discussed in case-by-case basis between the two parties.&nbsp;<span style="line-height: 1.3em;" mce_style="line-height: 1.3em;">&nbsp;</span></p>
 150 <p>2. Contact the Project office at <a href="mailto:info@fibre.org.br">info@fibre.org.br</a> to schedule a call to clarify all your questions concerning the duties, responsibilities and advantages of joining the FIBRE project.</p>
 151 <p>3. If your institution understand and agree on the commitment stated in the MoU, please submit the application by editing the <a href="http://www.fibre-ict.eu/images/fibre_mou_v0.2_ff.doc" mce_href="http://www.fibre-ict.eu/images/fibre_mou_v0.2_ff.doc" style="style" mce_style="style">MoU template</a> and sending it to
 152  <a href="mailto:info@fibre.org.br">info@fibre.org.br</a></p>
 153 <p>4. Application Approval: the FIBRE General Assembly will decide based on the application and information gathered during the call. The approval process will normally take around one month.</p><p>5. By mutual agreement of both parties, MoU will be prepared and signed.</p>
 154 <p><span style="line-height: 1.3em;" mce_style="line-height: 1.3em;">6. Testbed usage / island installation: FIBRE will provide instructions and support to help your institution to carry out the activities described in the MoU.</span></p>
 155 <p><br></p>
 156 <p><span style="line-height: 1.3em;" mce_style="line-height: 1.3em;"><a mce_href="http://webconf2.rnp.br/p27egdf20y7/" href="http://webconf2.rnp.br/p27egdf20y7/">Watch the webconference meeting about the MoU details</a><br> (Held on 5/July 2013, in Portuguese)<br></span></p>
 157 <p><br></p>
 158                                 </div>
 159                                 <div class="modal-footer">
 160                                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 161                                 </div>
 162                         </div>
 163                         </div>
 164 </div>
 165
 166
 167 <script>
 168 $(document).ready(function(){
 169     var availableTags = [
 170     {% if authorities %}
 171         {% for authority in authorities %}
 172             {% if authority.name %}
 173                 {value:"{{ authority.name }}",label:"{{authority.name}}"},
 174             {% else %}
 175                 {% if authority.authority_hrn == "fibre.ufrj" %}
 176                         {value:"{{ authority.authority_hrn }}",label:"UFRJ - UNIVERSIDADE FEDERAL DO RIO DE JANEIRO"},
 177                 {% else %}
 178                       {% if authority.authority_hrn == "fibre.ufg" %}
 179                               {value:"{{ authority.authority_hrn }}",label:"UFG - UNIVERSIDADE FEDERAL DE GOIAS"},
 180                       {% else %}
 181                               {% if authority.authority_hrn == "fibre.uff" %}
 182                                      {value:"{{ authority.authority_hrn }}",label:"UFF - UNIVERSIDADE FEDERAL FLUMINENSE"},
 183                               {% else %}
 184                                      {% if authority.authority_hrn == "fibre.ufpa" %}
 185                                              {value:"{{ authority.authority_hrn }}",label:"UFPA - UNIVERSIDADE FEDERAL DO PARA"},
 186                                      {% else %}
 187                                              {% if authority.authority_hrn == "fibre.ufpe" %}
 188                                                      {value:"{{ authority.authority_hrn }}",label:"UFPE - UNIVERSIDADE FEDERAL DE PERNAMBUCO"},
 189                                              {% else %}
 190                                                      {% if authority.authority_hrn == "fibre.ufscar" %}
 191                                                             {value:"{{ authority.authority_hrn }}",label:"UFSCAR - UNIVERSIDADE FEDERAL DE SAO CARLOS"},
 192                                                      {% else %}
 193                                                             {% if authority.authority_hrn == "fibre.unifacs" %}
 194                                                                      {value:"{{ authority.authority_hrn }}",label:"UNIFACS - UNIVERSIDADE SALVADOR"},
 195                                                             {% else %}
 196                                                                      {% if authority.authority_hrn == "fibre.usp" %}
 197                                                                             {value:"{{ authority.authority_hrn }}",label:"USP - UNIVERSIDADE DE SAO PAULO"},
 198                                                                      {% else %}
 199                                                                             {% if authority.authority_hrn == "fibre.cpqd" %}
 200                                                                                     {value:"{{ authority.authority_hrn }}",label:"CPQD - CENTRO DE PESQUISA E DESENVOLVIMENTO EM TELECOMUNICACOES"},
 201                                                                             {% else %}
 202                                                                                     {% if authority.authority_hrn == "fibre.rnp" %}
 203                                                                                              {value:"{{ authority.authority_hrn }}",label:"(Catch-all) RNP - REDE NACIONAL DE ENSINO E PESQUISA"},
 204                                                                                     {% else %}
 205                                                                                         {% if authority.authority_hrn == "fibre.i2cat" %}
 206                                                                                                 {value:"{{ authority.authority_hrn }}",label:"I2CAT - FOUNDATION, RESEARCH AND INNOVATION IN THE INTERNET AREA"},
 207                                                                                         {% else %}
 208                                                                                                 {% if authority.authority_hrn == "fibre.uth" %}
 209                                                                                                          {value:"{{ authority.authority_hrn }}",label:"UTH - UNIVERSITY OF THESSALY"},
 210                                                                                                 {% else %}
 211                                                                                                       {% if authority.authority_hrn == "fibre.bristol" %}
 212                                                                                                              {value:"{{ authority.authority_hrn }}",label:"UNIBRIS - UNIVERSITY OF BRISTOL"},
 213                                                                                                        {% else %}
 214                                                                                                              {% if authority.authority_hrn == "fibre.upmc" %}
 215                                                                                                                     {value:"{{ authority.authority_hrn }}",label:"UPMC - UNIVERSITE PIERRE ET MARIE CURIE"},
 216                                                                                                              {% else %}
 217                                                                                                                     {value:"{{ authority.authority_hrn }}",label:"FIBRE"},
 218                                                                                                                 {% endif %}
 219                                                                                                 {% endif %}
 220                                                                                         {% endif %}
 221                                                                                 {% endif %}
 222                                                                             {% endif %}
 223                                                                          {% endif %}
 224                                                                      {% endif %}
 225                                                             {% endif %}
 226                                                     {% endif %}
 227                                              {% endif %}
 228                                     {% endif %}
 229                               {% endif %}
 230                       {% endif %}
 231                 {% endif %}
 232             {% endif %}
 233         {% endfor %}
 234     {% else %}
 235         {value:"",label:"No authority found !!!"}
 236     {% endif %}
 237     ];
 238         // sorting the list
 239         availableTags.sort(function(a,b){
 240                 var nameA=a.value.toLowerCase(), nameB=b.value.toLowerCase();
 241                 if (nameA < nameB) {
 242                 return -1;
 243                 }
 244                 if (nameA > nameB) {
 245                 return 1;
 246                 }
 247         return 0;
 248         });
 249         // auto-complete the form
 250     $( "#authority_hrn" ).autocomplete({
 251       source: availableTags,
 252       minLength: 0,
 253       change: function (event, ui) {
 254           if(!ui.item){
 255               //http://api.jqueryui.com/autocomplete/#event-change -
 256               // The item selected from the menu, if any. Otherwise the property is null
 257               //so clear the item for force selection
 258               jQuery("#authority_hrn").val("");
 259           }
 260       }
 261       //select: function( event, ui ) {console.log(jQuery(this))}
 262     });
 263         // for hover texts
 264         $('[title!=""]').qtip();
 265         $("form").validate();
 266         $("form").submit(function() {
 267                 if ($('select option:selected').val() == 'upload') {
 268                         if ($('input[name=user_public_key]').val() == '') {
 269                                 alert('Please specify the key file to upload');
 270                                 return false;
 271                         }
 272                 }
 273         });
 274 });
 275 </script>
 276 {% endblock %}
 277