template for form categories cell

This commit is contained in:
Serghei Mihai 2015-04-01 23:22:27 +02:00
parent 805a4b12dd
commit 5ca29e1569
1 changed files with 91 additions and 0 deletions

View File

@ -0,0 +1,91 @@
<h2>Démarches en ligne</h2>
<p class="chapeau">Démarches en ligne de Montpellier Méditerranée Métropole, mais aussi celles des Communes.</p>
<!-- Agglo -->
{% for slug, categories in form_categories.iteritems %}
{% if slug == 'agglo' %}
<div class="categories-{{ slug }}">
<h3 class="aq-catgr-plg-title"><a href="{{ categories.base_url }}auth">Démarches de {{ categories.title }}</a></h3>
{% if categories.data %}
<ul class="aq-forms-plg-listing" {% if categories.data.data|length <= 1 %}style="-moz-column-count: 1; -webkit-column-count: 1; column-count: 1"{% endif %}>
{% for category in categories.data.data %}
<li class="aq-forms-plg-item">
<a href="{{ category.url }}/tryauth">{{ category.title }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</div>
{% endif %}
{% endfor %}
{% if request.session.mellon_session.ville.0 %}
<!-- Commune de l'utilisateur -->
{% for slug, categories in form_categories.iteritems %}
{% if categories.title == request.session.mellon_session.ville.0 %}
<div class="ma_commune">
<h3 class="aq-catgr-plg-title"><a href="{{ categories.base_url }}auth">Démarches de ma commune : {{ request.session.mellon_session.ville.0 }}</a></h3>
<ul class="aq-forms-plg-listing" {% if categories.data.data|length <= 1 %}style="-moz-column-count: 1; -webkit-column-count: 1; column-count: 1"{% endif %}>
{% for category in categories.data.data %}
<li class="aq-forms-plg-item">
<a href="{{ category.url }}/tryauth">{{ category.title }}</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
{% endfor %}
{% endif %}
<!-- Selecteur des communes -->
<div class="aq-catgr-plg">
<h3 class="aq-catgr-plg-title">Les démarches dans les autres communes</h3>
<div class="aq-catgr-plg-selector-container">
<p>
<select onchange="displayCommune(this.value)">
<option value="" selected>Choisissez une commune...</option>
{% for slug, categories in form_categories.iteritems %}
{% if categories.title != request.session.mellon_session.ville.0 and slug != 'agglo' %}
<option value="{{ slug }}">{{ categories.title }}</option>
{% endif %}
{% endfor %}
</select>
</p>
</div>
<div class="aq-catgr-plg-selector-container">
</div>
</div>
<!-- Blocs des communes -->
<div id="toutes-communes">
{% for slug, categories in form_categories.iteritems %}
{% if categories.title != request.session.mellon_session.ville.0 and slug != 'agglo' %}
<div id="categories-{{ slug }}" style="display: none;">
<h3 class="aq-catgr-plg-title"><a href="{{ categories.base_url }}auth">Démarches de {{ categories.title }}</a></h3>
{% if categories.data %}
<ul class="aq-forms-plg-listing" {% if categories.data.data|length <= 1 %}style="-moz-column-count: 1; -webkit-column-count: 1; column-count: 1"{% endif %}>
{% for category in categories.data.data %}
<li class="aq-forms-plg-item">
<a href="{{ category.url }}/tryauth">{{ category.title }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</div>
{% endif %}
{% endfor %}
</div>
<script type="text/javascript">
function displayCommune(slug) {
var communes = document.getElementById('toutes-communes').children;
for (var i = 0; i < communes.length; i++) {
commune = communes[i];
if (commune.id == 'categories-'+slug) {
commune.style['display'] = "block";
} else {
commune.style['display'] = "none";
}
}
}
</script>