You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
1.2 KiB
36 lines
1.2 KiB
{% comment %}
|
|
Usage: used for creating multilanguage tabs
|
|
|
|
Uses form, languages dictionary and field which will be in tabs
|
|
|
|
Bootstrap for creating tabs
|
|
|
|
{% endcomment %}
|
|
<div>
|
|
<div class="span3"><ul class="nav nav-tabs" style="margin-bottom: -1px; margin-left: 10px;" id="multilang_{{ field }}">
|
|
{% for code, name in languages %}
|
|
<li {% if forloop.counter == 1 %}class="active"{% endif %}><a href="#field_{{ field }}_{{ code }}" data-toggle="tab">{{code}}</a></li>
|
|
{% endfor %}
|
|
</ul></div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="tab-content" >
|
|
{% for code, name in languages %}
|
|
{# makes field like field_en, field_ru etc. #}
|
|
{% with field|add:"_"|add:code as lang_field %}
|
|
<div class="tab-pane{% if forloop.counter == 1 %} active{% endif%} " id="field_{{ field }}_{{ code }}">
|
|
{% for f in form %}
|
|
{# finds translated fields in form #}
|
|
{% ifequal f.name lang_field %}
|
|
<div >
|
|
<div style="border: 1px solid #ddd; padding: 10px; border-radius: 5px">{{f}}{# style for making content border #}
|
|
<span class="help-inline"> {{f.errors}}</span></div>
|
|
</div>
|
|
{% endifequal %}
|
|
{% endfor %}
|
|
</div>
|
|
{% endwith %}
|
|
{% endfor %}
|
|
</div>
|
|
|