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 request its addition by clicking the link below. 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>
  61
  62         <div class="col-md-6">
  63             <div class="form-group">
  64               <label for="password" class="control-label">Authentication</label>
  65                   <p></p>
  66                         <input type="text" name="username" size="25" class="form-control" style="width:350px" minlength="5" value="{{ username }}" placeholder="Username" required />
  67             </div>
  68             <div class="form-group">
  69                         <input type="password"  id="password" name="password"   class="form-control" style="width:250px" minlength="4" value="{{ password }}"
  70                         title="Your password allows you to log in to this portal."
  71                         placeholder="Password" required />
  72             </div>
  73             <div class="form-group">
  74                         <input type="password"  id="confirmpassword" name="confirmpassword" style="width:250px"  minlength="4" class="form-control" value=""
  75                                 placeholder="Confirm password" required />
  76             </div>
  77             <div class="form-group">
  78                         <select name="question" class="form-control" style="width:350px" id="key-policy"
  79                                 title="Your public/private key pair allows you to access the testbeds." required >
  80                                 <option value="generate">Generate my keys for me (recommended)</option>
  81                                 <option value="upload">Upload my public key (advanced users only)</option>
  82                         </select>
  83             </div>
  84             <div class="form-group" style="display:none;" id="upload_key">
  85                 <label for="file" class="control-label">Upload public key</label>
  86                 <input type="file" name="user_public_key" class="form-control" style="width:200px" id="user_public_key" />
  87                 <br />
  88                         <div class="alert alert-danger" id="pkey_del_msg">
  89                                 In order for the portal to contact testbeds on your behalf, so as to list and reserve resources, you will need to
  90                                 <a href="http://trac.myslice.info/wiki/InstallSfa" target="_blank">delegate your public key to the portal.</a>
  91                         </div>
  92             </div>
  93         </div>
  94 </div>
  95 <div class="row">
  96         <div class="col-md-12">
  97                 <div class="form-group">
  98                         <p></p>
  99                         <input type="checkbox" name="agreement" value="agreement" required />&nbsp;&nbsp; I agree to the
 100                         <a href="#" data-toggle="modal" data-target="#myModal">terms and conditions.</a>
 101                 </div>
 102         </div>
 103 </div>
 104 <div class="row">
 105         <div class="col-md-12">
 106                 <div class="form-group" id="register">
 107                         <p></p>
 108                 <input class="submit btn btn-onelab" type="submit" value="Sign up" />
 109
 110             </div>
 111         </div>
 112 </div>
 113 </form>
 114
 115         <!-- Modal - columns selector -->
 116 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 117                         <div class="modal-dialog">
 118                         <div class="modal-content">
 119                                 <div class="modal-header">
 120                                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
 121                                                 <h4 class="modal-title" id="myModalLabel">Terms & Conditions</h4>
 122                                 </div>
 123                                 <div class="modal-body">
 124                                                 <p align="left">
 125                                         Fibre: Future Internet testbeds experimentation between Brazil and Europe
 126                                         <br/>
 127                                                 <a href="/portal/terms" target="_blank">[Printable format]</a>
 128                                                 </p>
 129                                         <h1 align="left">1 Context</h1>
 130                                         <p align="left">
 131                     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:
 132                     </p>
 133                                         <p align="left">
 134                     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.
 135                     </p>
 136                                         <p align="left">
 137                     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.
 138                     </p>
 139                                         <p align="left">
 140                     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.
 141                     </p>
 142 <h2>PROCEDURE OVERVIEW</h2>
 143 <p>If your institution is willing to join the FIBRE Consortium, you are kindly requested to follow the steps below:<br></p>
 144 <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>
 145 <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>
 146 <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
 147  <a href="mailto:info@fibre.org.br">info@fibre.org.br</a></p>
 148 <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>
 149 <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>
 150 <p><br></p>
 151 <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>
 152 <p><br></p>
 153                                 </div>
 154                                 <div class="modal-footer">
 155                                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 156                                 </div>
 157                         </div>
 158                         </div>
 159 </div>
 160
 161
 162 <script>
 163 $(document).ready(function(){
 164     var availableTags = [
 165     {% if authorities %}
 166         {% for authority in authorities %}
 167             {% if authority.name %}
 168                 {value:"{{ authority.name }}",label:"{{authority.name}}"},
 169             {% else %}
 170                 {% if authority.authority_hrn == "fibre.ufrj" %}
 171                         {value:"{{ authority.authority_hrn }}",label:"UNIVERSIDADE FEDERAL DO RIO DE JANEIRO"},
 172                 {% else %}
 173                       {% if authority.authority_hrn == "fibre.ufg" %}
 174                               {value:"{{ authority.authority_hrn }}",label:"UNIVERSIDADE FEDERAL DE GOIAS"},
 175                       {% else %}
 176                               {% if authority.authority_hrn == "fibre.uff" %}
 177                                      {value:"{{ authority.authority_hrn }}",label:"UNIVERSIDADE FEDERAL FLUMINENSE"},
 178                               {% else %}
 179                                      {% if authority.authority_hrn == "fibre.ufpa" %}
 180                                              {value:"{{ authority.authority_hrn }}",label:"UNIVERSIDADE FEDERAL DO PARA"},
 181                                      {% else %}
 182                                              {% if authority.authority_hrn == "fibre.ufpe" %}
 183                                                      {value:"{{ authority.authority_hrn }}",label:"UNIVERSIDADE FEDERAL DE PERNAMBUCO"},
 184                                              {% else %}
 185                                                      {% if authority.authority_hrn == "fibre.ufscar" %}
 186                                                             {value:"{{ authority.authority_hrn }}",label:"UNIVERSIDADE FEDERAL DE SAO CARLOS"},
 187                                                      {% else %}
 188                                                             {% if authority.authority_hrn == "fibre.unifacs" %}
 189                                                                      {value:"{{ authority.authority_hrn }}",label:"UNIVERSIDADE SALVADOR"},
 190                                                             {% else %}
 191                                                                      {% if authority.authority_hrn == "fibre.usp" %}
 192                                                                             {value:"{{ authority.authority_hrn }}",label:"UNIVERSIDADE DE SAO PAULO"},
 193                                                                      {% else %}
 194                                                                             {% if authority.authority_hrn == "fibre.cpqd" %}
 195                                                                                     {value:"{{ authority.authority_hrn }}",label:"CENTRO DE PESQUISA E DESENVOLVIMENTO EM TELECOMUNICACOES"},
 196                                                                             {% else %}
 197                                                                                 {% if authority.authority_hrn == "fibre.i2cat" %}
 198                                                                                         {value:"{{ authority.authority_hrn }}",label:"FOUNDATION, RESEARCH AND INNOVATION IN THE INTERNET AREA"},
 199                                                                                 {% else %}
 200                                                                                         {% if authority.authority_hrn == "fibre.uth" %}
 201                                                                                                 {value:"{{ authority.authority_hrn }}",label:"UNIVERSITY OF THESSALY"},
 202                                                                                         {% else %}
 203                                                                                                 {% if authority.authority_hrn == "fibre.bristol" %}
 204                                                                                                         {value:"{{ authority.authority_hrn }}",label:"UNIVERSITY OF BRISTOL"},
 205                                                                                                 {% else %}
 206                                                                                                         {value:"{{ authority.authority_hrn }}",label:"FIBRE"},
 207                                                                                                 {% endif %}
 208                                                                                         {% endif %}
 209                                                                                 {% endif %}
 210                                                                             {% endif %}
 211                                                                      {% endif %}
 212                                                             {% endif %}
 213                                                     {% endif %}
 214                                              {% endif %}
 215                                     {% endif %}
 216                               {% endif %}
 217                       {% endif %}
 218                 {% endif %}
 219             {% endif %}
 220         {% endfor %}
 221     {% else %}
 222         {value:"",label:"No authority found !!!"}
 223     {% endif %}
 224     ];
 225         // sorting the list
 226         availableTags.sort(function(a,b){
 227                 var nameA=a.value.toLowerCase(), nameB=b.value.toLowerCase();
 228                 if (nameA < nameB) {
 229                 return -1;
 230                 }
 231                 if (nameA > nameB) {
 232                 return 1;
 233                 }
 234         return 0;
 235         });
 236         // auto-complete the form
 237     $( "#authority_hrn" ).autocomplete({
 238       source: availableTags,
 239       minLength: 0,
 240       change: function (event, ui) {
 241           if(!ui.item){
 242               //http://api.jqueryui.com/autocomplete/#event-change -
 243               // The item selected from the menu, if any. Otherwise the property is null
 244               //so clear the item for force selection
 245               jQuery("#authority_hrn").val("");
 246           }
 247       }
 248       //select: function( event, ui ) {console.log(jQuery(this))}
 249     });
 250         // for hover texts
 251         $('[title!=""]').qtip();
 252         $("form").validate();
 253         $("form").submit(function() {
 254                 if ($('select option:selected').val() == 'upload') {
 255                         if ($('input[name=user_public_key]').val() == '') {
 256                                 alert('Please specify the key file to upload');
 257                                 return false;
 258                         }
 259                 }
 260         });
 261 });
 262 </script>
 263 {% endblock %}
 264