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

navmap et petites optimisations du design

parent c05d77e4
......@@ -15,55 +15,130 @@
nav.navmap table td td {
padding: 1px;
}
nav.navmap table td td div {
border: 1px solid #7080bd;
nav.navmap table td td a {
display: block;
border-radius: 2px;
border: 0px;
margin: 1px;
}
nav.navmap table td.carre div {
nav.navmap table td.carre a {
width: 16px;
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;
}
nav.navmap table td.carre.plein div:hover {
nav.navmap table#map1 td.carre.plein a:hover {
background-color: #7b7b7b;
}
nav.navmap table td.carre.plein.active div {
background-color: #7283b3;
nav.navmap table#map1 td.carre.plein.active a {
background-color: #007bff;
}
nav.navmap table td.carre.plein.active div:hover {
background-color: #535f82;
nav.navmap table#map1 td.carre.plein.active a:hover {
background-color: #004589;
}
nav.navmap table td.carre.vide div {
border: 0;
background-color: transparent;
/* map 2 */
nav.navmap table#map2 {
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>
<nav id="navmap" class="navmap">
<table>
<table id="map1">
<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>
<tr><td class="carre plein {{ app.request.get('_route') == 'potage_legume_ajax_display' ? 'active' }}">
<a href="{{ path('potage_legume_ajax_display') }}"></a>
</td></tr>
<tr><td class="carre vide"><a></a></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>
<tr><td class="carre plein {{ app.request.get('_route') == 'potage_offre_ajax_display' ? 'active' }}">
<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>
</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>
<tr><td class="carre plein {{ app.request.get('_route') == 'potage_lettre_ajax_display' ? 'active' }}">
<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>
</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>
<tr><td class="carre plein {{ app.request.get('_route') == 'potage_info_ajax_display' ? 'active' }}">
<a href="{{ path('potage_info_ajax_display') }}"></a>
</td></tr>
<tr><td class="carre vide"><a></a></td></tr>
</table>
</td></tr>
</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>
......@@ -6,8 +6,10 @@
{% block searchbar %}
<nav class="navbar navbar-expand-lg navbar-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_utilisateur_ajax_display') }}" class="nav-laterale right text-secondary">
Les utilisateurs <i class="fas fa-long-arrow-alt-right fa-fw"></i></a>
</nav>
......
......@@ -244,7 +244,10 @@ function displayDeleteInfo(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.dataset.target = ".form-lettre-infos-insert-modal";
insertBtn.dataset.infoId = jsonRow.id;
......
......@@ -106,7 +106,7 @@
<tbody>
</tbody>
</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;">
<tr>
<th scope="col">#</th>
......
......@@ -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(4) { /* width variable */ }
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(2) { width: 3.9em; }
......@@ -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(4) { /* 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