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         <div class="row">
  13                 <div class="col-md-12">
  14                 <ul>
  15                   {% for error in errors %}
  16                   <li>{{ error }}</li>
  17                   {% endfor %}
  18                 </ul>
  19                 </div>
  20         </div>
  21         {% endif %}
  22
  23         <div class="row">
  24                 <div class="col-md-8 el">
  25                         <form role="form" method="post">
  26                         {% csrf_token %}
  27                           <div class="form-group" style="display:none">
  28                             <input type="email" class="form-control" id="email" style="width:300px" value="{{ email }}" readonly="readonly">
  29                           </div>
  30                           <div class="form-group">
  31                             <input type="text" class="form-control" name="slice_name" id="slice_name" style="width:300px" placeholder="Slice name"
  32                                 title="Please enter a name for your slice"required="required">
  33                           </div>
  34                           <div class="form-group">
  35                 {% if request.session.user.pi %}
  36                 <input type="text" class="form-control" id="authority_hrn" name="authority_hrn" style="width:300px" placeholder="Authority"
  37                                 title="An authority responsible for vetting your slice" required="required">
  38                 {% else %}
  39                 <input type="text" class="form-control" id="authority_hrn" name="authority_hrn" placeholder="Authority" style="width:300px; display:none;"
  40                                 title="An authority responsible for vetting your slice" required="required" readonly="readonly">
  41                 {% endif %}
  42                           </div>
  43                           <div class="form-group">
  44                             <input type="number" class="form-control" name="number_of_nodes" id="number_of_nodes" style="width:300px" placeholder="Number of nodes"
  45                                 title="Number of nodes you expect to request (informative)">
  46                           </div>
  47                           <div class="form-group">
  48                                 <textarea id="purpose" name="purpose" class="form-control" rows="6" placeholder="Experiment purpose" style="width:300px"
  49                                 title="Purpose of your experiment (informative)" required="required">{{ purpose }}</textarea>
  50                           </div>
  51                           <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span> Request Slice</button>
  52                         </form>
  53
  54                 </div>
  55         </div>
  56
  57 <script>
  58 jQuery(document).ready(function(){
  59
  60         $("#authority_hrn").load("/rest/user/", {"fields" : ["parent_authority"], "filters": {"user_hrn": "{{ user_hrn }}"}}, function(data) {
  61                 var jsonData = JSON.parse(data);
  62         $(this).attr("value", jsonData[0]['parent_authority']);
  63     });
  64     var availableTags = [
  65      {% if authorities %}
  66          {% for authority in authorities %}
  67              {% if authority.name %}
  68                  {value:"{{ authority.authority_hrn }}",label:"{{authority.name}}"},
  69              {% else %}
  70                  {value:"{{ authority.authority_hrn }}",label:"{{authority.authority_hrn}}"},
  71              {% endif %}
  72          {% endfor %}
  73      {% else %}
  74          {value:"",label:"No authority found !!!"}
  75      {% endif %}
  76     ];
  77     $( "#authority_hrn" ).autocomplete({
  78       source: availableTags,
  79       minLength: 0,
  80       select: function( event, ui ) {console.log(jQuery(this));}
  81     });
  82     $('input[name=slice_name]').keyup(function(){
  83         this.value = this.value.toLowerCase();
  84     });
  85 });
  86 </script>
  87 {% endblock %}
  88