47068c4c9fd8376decba62176593f3176a4cf95b
[myslice.git] / portal / templates / onelab / onelab_slicerequest_view.html
1 {% extends "layout.html" %}
2 {% load i18n %}
3
4 {% block content %}
5         <div class="row">
6                 <div class="col-md-12">
7                          <div class="breadcrumbs">
8                                  Experiment &nbsp;>&nbsp; Request a new Slice
9                          </div>
10                 </div>
11         </div>
12
13         {% if errors %}
14         <div class="row">
15                 <div class="col-md-12">
16                 <ul>
17                   {% for error in errors %}
18                   <li>{{ error }}</li>
19                   {% endfor %}
20                 </ul>
21                 </div>
22         </div>
23         {% endif %}
24         
25         <div class="row">
26                 <div class="col-md-8 el">
27                         <form role="form" method="post">
28                         {% csrf_token %}
29                           <div class="form-group" style="display:none">
30                             <input type="email" class="form-control" id="email" style="width:300px" value="{{ email }}" readonly="readonly">
31                           </div>
32                           <div class="form-group">
33                             <input type="text" class="form-control" name="slice_name" id="slice_name" style="width:300px" placeholder="Slice name" value="{{slice_name}}" 
34                                 title="Please enter a name for your slice"required="required">
35                           </div>
36                           <div class="form-group">
37                                 {%if 'is_pi'  in pi %}
38                                 <input type="text" class="form-control" id="authority_hrn" name="org_name" style="width:300px" placeholder="Organization" 
39                                 title="An authority responsible for vetting your slice" required="required">
40                                 {%else%}
41                             <input type="text" class="form-control" id="authority_hrn" name="org_name" placeholder="Organization" style="width:300px;" 
42                                 title="An authority responsible for vetting your slice" required="required" readonly>
43                                 {%endif%}
44                           </div>
45                           <div class="form-group">
46                             <input type="text" class="form-control" name="exp_url" id="exp_url" style="width:300px" placeholder="Experiment URL (if one exists)"
47                                 title="Please provide the url of your experiment if you have one." value="{{exp_url}}">
48                           </div>
49                           <div class="form-group">
50                                 <textarea id="purpose" name="purpose" class="form-control" rows="6" placeholder="Experiment purpose" style="width:300px" 
51                                 title="Purpose of your experiment (informative)" required="required">{{ purpose }}</textarea>
52                           </div>
53                           <button type="submit" class="btn btn-onelab"><span class="glyphicon glyphicon-plus"></span> Request Slice</button>
54                         </form>
55         
56                 </div>
57         </div>
58                 
59 <script>
60 jQuery(document).ready(function(){
61         
62         /*$("#authority_hrn").load("/rest/user/", {"fields" : ["parent_authority"], "filters": {"user_hrn": "{{ user_hrn }}"}}, function(data) {
63                 var jsonData = JSON.parse(data);
64         $(this).attr("value", jsonData[0]['parent_authority']);
65     });*/
66         $("#authority_hrn").val("{{authority_name}}");
67         var availableTags = [
68     {% if authorities %}
69         {% for authority in authorities %}
70             {% if authority.name %}
71                 {value:"{{ authority.name }}",label:"{{authority.name}}"},
72                         // to show only full name
73            // {% else %}
74            //     {value:"{{ authority.authority_hrn }}",label:"{{authority.authority_hrn}}"},
75             {% endif %}
76         {% endfor %}    
77     {% else %}
78         {value:"",label:"No authority found !!!"}
79     {% endif %}
80     ];
81         // sorting the list
82         availableTags.sort(function(a,b){
83                 var nameA=a.value.toLowerCase(), nameB=b.value.toLowerCase();
84                 if (nameA < nameB) {
85                 return -1;
86                 }
87                 if (nameA > nameB) {
88                 return 1;
89                 }
90         return 0;
91         }); 
92     $( "#authority_hrn" ).autocomplete({
93       source: availableTags,
94       minLength: 0,
95       select: function( event, ui ) {console.log(jQuery(this));}
96     });
97 });
98 </script>
99 {% endblock %}
100