portal/templates/registration_view.html

   1 {% extends "layout-unfold1.html" %}
   2
   3 {% block head %}
   4 <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/css/onelab.css" />
   5 <!-- xxx ideally only onelab.css but ... xxx -->
   6 <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/css/registration.css" />
   7 <script type="text/javascript" src="{{STATIC_URL}}/js/jquery.validate.js"></script>
   8 <script type="text/javascript" src="{{STATIC_URL}}/js/my_account.register.js"></script>
   9 {% endblock %}
  10
  11 {% block unfold1_main %}
  12
  13 <div class="onelab-title well well-lg">
  14   <h2>OneLab Experimenter Registration</h2>
  15   <h4>For First Line Support please <a href="/portal/contact" >Contact Support</a></h3>
  16 </div>
  17
  18 {% if errors %}
  19 <ul>
  20   {% for error in errors %}
  21   <li>{{ error }}</li>
  22   {% endfor %}
  23 </ul>
  24 {% endif %}
  25
  26 <div class="well">
  27   <form class="cmxform form-horizontal" id="registrationForm" method="post" action="" enctype="multipart/form-data" role="form">
  28     {% csrf_token %}
  29     <div class="form-group">
  30       <label for="firstname" class="col-md-4 control-label">First Name</label>
  31       <div class="col-md-4">
  32         <input type="text" name="firstname" class="required form-control" minlength="2" value="{{ firstname }}" placeholder="First Name" />
  33       </div>
  34       <div class="col-md-4"> <p class="form-hint">Enter your first name</p> </div>
  35     </div>
  36     <div class="form-group">
  37       <label for="lastname" class="col-md-4 control-label">Last Name</label>
  38       <div class="col-md-4">
  39         <input type="text" name="lastname" size="25" class="required form-control" minlength="2" value="{{ lastname }}" placeholder="Last Name" />
  40       </div>
  41       <div class="col-md-4"><p class="form-hint">Enter your last name</p></div>
  42     </div>
  43     <div class="form-group">
  44       <label for="auth_list" class="col-md-4 control-label">Authority</label>
  45       <div class="col-md-4">
  46         <select id="auth_list" name="authority_hrn" size="1" class="required form-control">
  47           {% for authority in authorities %}
  48           <option value="{{ authority.authority_hrn }}"/>{{authority.name}} ({{authority.authority_hrn}})</option>
  49           {% endfor %}
  50         </select>
  51       </div>
  52       <div class="col-md-4"><p class="form-hint">Please select an authority responsible for vetting your account</p></div>
  53     </div>
  54
  55     <div class="form-group">
  56       <label for="email" class="col-md-4 control-label">Email</label>
  57       <div class="col-md-4">
  58         <input type="email" name="email" size="25"  class="required form-control" value="{{ email }}"/>
  59       </div>
  60       <div class="col-md-4"><p class="form-hint">Enter a valid email address</p></div>
  61     </div>
  62     <div class="form-group">
  63       <label for="password" class="col-md-4 control-label">Password</label>
  64       <div class="col-md-4">
  65         <input type="password"  id="password" name="password"   class="required form-control" minlength="4" value="{{ password }}"/>
  66       </div>
  67       <div class="col-md-4"><p class="form-hint">Enter password</p></div>
  68     </div>
  69     <div class="form-group">
  70       <label for="password" class="col-md-4 control-label">Confirm Password</label>
  71       <div class="col-md-4">
  72         <input type="password"  id="confirmpassword" name="confirmpassword"   minlength="4" class="required form-control"
  73                value="" placeholder="Confirm Password"/>
  74       </div>
  75       <div class="col-md-4"><p class="form-hint">Retype the password</p></div>
  76     </div>
  77     <div class="form-group">
  78       <label for="question" class="col-md-4 control-label">My Keys</label>
  79       <div class="col-md-4">
  80         <select name="question" class="required form-control" id="question">
  81           <option value="generate">Generate key pairs for me </option>
  82           <option value="upload">Upload my public key </option>
  83         </select>
  84       </div>
  85       <div class="col-md-4"><p class="form-hint">Genkey: Account Delegation Automatic (Recommended)</p> </div>
  86     </div>
  87     <div class="form-group" style="display:none;" id="upload_key">
  88       <label for="file" class="col-md-4 control-label">Upload public key</label>
  89       <div class="col-md-4">
  90         <input type="file" name="user_public_key" class="required" id="user_public_key"/>
  91         <p class="warning" id="pkey_del_msg">Once your account is validated, you will have to delegate your credentials manually using SFA [Advanced users only]</p>
  92       </div>
  93       <div class="col-md-4"><p class="form-hint">Account Delegation: Manual (Advanced Users)</p></div>
  94     </div>
  95     <div class="form-group" id="register">
  96       <div class="col-md-offset-4 col-md-4">
  97         <button class="submit btn btn-default" type="submit">Register</button>
  98       </div>
  99     </div>
 100   </form>
 101 </div>
 102
 103 {% endblock %}
 104