Fix #552 -- Add icon to expansible panels (#560)

* Ref #552 -- Add icon to expansible panels

Offer informative feedback to user by showing icons to indicate
expansible panels.

* Fix wrongly removed JavaScript line
This commit is contained in:
Daniel
2017-07-17 18:29:47 +08:00
committed by Raphael Michel
parent 5a4fe266c6
commit 02786f4801
8 changed files with 81 additions and 27 deletions

View File

@@ -15,10 +15,10 @@
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#cp{{ form.cartpos.pk }}">
<strong>{{ form.item.name }}</strong>
{% if form.variation %}
<strong>{{ form.item.name }}{% if form.variation %}
{{ form.variation }}
{% endif %}
{% endif %}</strong>
<i class="fa fa-angle-down collapse-indicator"></i>
</a>
</h4>
</div>

View File

@@ -13,10 +13,11 @@
<h4 class="panel-title">
<a data-toggle="collapse" href="#contact">
<strong>{% trans "Contact information" %}</strong>
<i class="fa fa-angle-down collapse-indicator"></i>
</a>
</h4>
</div>
<div id="contact" class="panel-collapse collapsed in">
<div id="contact" class="panel-collapse collapse in">
<div class="panel-body">
{% bootstrap_form contact_form layout="horizontal" %}
</div>
@@ -26,15 +27,16 @@
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#invoice">
<strong>{% trans "Invoice information" %}</strong>
{% if not event.settings.invoice_address_required %}
<a class="{% if not event.settings.invoice_address_required %} collapsed {% endif %}" data-toggle="collapse" href="#invoice">
<strong>{% trans "Invoice information" %}{% if not event.settings.invoice_address_required %}
{% trans "(optional)" %}
{% endif %}
{% endif %}</strong>
<i class="fa fa-angle-down collapse-indicator"></i>
</a>
</h4>
</div>
<div id="invoice" class="panel-collapse collapsed {% if event.settings.invoice_address_required %} in {% endif %}">
<div id="invoice" class="panel-collapse collapse {% if event.settings.invoice_address_required %} in {% endif %}">
<div class="panel-body">
{% bootstrap_form invoice_form layout="horizontal" %}
</div>
@@ -51,6 +53,7 @@
{% if pos.variation %}
{{ pos.variation }}
{% endif %}
<i class="fa fa-angle-down collapse-indicator"></i>
</a>
{% if forloop.counter > 1 %}
<span class="text-right pull-right">
@@ -60,7 +63,7 @@
</h4>
</div>
<div id="cp{{ pos.id }}"
class="panel-collapse collapsed in">
class="panel-collapse collapse in">
<div class="panel-body" data-idx="{{ forloop.counter0 }}">
{% for form in forms %}
{% if form.pos.item != pos.item %}

View File

@@ -22,10 +22,10 @@
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#invoice" data-parent="#questions_accordion">
<strong>{% trans "Invoice information" %}</strong>
{% if not event.settings.invoice_address_required %}
<strong>{% trans "Invoice information" %}{% if not event.settings.invoice_address_required %}
{% trans "(optional)" %}
{% endif %}
{% endif %}</strong>
<i class="fa fa-angle-down collapse-indicator"></i>
</a>
</h4>
</div>
@@ -41,10 +41,10 @@
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#cp{{ pos.id }}">
<strong>{{ pos.item.name }}</strong>
{% if pos.variation %}
<strong>{{ pos.item.name }}{% if pos.variation %}
{{ pos.variation }}
{% endif %}
{% endif %}</strong>
<i class="fa fa-angle-down collapse-indicator"></i>
</a>
</h4>
</div>