portal/templates/register_user_wizard.html

   1 {% extends "layout.html" %}
   2 {% load crispy_forms_tags %}
   3
   4 {% block head %}
   5 {{ wizard.form.media }}
   6 <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/smart_wizard.css" />
   7 {% endblock %}
   8
   9 {% block content %}
  10
  11   <h1>User registration</h1>
  12
  13   <div class='swMain'>
  14
  15     <ul class='anchor'>
  16       {% for step in wizard.steps.all %}
  17         <li>
  18           <a href="#step-1" class="selected" isdone="0" rel="1">
  19             <label class="stepNumber">{{forloop.counter}}</label>
  20             <span class="stepDesc">Step {{forloop.counter}}<br><small>NAME OF THE STEP HERE</small></span>
  21           </a>
  22         </li>
  23       {% endfor %}
  24     </ul>
  25     <div style='clear: both;'/>
  26
  27         <form action="" method="post">{% csrf_token %}
  28           <table>
  29             {% if wizard.form.forms %}
  30                 {{ wizard.management_form }}
  31                 {% for form in wizard.form.forms %}
  32                     {% crispy form form.helper %}
  33                 {% endfor %}
  34             {% else %}
  35                 {{ wizard.management_form }}
  36                 {% crispy wizard.form %}
  37             {% endif %}
  38           </table>
  39
  40     {% if wizard.steps.prev %}
  41       <button name="wizard_goto_step" type="submit" value="{{ wizard.steps.first }}">{% trans "first step" %}</button>
  42       <button name="wizard_goto_step" type="submit" value="{{ wizard.steps.prev }}">{% trans "prev step" %}</button>
  43     {% endif %}
  44
  45     <div class='actionBar'>
  46       <input class='buttonNext' type="submit" value="{% trans "submit" %}"/>
  47
  48       <div class="contrdol-group">
  49         <div class="contrdols">
  50           {% if wizard.steps.prev %}
  51             <button class="buttonPrevious" name="wizard_goto_step" type="submit" value="{{ wizard.steps.prev }}">prev step</button>
  52           {% endif %}
  53           <input class="buttonNext" type="submit" value="next step"/>
  54         </div>
  55       </div>
  56     </div>
  57         </form>
  58
  59     <div class="progress progress-info progress-striped" style="clear: both;">
  60         <div class="bar" style="width:{% widthratio wizard.steps.step1 wizard.steps.count 100%}%">
  61           Step {{ wizard.steps.step1 }} of {{ wizard.steps.count }}
  62         </div>
  63     </div>
  64   </div><!-- swMain -->
  65
  66 {% endblock %}