4 files changed, 42 insertions, 33 deletions
diff --git a/ishtar_common/templates/ishtar/wizard/confirm_wizard.html b/ishtar_common/templates/ishtar/wizard/confirm_wizard.html
index 7339af9a8..034d6e21a 100644
--- a/ishtar_common/templates/ishtar/wizard/confirm_wizard.html
+++ b/ishtar_common/templates/ishtar/wizard/confirm_wizard.html
@@ -3,14 +3,9 @@
 {% load range %}
 {% block content %}
 <h2>{{wizard_label}}</h2>
-<form action="." method="post">{% csrf_token %}
-<ul id='form_path'>
-{% for step in previous_steps %}
-  <li><button name="form_prev_step" value="{{forloop.counter0}}">{{step}}</button></li>
-{% endfor %}
-  <li class='current'><a href='#'>{{current_step_label}}</a></li>
-</ul>
-</form>
+
+{% include "ishtar/blocks/wizard_breadcrumb.html" %}
+
 <form action="." method="post">{% csrf_token %}
 <div class='form'>
   {% block "warning_informations" %}{% endblock %}
diff --git a/ishtar_common/templates/ishtar/wizard/default_wizard.html b/ishtar_common/templates/ishtar/wizard/default_wizard.html
index 19076b0de..7ba87c44d 100644
--- a/ishtar_common/templates/ishtar/wizard/default_wizard.html
+++ b/ishtar_common/templates/ishtar/wizard/default_wizard.html
@@ -5,18 +5,10 @@
 {% endblock %}
 {% block content %}
 {% block wizard_head %}
-<h2>{{wizard_label}}</h2>
-<form action="." method="post">{% csrf_token %}
-<ul id='form_path'>
-{% for step in previous_steps %}
-  <li><button class='change_step' name="form_prev_step" value="{{forloop.counter0}}">{{step}}</button></li>
-{% endfor %}
-  <li class='current'><a href='#'>{{current_step_label}}</a></li>
-{% for step in next_steps %}
-  <li><button class='change_step' name="form_prev_step" value="{{forloop.counter|add:previous_step_counter}}">{{step}}</button></li>
-{% endfor %}
-</ul>
-</form>
+<h3>{{wizard_label}}</h3>
+
+{% include "ishtar/blocks/wizard_breadcrumb.html" %}
+
 {% endblock %}
 {% block wizard_form %}
 <form action="." method="post" name='wizard'{% if wizard.form.file_upload %} enctype="multipart/form-data"{% endif %}>{% csrf_token %}
@@ -31,14 +23,12 @@
 <table class='formset'>
   {%if wizard.form.non_form_errors%}<tr class='error'><th colspan='2'>{{wizard.form.non_form_errors}}</th></tr>{%endif%}
   {% for formsetform in wizard.form.forms %}
-  {% table_form formsetform %}
+  {% bs_form formsetform %}
   {% endfor %}
   <tr class='modify'><td colspan="2"><button name="formset_modify" value="{{wizard.steps.current}}">{% trans "Add/Modify" %}</button></td></tr></li>
 </table>
 {% else %}
-{% if not is_search %}<table>{% endif %}
-{% table_form wizard.form %}
-{% if not is_search %}</table>{% endif %}
+  {% bs_form wizard.form %}
 {% endif %}
 {% endblock %}
 <input type="hidden" name="{{ step_field }}" value="{{ step0 }}" />
diff --git a/ishtar_common/templates/ishtar/wizard/search.html b/ishtar_common/templates/ishtar/wizard/search.html
index e5066cf87..da7955c26 100644
--- a/ishtar_common/templates/ishtar/wizard/search.html
+++ b/ishtar_common/templates/ishtar/wizard/search.html
@@ -4,10 +4,18 @@
 {{wizard.form.media}}
 {% endblock %}
 {% block content %}
-<h2>{{wizard_label}}</h2>
-<ul id='form_path'>
-  <li class='current'><a href='#'>{{current_step.form_label}}</a></li>
-</ul>
+<h3>{{wizard_label}}</h3>
+
+{% comment %}
+<nav aria-label="breadcrumb" role="navigation">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item active">
+      <a href='#'>{{current_step.form_label}}</a>
+    </li>
+  </ol>
+</nav>
+{% endcomment %}
+
 {% if wizard.form.forms %}
 <div class='form'>
 <div class='top_button'><input type="submit" id="submit_form" value="{% trans "Validate" %}"/></div>
@@ -20,7 +28,7 @@
   <tr class='modify'><td colspan="2"><button name="formset_modify" value="{{wizard.steps.current}}">{% trans "Add/Modify" %}</button></td></tr></li>
 </table>
 {% else %}
-<div class='form'>
+<div class='form search'>
   {{ wizard.form.as_p }}
 </div>
 {% endif %}
diff --git a/ishtar_common/templates/ishtar/wizard/validation_bar.html b/ishtar_common/templates/ishtar/wizard/validation_bar.html
index b99b9e689..0a30fb7e1 100644
--- a/ishtar_common/templates/ishtar/wizard/validation_bar.html
+++ b/ishtar_common/templates/ishtar/wizard/validation_bar.html
@@ -1,8 +1,24 @@
 {% load i18n %}
-<div id='validation-bar'>
-    <input type="submit" id="submit_form" name='validate' value="{% trans 'Validate' %}"/>
+<div id='validation-bar' class="row text-center">
+    <div class="col-sm">
+        <button type="submit" id="submit_form" name='validate'
+                value="validate" class="btn btn-success">
+            {% trans 'Validate' %}
+        </button>
+    </div>
     {% if last_step_is_available and next_steps %}
-    <input type="submit" id="submit_end_form" name='validate_and_end' value="{% trans 'Validate and end' %}"/>
+    <div class="col-sm">
+        <button type="submit" id="submit_end_form" name='validate_and_end'
+            value="validate_and_end" class="btn btn-success">
+            {% trans 'Validate and end' %}
+        </button>
+    </div>
     {% endif %}
-    <a href="{% url 'reset_wizards' %}" id="reset_wizards" class='button'>{% trans "Cancel" %}</a>
+    <div class="col-sm">
+        <a href="{% url 'reset_wizards' %}" id="reset_wizards">
+            <button type="button" class="btn btn-secondary">
+                {% trans "Cancel" %}
+            </button>
+        </a>
+    </div>
 </div>