portal/templates/join_view.html

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