portal/templates/join_view.html

   1 {% extends "layout-unfold1.html" %}
   2
   3 {% block unfold_main %}
   4
   5 <div class="onelab-title well-lg">
   6  <h2>Join the OneLab Federation</h2>
   7 </div>
   8
   9 <div class="well">
  10 OneLab welcomes companies, universities, and research laboratories to join the OneLab Federation of Testbeds. <br>
  11 We are supported by the European Commision through its 7th Framework Programs and FIRE initiative (Future Internet Research and Experimentation), as well as by other national and international funding initiatives.
  12 <br>
  13 <br>
  14 If you wish to become a new member of OneLab Federation, you should first consult the Membership Agreement.
  15 <br>
  16 </div>
  17
  18 {% if errors %}
  19 <div class="well">
  20     <ul class="error">
  21      {% for error in errors %}
  22      <li>{{ error }}</li>
  23      {% endfor %}
  24     </ul>
  25 </div>
  26 {% endif %}
  27
  28 <div class="well">
  29   <form action="" id="joinForm" method="post">
  30   {% csrf_token %}
  31     <fieldset>
  32       <table>
  33         <tr><td colspan="2"><h4>Site Information</h4></td></tr>
  34         <tr>
  35           <th><label for="site_name">Site name: <span class="form-required" title="This field is required.">*</span></label></th>
  36           <td><input type="text" id="site_name" name="site_name" value="{{ site_name }}" size="20" maxlength="40" class="form-control" required> </td>
  37         </tr>
  38        <tr>
  39           <th><label for="root_authority_hrn">Root authority: <span class="form-required" title="This field is required.">*</span></label></th>
  40           <td>
  41                <select id="root_authority_hrn" name="root_authority_hrn" class="form-control" required>
  42                {% if root_authorities %}
  43                     {% for root_auth in root_authorities %}
  44                <option>{{ root_auth.authority_hrn }}</option>
  45                     {% endfor %}
  46                {% endif %}
  47                </select>
  48 <!--
  49                <div class="ui-widget">
  50                    <input id="root_authority_hrn" name="root_authority_hrn" class="form-control" value="{{ root_authority_hrn }}" required>
  51                </div>
  52 -->
  53           </td>
  54         </tr>
  55         <tr>
  56           <th><label for="site_authority">Site authority: <span class="form-required" title="This field is required.">*</span></label></th>
  57           <td><input type="text" id="site_authority" name="site_authority" value="{{ site_authority }}" size="10" maxlength="16" class="form-control" required> </td>
  58         </tr>
  59         <tr>
  60           <th><label for="site_abbreviated_name">Abbreviated name: <span class="form-required" title="This field is required.">*</span></label></th>
  61           <td><input type="text" id="site_abbreviated_name" name="site_abbreviated_name" value="{{ site_abbreviated_name }}" size="20" maxlength="40" class="form-control" required> </td>
  62         </tr>
  63         <tr>
  64           <th><label for="site_url">URL: <span class="form-required" title="This field is required.">*</span></label></th>
  65           <td><input type="text" id="site_url" name="site_url" value="{{ site_url }}" size="30" maxlength="128" class="form-control" required> </td>
  66         </tr>
  67         <tr>
  68           <th><label for="site_latitude">Latitude: <span class="form-required" title="This field is required.">*</span></label></th>
  69           <td><input type="text" id="site_latitude" name="site_latitude" value="{{ site_latitude }}" size="10" maxlength="10" class="form-control" required> </td>
  70         </tr>
  71         <tr>
  72           <th><label for="site_longitude">Longitude: <span class="form-required" title="This field is required.">*</span></label></th>
  73           <td><input type="text" id="site_longitude" name="site_longitude" value="{{ site_longitude }}" size="10" maxlength="10" class="form-control" required> </td>
  74         </tr>
  75         <tr><td colspan="2">&nbsp;</td></tr>
  76         <tr><td colspan="2"><h4>Principal Investigator Information</h4></td></tr>
  77         <tr>
  78           <th><label for="pi_first_name">PI First Name: <span class="form-required" title="This field is required.">*</span></label></th>
  79           <td><input type="text" id="pi_first_name" name="pi_first_name" value="{{ pi_first_name }}" size="20" maxlength="20" class="form-control" required> </td>
  80         </tr>
  81         <tr>
  82           <th><label for="pi_last_name">PI Last Name: <span class="form-required" title="This field is required.">*</span></label></th>
  83           <td><input type="text" id="pi_last_name" name="pi_last_name" value="{{ pi_last_name }}" size="20" maxlength="20" class="form-control" required> </td>
  84         </tr>
  85 <!--
  86         <tr>
  87           <th><label class="" for="pi_title">PI Title: </label></th>
  88           <td><input type="text" id="pi_title" name="pi_title" value="{{ pi_title }}" size="6" maxlength="6" class="form-text "> </td>
  89         </tr>
  90 -->
  91         <tr>
  92           <th><label for="pi_phone">PI Phone: <span class="form-required" title="This field is required.">*</span></label></th>
  93           <td><input type="text" id="pi_phone" name="pi_phone" value="{{ pi_phone }}" size="20" maxlength="20" class="form-control" required> </td>
  94         </tr>
  95         <tr>
  96           <th><label for="pi_email">PI email: <span class="form-required" title="This field is required.">*</span></label></th>
  97           <td><input type="text" id="pi_email" name="pi_email" value="{{ pi_email }}" size="20" maxlength="40" class="form-control" required> </td>
  98         </tr>
  99         <tr>
 100           <th><label for="pi_password">PI password: <span class="form-required" title="This field is required.">*</span></label></th>
 101           <td><input type="password" id="pi_password" name="pi_password" value="" size="20" maxlength="20" class="form-control" required> </td>
 102         </tr>
 103         <tr><td colspan="2">&nbsp;</td></tr>
 104         <tr><td colspan="2"><h4>Postal address</h4></td></tr>
 105         <tr>
 106           <th><label class="" for="address_line1">Address: </label></th>
 107           <td><input type="text" id="address_line1" name="address_line1" value="{{ address_line1 }}" size="30" maxlength="40" class="form-text"> </td>
 108         </tr>
 109         <tr>
 110           <th><label class="" for="address_line2">Address (2): </label></th>
 111           <td><input type="text" id="address_line2" name="address_line2" value="{{ address_line2 }}" size="30" maxlength="40" class="form-text"> </td>
 112         </tr>
 113         <tr>
 114           <th><label class="" for="address_line3">Address (3): </label></th>
 115           <td><input type="text" id="address_line3" name="address_line3" value="{{ address_line3 }}" size="30" maxlength="40" class="form-text"> </td>
 116         </tr>
 117         <tr>
 118           <th><label class="" for="address_city">City: </label></th>
 119           <td><input type="text" id="address_city" name="address_city" value="{{ address_city }}" size="20" maxlength="20" class="form-text"> </td>
 120         </tr>
 121         <tr>
 122           <th><label class="" for="address_postalcode">Postal Code: </label></th>
 123           <td><input type="text" id="address_postalcode" name="address_postalcode" value="{{ address_postalcode }}" size="10" maxlength="10" class="form-text"> </td>
 124         </tr>
 125         <tr>
 126           <th><label class="" for="address_state">State: </label></th>
 127           <td><input type="text" id="address_state" name="address_state" value="{{ address_state }}" size="20" maxlength="20" class="form-text"> </td>
 128         </tr>
 129         <tr>
 130           <th><label class="" for="address_country">Country: </label></th>
 131           <td><input type="text" id="address_country" name="address_country" value="{{ address_country }}" size="20" maxlength="20" class="form-text "> </td>
 132         </tr>
 133         <tr><td colspan="2">&nbsp;</td></tr>
 134         <tr><td colspan="2" style="text-align:center"><input type="submit" name="op" value="Register" class="form-submit"></td></tr>
 135       </table>
 136     </fieldset>
 137   </form>
 138 </div>
 139
 140 <div class="well">
 141 A membership agreement document will be sent to your email address as a PDF file.
 142 <br>
 143 Please print and sign a copy of the agreement and send it to:
 144 <br>
 145 <br>
 146 Ciro Scognamiglio<br>
 147 UPMC - LIP6<br>
 148 Campus Jussieu<br>
 149 Couloir 26-00, bureau 102<br>
 150 Boite courrier 169<br>
 151 4 place Jussieu<br>
 152 F-75252 PARIS cedex 05 - FRANCE<br>
 153 <br>
 154 Once your membership has been processed we will contact you to welcome you as a member.
 155 <br>
 156 If you have any questions about membership, contact the <a href="/portal/contact" >OneLab Support team</a>.
 157 </div>
 158 <script>
 159 /*
 160 jQuery(document).ready(function(){
 161   var availableTags = [
 162   {% if root_authorities %}
 163     {% for authority in root_authorities %}
 164     {value:"{{ authority.authority_hrn }}",label:"{{authority.authority_hrn}}"},
 165     {% endfor %}
 166   {% else %}
 167     {value:"",label:"No authority found !!!"}
 168   {% endif %}
 169   ];
 170   jQuery( "#root_authority_hrn" ).autocomplete({
 171    source: availableTags,
 172    minLength: 0,
 173    change: function (event, ui) {
 174      if(!ui.item){
 175        //http://api.jqueryui.com/autocomplete/#event-change -
 176        // The item selected from the menu, if any. Otherwise the property is null
 177        //so clear the item for force selection
 178        jQuery("#root_authority_hrn").val("");
 179      }
 180    }
 181    //select: function( event, ui ) {console.log(jQuery(this))}
 182   });
 183 });
 184 */
 185 </script>
 186 {% endblock %}
 187