portal/templates/slicerequest_view.html

   1 {% extends "layout.html" %}
   2 {% load i18n %}
   3
   4 {% block content %}
   5
   6 <div class="row">
   7         <h1><img src="{{ STATIC_URL }}img/icon_slices_small.png" alt="Request a Slice" /> Request a new Slice</h1>
   8 </div>
   9 {% if errors %}
  10 <ul>
  11   {% for error in errors %}
  12   <li>{{ error }}</li>
  13   {% endfor %}
  14 </ul>
  15 {% endif %}
  16
  17 <div class="row">
  18   <form id="commentForm" class="form-horizontal" method="post">
  19   {% csrf_token %}
  20   <fieldset>
  21
  22    <div class="form-group">
  23      <label for="email" class="col-xs-2 control-label">Experimenter</label>
  24      <div class="col-xs-4">
  25         <label class="col-xs-2 control-label">{{ email }}</label>
  26      </div>
  27      <div class="col-xs-6">
  28         <p class="form-hint">Experimenter requesting a Slice</p>
  29      </div>
  30    </div>
  31
  32    <div class="form-group">
  33      <label for="slice_name" class="col-xs-2 control-label">Slice Name</label>
  34      <div class="col-xs-4">
  35         <input type="text" name="slice_name" class="form-control" minlength="2" value="{{ slice_name }}" placeholder="Slice Name" required />
  36      </div>
  37      <div class="col-xs-6"> <p class="form-hint">The name of the slice you wish to create</p> </div>
  38    </div>
  39
  40    <div class="form-group">
  41      <label for="authority_hrn" class="col-xs-2 control-label">Authority</label>
  42      <div class="col-xs-4">
  43        <div class="ui-widget">
  44            <input id="authority_hrn" name="authority_hrn" class="form-control" value="{{ authority_hrn }}" placeholder="Authority" required />
  45        </div>
  46     </div>
  47      <div class="col-xs-6"><p class="form-hint">An authority responsible for vetting your slice</p></div>
  48    </div>
  49
  50    <div class="form-group">
  51      <label for="number_of_nodes" class="col-xs-2 control-label">Number of nodes</label>
  52      <div class="col-xs-4">
  53        <div class="ui-widget">
  54            <input id="number_of_nodes" name="number_of_nodes" class="form-control" value="{{ number_of_nodes }}" />
  55        </div>
  56     </div>
  57      <div class="col-xs-6"><p class="form-hint">Number of nodes you expect to request (informative)</p></div>
  58    </div>
  59
  60    <div class="form-group">
  61      <label for="purpose" class="col-xs-2 control-label">Experiment purpose</label>
  62      <div class="col-xs-4">
  63        <div class="ui-widget">
  64            <textarea id="purpose" name="purpose" class="form-control" style="height:110px;" placeholder="Experiment Purpose" required>{{ purpose }}</textarea>
  65        </div>
  66     </div>
  67      <div class="col-xs-6">
  68         <p class="form-hint">Purpose of your experiment (informative)</p>
  69      </div>
  70    </div>
  71
  72         <div class="col-xs-2">
  73         </div>
  74         <div class="col-xs-4">
  75                 <button class="submit btn btn-default" type="submit">Request Slice</button>
  76         </div>
  77   </fieldset>
  78   </form>
  79 </div>
  80 <script>
  81 jQuery(document).ready(function(){
  82     var availableTags = [
  83      {% if authorities %}
  84          {% for authority in authorities %}
  85              {% if authority.name %}
  86                  {value:"{{ authority.authority_hrn }}",label:"{{authority.name}}"},
  87              {% else %}
  88                  {value:"{{ authority.authority_hrn }}",label:"{{authority.authority_hrn}}"},
  89              {% endif %}
  90          {% endfor %}
  91      {% else %}
  92          {value:"",label:"No authority found !!!"}
  93      {% endif %}
  94     ];
  95     $( "#authority_hrn" ).autocomplete({
  96       source: availableTags,
  97       minLength: 0,
  98       select: function( event, ui ) {console.log(jQuery(this))}
  99     });
 100 });
 101 </script>
 102 {% endblock %}
 103