portal/templates/slicerequest_view.html

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