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" /> Add organization</h1>
   9         </div>
  10 </div>
  11 <div class="row">
  12         <div class="col-md-12">
  13                 <h3>Questions? <a href="/portal/contact" >Contact us</a></h3>
  14         </div>
  15 </div>
  16
  17 <div class="row">
  18         <div class="col-md-12">
  19         <h3>
  20         Please provide information about your organization and designate a manager (you or another person) from your organization. <br>
  21         </h3>
  22         <p>
  23         OneLab is open to enterprise, to scientific researchers, and to educators. We grant manager access to people in positions of responsibility (e.g., executives, professors, senior researchers), and delegate to these managers the right to grant standard user access to other people in their organizations.
  24         </p>
  25         </div>
  26 </div>
  27
  28 {% if errors %}
  29 <div class="row">
  30     <ul class="error">
  31      {% for error in errors %}
  32      <li>{{ error }}</li>
  33      {% endfor %}
  34     </ul>
  35 </div>
  36 {% endif %}
  37 <form id="joinForm" method="post">
  38 <div class="row">
  39
  40   {% csrf_token %}
  41   <div class="col-md-6">
  42         <h3>Organization</h3>
  43
  44         <div class="form-group">
  45         <input type="text" id="site_name" name="site_name" value="{{ site_name }}"  style="width:200px" placeholder="Name of organization"maxlength="40" class="form-control" required>
  46     </div>
  47         <!--<div class="form-group">
  48         <label for="root_authority_hrn">Root authority:</label>
  49             <select id="root_authority_hrn" name="root_authority_hrn" class="form-control" required>
  50                    {% if root_authorities %}
  51                         {% for root_auth in root_authorities %}
  52                    <option>{{ root_auth.authority_hrn }}</option>
  53                         {% endfor %}
  54                    {% endif %}
  55                 </select>
  56                <div class="ui-widget">
  57                    <input id="root_authority_hrn" name="root_authority_hrn" class="form-control" value="{{ root_authority_hrn }}" required>
  58                </div>
  59
  60         </div> -->
  61         <div class="form-group">
  62         <input type="text" id="address_city" name="address_city" value="{{ address_city }}" style="width:200px" placeholder="City" maxlength="20" class="form-control">
  63         </div>
  64         <div class="form-group">
  65         <input type="text" id="address_country" name="address_country" value="{{ address_country }}" style="width:200px" placeholder="Country" maxlength="20" class="form-control">
  66         </div>
  67
  68         <div class="form-group">
  69         <input type="text" id="site_abbreviated_name" name="site_abbreviated_name" value="{{ site_abbreviated_name }}" style="width:200px"
  70                 title="Maximum eight characters, joined, all lower case. Example: 'upmc' for Université Pierre et Marie Curie. This will be used by the system as an identifier for the organization." placeholder="Short name" maxlength="40" class="form-control" required>
  71     </div>
  72         <div class="form-group">
  73         <input type="text" id="site_url" name="site_url" value="{{ site_url }}" style="width:200px" placeholder="http://" maxlength="128" class="form-control" required>
  74     </div>
  75   </div>
  76
  77   <div class="col-md-6">
  78         <h3>Manager</h3>
  79
  80         <div class="form-group">
  81         <input type="text" id="pi_first_name" name="pi_first_name" value="{{ pi_first_name }}" style="width:200px" placeholder="First name" maxlength="20" class="form-control" required>
  82     </div>
  83         <div class="form-group">
  84                 <input type="text" id="pi_last_name" name="pi_last_name" value="{{ pi_last_name }}" style="width:200px" placeholder="Last name" maxlength="20" class="form-control" required>
  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-control "> </td>
  89         </tr>
  90 -->
  91         </div>
  92         <div class="form-group">
  93         <input type="email" id="pi_email" name="pi_email" value="{{ pi_email }}" style="width:200px"
  94                 title="We may e-mail the manager as part of the validation process, and in case any issues arise with the use of the system."
  95                 placeholder="Email" maxlength="40" class="form-control" required>
  96         </div>
  97         <div class="form-group">
  98         <input type="text" id="pi_phone" name="pi_phone" value="{{ pi_phone }}"
  99                 title="We may phone the manager as part of the validation process, and in case any issues arise with the use of the system."
 100                 style="width:200px" placeholder="Phone number"  maxlength="20" class="form-control" required>
 101     </div>
 102         <div class="form-group">
 103                 <input type="password"  id="password" name="pi_password"   class="form-control" style="width:200px" minlength="4" value="{{ password }}" placeholder="Password" required/>
 104         </div>
 105         <div class="form-group">
 106         <input type="password"  id="confirmpassword" name="confirmpassword" style="width:200px"  minlength="4" class="form-control" value="" placeholder="Confirm Password" required/>
 107         </div>
 108
 109         </div>
 110 </div>
 111 <div class="row">
 112         <div class="col-md-12" style="text-align:center;">
 113                 <button type="submit" class="btn btn-default" style="left: 300px; position: absolute;">Submit</button>
 114         </div>
 115 </div>
 116 </form>
 117 <script>
 118 /*
 119 jQuery(document).ready(function(){
 120   var availableTags = [
 121   {% if root_authorities %}
 122     {% for authority in root_authorities %}
 123     {value:"{{ authority.authority_hrn }}",label:"{{authority.authority_hrn}}"},
 124     {% endfor %}
 125   {% else %}
 126     {value:"",label:"No authority found !!!"}
 127   {% endif %}
 128   ];
 129   jQuery( "#root_authority_hrn" ).autocomplete({
 130    source: availableTags,
 131    minLength: 0,
 132    change: function (event, ui) {
 133      if(!ui.item){
 134        //http://api.jqueryui.com/autocomplete/#event-change -
 135        // The item selected from the menu, if any. Otherwise the property is null
 136        //so clear the item for force selection
 137        jQuery("#root_authority_hrn").val("");
 138      }
 139    }
 140    //select: function( event, ui ) {console.log(jQuery(this))}
 141   });
 142 });
 143 */
 144 </script>
 145 {% endblock %}
 146