portal/templates/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                 <h1><img src="{{ STATIC_URL }}icons/slices-xs.png" alt="Request a Slice" /> Request a new Slice</h1>
   8                 </div>
   9         </div>
  10
  11         {% if errors %}
  12         <ul>
  13           {% for error in errors %}
  14           <li>{{ error }}</li>
  15           {% endfor %}
  16         </ul>
  17         {% endif %}
  18         <div class="row">
  19                 <div class="col-md-12">&nbsp;</div>
  20         </div>
  21         <div class="row">
  22                 <div class="col-md-2"></div>
  23                 <div class="col-md-8">
  24                         <form role="form" method="post">
  25                         {% csrf_token %}
  26                           <div class="form-group">
  27                             <label for="email">Experimenter</label>
  28                             <input type="email" class="form-control" id="email" value="{{ email }}" readonly="readonly">
  29                           </div>
  30                           <div class="form-group">
  31                             <label for="slice_name">Slice Name</label>
  32                             <input type="text" class="form-control" name="slice_name" id="slice_name" placeholder="Slice Name" required="required">
  33                                 <p class="help-block"></p>
  34                           </div>
  35                           <div class="form-group">
  36                             <label for="authority">Authority</label>
  37                                 {%if 'is_pi'  in pi %}
  38                                 <input type="text" class="form-control" id="authority_hrn" name="authority_hrn" placeholder="Authority" required="required">
  39                                 <p class="help-block">An authority responsible for vetting your slice</p>
  40                                 {%else%}
  41                             <input type="text" class="form-control" id="authority_hrn" name="authority_hrn" placeholder="Authority" required="required" readonly="readonly">
  42                                 <p class="help-block">An authority responsible for vetting your slice</p>
  43                                 {%endif%}
  44                           </div>
  45                           <div class="form-group">
  46                             <label for="number_of_nodes">Number of Nodes</label>
  47                             <input type="number" class="form-control" name="number_of_nodes" id="number_of_nodes" placeholder="Number of Nodes">
  48                                 <p class="help-block">Number of nodes you expect to request (informative)</p>
  49                           </div>
  50                           <div class="form-group">
  51                             <label for="purpose">Experiment Purpose</label>
  52                                 <textarea id="purpose" name="purpose" class="form-control" rows="6" placeholder="Experiment Purpose" required="required">{{ purpose }}</textarea>
  53                             <p class="help-block">Purpose of your experiment (informative)</p>
  54                           </div>
  55                           <button type="submit" class="btn btn-default">Request Slice</button>
  56                         </form>
  57
  58                 </div>
  59         </div>
  60
  61 <script>
  62 jQuery(document).ready(function(){
  63
  64         $("#authority_hrn").load("/rest/user/", {"fields" : ["parent_authority"], "filters": {"user_hrn": "{{ user_hrn }}"}}, function(data) {
  65                 var jsonData = JSON.parse(data)
  66         $(this).attr("value", jsonData[0]['parent_authority']);
  67     });
  68     var availableTags = [
  69      {% if authorities %}
  70          {% for authority in authorities %}
  71              {% if authority.name %}
  72                  {value:"{{ authority.authority_hrn }}",label:"{{authority.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     $( "#authority_hrn" ).autocomplete({
  82       source: availableTags,
  83       minLength: 0,
  84       select: function( event, ui ) {console.log(jQuery(this))}
  85     });
  86 });
  87 </script>
  88 {% endblock %}
  89