portal/templates/join_view.html

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