rely on geni to provide geni-auth.js
[myslice.git] / 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" /> Request to 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-4">
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="8" 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-4">
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="tel" 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">
101     </div>
102         <div class="form-group">
103                 <input type="password"  id="password" name="pi_password"   class="form-control" style="width:200px" minlength="8" value="{{ password }}" placeholder="Password" required/>
104         </div>
105         <div class="form-group">
106         <input type="password"  id="confirmpassword" name="confirmpassword" style="width:200px"  minlength="8" class="form-control" value="" placeholder="Confirm Password" required/>
107         </div>
108
109         </div>
110 </div>
111         <div class="form-group" >
112                 <input type="checkbox" name="agreement" value="agreement" required />&nbsp;&nbsp; I agree to the
113 <a href="/terms" target="_blank">terms and conditions.</a>
114
115                 <br><br>
116                 <button type="submit" class="btn btn-onelab">Submit</button>
117         </div>
118 </form>
119 <script>
120
121 /*
122 jQuery(document).ready(function(){
123   var availableTags = [
124   {% if root_authorities %}
125     {% for authority in root_authorities %}
126     {value:"{{ authority.authority_hrn }}",label:"{{authority.authority_hrn}}"},
127     {% endfor %}  
128   {% else %}
129     {value:"",label:"No authority found !!!"}
130   {% endif %}
131   ];
132   jQuery( "#root_authority_hrn" ).autocomplete({
133    source: availableTags,
134    minLength: 0,
135    change: function (event, ui) {
136      if(!ui.item){
137        //http://api.jqueryui.com/autocomplete/#event-change -
138        // The item selected from the menu, if any. Otherwise the property is null
139        //so clear the item for force selection
140        jQuery("#root_authority_hrn").val("");
141      }
142    }
143    //select: function( event, ui ) {console.log(jQuery(this))}
144   });
145 });
146 */
147 </script>
148 {% endblock %}
149