portal/templates/register_user_wizard.html

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