Commit 0673aebe authored by Mat's avatar Mat
Browse files

navmap et petites optimisations du design

parent c05d77e4
...@@ -15,55 +15,130 @@ ...@@ -15,55 +15,130 @@
nav.navmap table td td { nav.navmap table td td {
padding: 1px; padding: 1px;
} }
nav.navmap table td td div { nav.navmap table td td a {
border: 1px solid #7080bd; display: block;
border-radius: 2px; border-radius: 2px;
border: 0px;
margin: 1px; margin: 1px;
} }
nav.navmap table td.carre div { nav.navmap table td.carre a {
width: 16px; width: 16px;
height: 17px; height: 17px;
} }
nav.navmap table td.carre.plein div { nav.navmap table td.carre.vide a {
border: 0;
background-color: transparent;
}
nav.navmap table#map1 td.carre.plein a {
background-color: #adadad; background-color: #adadad;
} }
nav.navmap table td.carre.plein div:hover { nav.navmap table#map1 td.carre.plein a:hover {
background-color: #7b7b7b; background-color: #7b7b7b;
} }
nav.navmap table td.carre.plein.active div { nav.navmap table#map1 td.carre.plein.active a {
background-color: #7283b3; background-color: #007bff;
} }
nav.navmap table td.carre.plein.active div:hover { nav.navmap table#map1 td.carre.plein.active a:hover {
background-color: #535f82; background-color: #004589;
} }
nav.navmap table td.carre.vide div { /* map 2 */
border: 0; nav.navmap table#map2 {
background-color: transparent; display: none;
}
nav.navmap table#map2 td.carre.plein a {
background-color: #adadad;
}
nav.navmap table#map2 td.carre.plein a:hover {
background-color: #7b7b7b;
}
nav.navmap table#map2 td.carre.plein.active a {
background-color: #ffc107;
}
nav.navmap table#map2 td.carre.plein.active a:hover {
background-color: #b88b05;
} }
</style> </style>
<nav id="navmap" class="navmap"> <nav id="navmap" class="navmap">
<table> <table id="map1">
<tr><td> <tr><td>
<table> <table>
<tr><td class="carre plein {{ app.request.get('_route') == 'potage_legume_ajax_display' ? 'active' }}"><div></div></td></tr> <tr><td class="carre plein {{ app.request.get('_route') == 'potage_legume_ajax_display' ? 'active' }}">
<tr><td class="carre vide"><div></div></td></tr> <a href="{{ path('potage_legume_ajax_display') }}"></a>
</td></tr>
<tr><td class="carre vide"><a></a></td></tr>
</table> </table>
</td><td> </td><td>
<table> <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_ajax_display' ? 'active' }}">
<tr><td class="carre plein {{ app.request.get('_route') == 'potage_offre_legumes_ajax_display' ? 'active' }}"><div></div></td></tr> <a href="{{ path('potage_offre_ajax_display') }}"></a>
</td></tr>
<tr><td class="carre plein {{ app.request.get('_route') == 'potage_offre_legumes_ajax_display' ? 'active' }}">
<a></a></td></tr>
</table> </table>
</td><td> </td><td>
<table> <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_ajax_display' ? 'active' }}">
<tr><td class="carre plein {{ app.request.get('_route') == 'potage_lettre_infos_ajax_display' ? 'active' }}"><div></div></td></tr> <a href="{{ path('potage_lettre_ajax_display') }}"></a>
</td></tr>
<tr><td class="carre plein {{ app.request.get('_route') == 'potage_lettre_infos_ajax_display' ? 'active' }}">
<a></a></td></tr>
</table> </table>
</td><td> </td><td>
<table> <table>
<tr><td class="carre plein {{ app.request.get('_route') == 'potage_info_ajax_display' ? 'active' }}"><div></div></td></tr> <tr><td class="carre plein {{ app.request.get('_route') == 'potage_info_ajax_display' ? 'active' }}">
<tr><td class="carre vide"><div></div></td></tr> <a href="{{ path('potage_info_ajax_display') }}"></a>
</td></tr>
<tr><td class="carre vide"><a></a></td></tr>
</table> </table>
</td></tr> </td></tr>
</table> </table>
<table id="map2">
<tr>
<td>
<table>
<tr>
<td class="carre plein active">
<a href=""></a>
</td>
</tr>
<tr>
<td class="carre plein">
<a href=""></a>
</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td class="carre plein">
<a href=""></a>
</td>
</tr>
<tr>
<td class="carre vide">
<a></a>
</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td class="carre plein">
<a href=""></a>
</td>
</tr>
<tr>
<td class="carre vide">
<a></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</nav> </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_info_ajax_display') }}" class="nav-laterale left text-secondary"> <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> <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"> <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> Les utilisateurs <i class="fas fa-long-arrow-alt-right fa-fw"></i></a>
</nav> </nav>
......
...@@ -244,7 +244,10 @@ function displayDeleteInfo(jsonRow) ...@@ -244,7 +244,10 @@ function displayDeleteInfo(jsonRow)
*/ */
function displayInsertInfo(jsonRow) function displayInsertInfo(jsonRow)
{ {
let insertBtn = buildInsertBtn(); let insertBtn = document.createElement('button');
insertBtn.innerHTML = '<i class="fas fa-plus fa-fw"></i>';
insertBtn.classList.add('btn', 'btn-info', 'btn-sm', 'mb-1', 'mr-1');
insertBtn.dataset.toggle = "modal";
insertBtn.setAttribute('title', 'Insérer dans une infolettre'); insertBtn.setAttribute('title', 'Insérer dans une infolettre');
insertBtn.dataset.target = ".form-lettre-infos-insert-modal"; insertBtn.dataset.target = ".form-lettre-infos-insert-modal";
insertBtn.dataset.infoId = jsonRow.id; insertBtn.dataset.infoId = jsonRow.id;
......
...@@ -106,7 +106,7 @@ ...@@ -106,7 +106,7 @@
<tbody> <tbody>
</tbody> </tbody>
</table> </table>
<table id="maintab-current" class="table lettres table-striped"> <table id="maintab-current" class="table lettres table-striped border-warning">
<thead style="display: none;"> <thead style="display: none;">
<tr> <tr>
<th scope="col">#</th> <th scope="col">#</th>
......
...@@ -7,7 +7,7 @@ table.infos tr th:nth-child(2) { /* width variable */ } ...@@ -7,7 +7,7 @@ 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: 12em; */ } table.infos tr th:nth-child(5) { /* width: 12em; */ }
table.infos tr th:nth-child(6) { width: 12em; } table.infos tr th:nth-child(6) { width: 15em; }
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; }
...@@ -44,3 +44,8 @@ table.groupes tr th:nth-child(2) { /* width variable */ } ...@@ -44,3 +44,8 @@ table.groupes tr th:nth-child(2) { /* width variable */ }
table.groupes tr th:nth-child(3) { /* width variable */ } table.groupes tr th:nth-child(3) { /* width variable */ }
table.groupes tr th:nth-child(4) { /* width variable */ } table.groupes tr th:nth-child(4) { /* width variable */ }
table.groupes tr th:nth-child(5) { /* width variable */ } table.groupes tr th:nth-child(5) { /* width variable */ }
table#maintab-current.lettres.border-warning {
border-width: 5px !important;
border-style: solid;
}
\ No newline at end of file
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