Commit c05d77e4 authored by Mat's avatar Mat
Browse files

ajoute la navmap comme élément de navigation

parent d469abca
<style>
nav.navmap {
position: absolute;
top: 14.75em;
left: 50%;
width: auto;
margin-left: -55px;
padding: 1em;
z-index: 10;
}
nav.navmap table td {
margin: 0;
padding: 0;
}
nav.navmap table td td {
padding: 1px;
}
nav.navmap table td td div {
border: 1px solid #7080bd;
border-radius: 2px;
margin: 1px;
}
nav.navmap table td.carre div {
width: 16px;
height: 17px;
}
nav.navmap table td.carre.plein div {
background-color: #adadad;
}
nav.navmap table td.carre.plein div:hover {
background-color: #7b7b7b;
}
nav.navmap table td.carre.plein.active div {
background-color: #7283b3;
}
nav.navmap table td.carre.plein.active div:hover {
background-color: #535f82;
}
nav.navmap table td.carre.vide div {
border: 0;
background-color: transparent;
}
</style>
<nav id="navmap" class="navmap">
<table>
<tr><td>
<table>
<tr><td class="carre plein {{ app.request.get('_route') == 'potage_legume_ajax_display' ? 'active' }}"><div></div></td></tr>
<tr><td class="carre vide"><div></div></td></tr>
</table>
</td><td>
<table>
<tr><td class="carre plein {{ app.request.get('_route') == 'potage_offre_ajax_display' ? 'active' }}"><div></div></td></tr>
<tr><td class="carre plein {{ app.request.get('_route') == 'potage_offre_legumes_ajax_display' ? 'active' }}"><div></div></td></tr>
</table>
</td><td>
<table>
<tr><td class="carre plein {{ app.request.get('_route') == 'potage_lettre_ajax_display' ? 'active' }}"><div></div></td></tr>
<tr><td class="carre plein {{ app.request.get('_route') == 'potage_lettre_infos_ajax_display' ? 'active' }}"><div></div></td></tr>
</table>
</td><td>
<table>
<tr><td class="carre plein {{ app.request.get('_route') == 'potage_info_ajax_display' ? 'active' }}"><div></div></td></tr>
<tr><td class="carre vide"><div></div></td></tr>
</table>
</td></tr>
</table>
</nav>
......@@ -6,8 +6,10 @@
{% block searchbar %}
<nav class="navbar navbar-expand-lg navbar-light navbar-search">
<a href="{{ path('potage_lettre_ajax_display') }}" class="nav-laterale left text-secondary"><i class="fas fa-long-arrow-alt-left fa-fw"></i> Les infolettres</a>
<a href="{{ path('potage_utilisateur_ajax_display') }}" class="nav-laterale right text-secondary">Les utilisateurs <i class="fas fa-long-arrow-alt-right fa-fw"></i></a>
<a href="{{ path('potage_info_ajax_display') }}" class="nav-laterale left text-secondary">
<i class="fas fa-long-arrow-alt-left fa-fw"></i> Les actualités</a>
<a href="{{ path('potage_utilisateur_ajax_display') }}" class="nav-laterale right text-secondary">
Les utilisateurs <i class="fas fa-long-arrow-alt-right fa-fw"></i></a>
</nav>
{% endblock %}
......
......@@ -18,10 +18,14 @@
<span id="rebours"></span>
</form>
<a href="{{ path('potage_offre_ajax_display') }}" class="nav-laterale left text-secondary">
<i class="fas fa-long-arrow-alt-left fa-fw"></i>Les offres</a>
<a href="{{ path('potage_lettre_ajax_display') }}" class="nav-laterale right text-secondary">
Les infolettres<i class="fas fa-long-arrow-alt-right fa-fw"></i></a>
<a href="{{ path('potage_lettre_ajax_display') }}" class="nav-laterale left text-secondary">
<i class="fas fa-long-arrow-alt-left fa-fw"></i> Les infolettres</a>
{#
<a href="{{ path('potage_groupe_ajax_display') }}" class="nav-laterale right text-secondary">
Les groupes <i class="fas fa-long-arrow-alt-right fa-fw"></i></a>
#}
</nav>
{% endblock %}
......
......@@ -7,10 +7,11 @@
{% block searchbar %}
<nav class="navbar navbar-expand-lg navbar-light bg-light navbar-search">
<a href="{{ path('potage_info_ajax_display') }}" class="nav-laterale left text-secondary">
<i class="fas fa-long-arrow-alt-left fa-fw"></i> Les actualités</a>
<a href="{{ path('potage_groupe_ajax_display') }}" class="nav-laterale right text-secondary">
Les groupes <i class="fas fa-long-arrow-alt-right fa-fw"></i></a>
<a href="{{ path('potage_offre_ajax_display') }}" class="nav-laterale left text-secondary">
<i class="fas fa-long-arrow-alt-left fa-fw"></i>Les offres</a>
<a href="{{ path('potage_info_ajax_display') }}" class="nav-laterale right text-secondary">
Les actualités<i class="fas fa-long-arrow-alt-right fa-fw"></i></a>
</nav>
{% endblock %}
......
......@@ -7,14 +7,16 @@
{% block searchbar %}
<nav class="navbar navbar-expand-lg navbar-light bg-light navbar-search">
<div class="nav-laterale left">
<a href="{{ path('potage_info_ajax_display') }}" class="text-secondary">
<i class="fas fa-long-arrow-alt-up fa-fw" style="transform: rotate(-45deg);"></i>Les actus</a>
<a href="{{ path('potage_offre_ajax_display') }}" class="text-secondary">
<i class="fas fa-long-arrow-alt-up fa-fw" style="transform: rotate(-45deg);"></i> Les offres</a>
<a href="{{ path('potage_lettre_ajax_display') }}" class="text-secondary">
<i class="fas fa-long-arrow-alt-up fa-fw"></i>Toutes les lettres</a>
</div>
<div class="nav-laterale right">
<a href="{{ path('potage_groupe_ajax_display') }}" class="text-secondary">
Les groupes <i class="fas fa-long-arrow-alt-up fa-fw" style="transform: rotate(45deg);"></i></a>
<a href="{{ path('potage_info_ajax_display') }}" class="text-secondary">
Les actualités <i class="fas fa-long-arrow-alt-up fa-fw" style="transform: rotate(45deg);"></i></a>
</div>
</nav>
{% endblock %}
......
......@@ -6,10 +6,14 @@
{% block searchbar %}
<nav class="navbar navbar-expand-lg navbar-light navbar-search">
<a href="{{ path('potage_legume_ajax_display') }}" class="nav-laterale left text-secondary">
<i class="fas fa-long-arrow-alt-left fa-fw"></i>Les légumes</a>
<a href="{{ path('potage_info_ajax_display') }}" class="nav-laterale right text-secondary">
Les actualités<i class="fas fa-long-arrow-alt-right fa-fw"></i></a>
<a href="{{ path('potage_lettre_ajax_display') }}" class="nav-laterale right text-secondary">
Les infolettres<i class="fas fa-long-arrow-alt-right fa-fw"></i></a>
</nav>
{% endblock %}
......
......@@ -13,8 +13,8 @@
<i class="fas fa-long-arrow-alt-up fa-fw"></i> Toutes les offres</a>
</div>
<div class="nav-laterale right">
<a href="{{ path('potage_info_ajax_display') }}" class="text-secondary">
Les actualités <i class="fas fa-long-arrow-alt-up fa-fw" style="transform: rotate(45deg);"></i></a>
<a href="{{ path('potage_lettre_ajax_display') }}" class="text-secondary">
Les infolettres <i class="fas fa-long-arrow-alt-up fa-fw" style="transform: rotate(45deg);"></i></a>
</div>
</nav>
{% endblock %}
......
......@@ -21,6 +21,7 @@
{% include '@Potage/Default/navbar.html.twig' %}
{% endblock %}
</header>
{% include '@Potage/Default/navmap.html.twig' %}
{% block body %}
......
......@@ -21,7 +21,7 @@ header {
/**/
nav.navbar-search {
position: relative;
height: 148px;
height: 208px;
padding: 3.1rem 0rem;
font-size: 1.2rem;
box-shadow: 0 0 5px 1px #969696 inset;
......
......@@ -6,7 +6,8 @@ table.infos tr th:nth-child(1) { /* width variable */ }
table.infos tr th:nth-child(2) { /* width variable */ }
table.infos tr th:nth-child(3) { /* width variable */ }
table.infos tr th:nth-child(4) { /* width variable */ }
table.infos tr th:nth-child(5) { /* width variable */ }
table.infos tr th:nth-child(5) { /* width: 12em; */ }
table.infos tr th:nth-child(6) { width: 12em; }
table.legumes tr th:nth-child(1) { width: 3.3em; }
table.legumes tr th:nth-child(2) { width: 3.9em; }
......@@ -16,7 +17,7 @@ table.legumes tr th:nth-child(5) { width: 6.3em; }
table.legumes tr th:nth-child(6) { /* width variable */ }
table.legumes tr th:nth-child(7) { width: 4.1em; }
table.legumes tr th:nth-child(8) { width: 4.8em; }
table.legumes tr th:nth-child(9) { /* width variable */ }
table.legumes tr th:nth-child(9) { width: 19em; }
table.offres tr th:nth-child(1) { /* width variable */ }
table.offres tr th:nth-child(2) { width: 10em; }
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment