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 @@ ...@@ -6,8 +6,10 @@
{% block searchbar %} {% block searchbar %}
<nav class="navbar navbar-expand-lg navbar-light navbar-search"> <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_info_ajax_display') }}" class="nav-laterale left text-secondary">
<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> <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> </nav>
{% endblock %} {% endblock %}
......
...@@ -18,10 +18,14 @@ ...@@ -18,10 +18,14 @@
<span id="rebours"></span> <span id="rebours"></span>
</form> </form>
<a href="{{ path('potage_offre_ajax_display') }}" class="nav-laterale left text-secondary"> <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 offres</a> <i class="fas fa-long-arrow-alt-left fa-fw"></i> Les infolettres</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_groupe_ajax_display') }}" class="nav-laterale right text-secondary">
Les groupes <i class="fas fa-long-arrow-alt-right fa-fw"></i></a>
#}
</nav> </nav>
{% endblock %} {% endblock %}
......
...@@ -7,10 +7,11 @@ ...@@ -7,10 +7,11 @@
{% block searchbar %} {% block searchbar %}
<nav class="navbar navbar-expand-lg navbar-light bg-light navbar-search"> <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"> <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 actualités</a> <i class="fas fa-long-arrow-alt-left fa-fw"></i>Les offres</a>
<a href="{{ path('potage_groupe_ajax_display') }}" class="nav-laterale right text-secondary"> <a href="{{ path('potage_info_ajax_display') }}" class="nav-laterale right text-secondary">
Les groupes <i class="fas fa-long-arrow-alt-right fa-fw"></i></a> Les actualités<i class="fas fa-long-arrow-alt-right fa-fw"></i></a>
</nav> </nav>
{% endblock %} {% endblock %}
......
...@@ -7,14 +7,16 @@ ...@@ -7,14 +7,16 @@
{% block searchbar %} {% block searchbar %}
<nav class="navbar navbar-expand-lg navbar-light bg-light navbar-search"> <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-search">
<div class="nav-laterale left"> <div class="nav-laterale left">
<a href="{{ path('potage_info_ajax_display') }}" class="text-secondary"> <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 actus</a> <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"> <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> <i class="fas fa-long-arrow-alt-up fa-fw"></i>Toutes les lettres</a>
</div> </div>
<div class="nav-laterale right"> <div class="nav-laterale right">
<a href="{{ path('potage_groupe_ajax_display') }}" class="text-secondary"> <a href="{{ path('potage_info_ajax_display') }}" class="text-secondary">
Les groupes <i class="fas fa-long-arrow-alt-up fa-fw" style="transform: rotate(45deg);"></i></a> Les actualités <i class="fas fa-long-arrow-alt-up fa-fw" style="transform: rotate(45deg);"></i></a>
</div> </div>
</nav> </nav>
{% endblock %} {% endblock %}
......
...@@ -6,10 +6,14 @@ ...@@ -6,10 +6,14 @@
{% block searchbar %} {% block searchbar %}
<nav class="navbar navbar-expand-lg navbar-light navbar-search"> <nav class="navbar navbar-expand-lg navbar-light navbar-search">
<a href="{{ path('potage_legume_ajax_display') }}" class="nav-laterale left text-secondary"> <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> <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"> <a href="{{ path('potage_lettre_ajax_display') }}" class="nav-laterale right text-secondary">
Les actualités<i class="fas fa-long-arrow-alt-right fa-fw"></i></a> Les infolettres<i class="fas fa-long-arrow-alt-right fa-fw"></i></a>
</nav> </nav>
{% endblock %} {% endblock %}
......
...@@ -13,8 +13,8 @@ ...@@ -13,8 +13,8 @@
<i class="fas fa-long-arrow-alt-up fa-fw"></i> Toutes les offres</a> <i class="fas fa-long-arrow-alt-up fa-fw"></i> Toutes les offres</a>
</div> </div>
<div class="nav-laterale right"> <div class="nav-laterale right">
<a href="{{ path('potage_info_ajax_display') }}" class="text-secondary"> <a href="{{ path('potage_lettre_ajax_display') }}" class="text-secondary">
Les actualités <i class="fas fa-long-arrow-alt-up fa-fw" style="transform: rotate(45deg);"></i></a> Les infolettres <i class="fas fa-long-arrow-alt-up fa-fw" style="transform: rotate(45deg);"></i></a>
</div> </div>
</nav> </nav>
{% endblock %} {% endblock %}
......
...@@ -21,6 +21,7 @@ ...@@ -21,6 +21,7 @@
{% include '@Potage/Default/navbar.html.twig' %} {% include '@Potage/Default/navbar.html.twig' %}
{% endblock %} {% endblock %}
</header> </header>
{% include '@Potage/Default/navmap.html.twig' %}
{% block body %} {% block body %}
......
...@@ -21,7 +21,7 @@ header { ...@@ -21,7 +21,7 @@ header {
/**/ /**/
nav.navbar-search { nav.navbar-search {
position: relative; position: relative;
height: 148px; height: 208px;
padding: 3.1rem 0rem; padding: 3.1rem 0rem;
font-size: 1.2rem; font-size: 1.2rem;
box-shadow: 0 0 5px 1px #969696 inset; box-shadow: 0 0 5px 1px #969696 inset;
......
...@@ -6,7 +6,8 @@ table.infos tr th:nth-child(1) { /* width variable */ } ...@@ -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(2) { /* width variable */ }
table.infos tr th:nth-child(3) { /* 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(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(1) { width: 3.3em; }
table.legumes tr th:nth-child(2) { width: 3.9em; } table.legumes tr th:nth-child(2) { width: 3.9em; }
...@@ -16,7 +17,7 @@ table.legumes tr th:nth-child(5) { width: 6.3em; } ...@@ -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(6) { /* width variable */ }
table.legumes tr th:nth-child(7) { width: 4.1em; } 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(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(1) { /* width variable */ }
table.offres tr th:nth-child(2) { width: 10em; } 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