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