Gitlab CSE Unil

Commit 26641824 authored by M. Chardon's avatar M. Chardon
Browse files

migration bootstrap v4 : ihm complète, reste à vérifier les comportements des outils

parent 1bd7e03a
......@@ -94,6 +94,7 @@ define([
// Init Side Col Panel layout
var sideCol = $("#side-col"),
canvasCtnr = $(".canvas-container"),
canvasCol = $("#canvas-col"),
sideColPanelGroup = $("#side-col-panel-group"),
altSideColPanelGroup = $("#alt-side-col-panel-group"),
sharedAnnotationMarkersPanel = $("#shared-annotation-markers-panel");
......@@ -101,13 +102,24 @@ define([
function displayAltCol(show) {
//sideCol.toggleClass("col-sm-1", !show)
// .toggleClass("col-sm-2", show);
altSideColPanelGroup.toggleClass("hidden", !show);
sideColPanelGroup.toggleClass("col-xs-12", !show)
.toggleClass("col-xs-6", show);
sideCol.toggleClass("w-25", show);
sideCol.toggleClass("default", !show);
canvasCol.toggleClass("w-100", !show);
if (!show) {
altSideColPanelGroup.hide();
} else {
altSideColPanelGroup.show();
}
//altSideColPanelGroup.toggleClass("hidden", !show);
sideColPanelGroup.toggleClass("w-50", show);
}
function displayAltColAndLabels(show) {
displayAltCol(show && sharedAnnotationMarkersPanel.find(".panel-collapse").hasClass("in"));
sharedAnnotationMarkersPanel.toggleClass("hidden", !show);
displayAltCol(show && sharedAnnotationMarkersPanel.find(".collapse").hasClass("show"));
if (!show) {
sharedAnnotationMarkersPanel.hide();
} else {
sharedAnnotationMarkersPanel.show();
}
}
displayAltColAndLabels(params.mode === 'review');
......@@ -118,7 +130,7 @@ define([
ui.adjustCanvasToImage();
});
sharedAnnotationMarkersPanel.find(".panel-collapse")
sharedAnnotationMarkersPanel.find(".collapse")
.on('hidden.bs.collapse', function () {
canvasCtnr.css("transition", 'width 0.2s cubic-bezier(0.25, 0.1, 0.25, 1) 0s');
sharedAnnotationMarkersPanel.prependTo(sideColPanelGroup);
......
......@@ -46,11 +46,11 @@ define([
var mode = opts.mode;
if (mode === 'edit') {
$("#annotation-display-panel").hide();
$("div.property-group").show();
$("#annotation-property-container .property-group").show();
} else if (mode === 'review') {
$("#annotation-display-panel").show();
$("div.property-group").hide();
$("div.comment-prop").show();
$("#annotation-property-container .property-group").hide();
$("#annotation-property-container .comment-prop").show();
}
});
}
......
......@@ -5,8 +5,8 @@
$.fn.rating = function (cmd) {
var element;
var classActive = 'label label-warning rating-on'; //'glyphicon glyphicon-star';
var classInactive = 'label label-default rating-off'; //'glyphicon glyphicon-star-empty';
var classActive = 'badge badge-warning rating-on p-2'; //'glyphicon glyphicon-star';
var classInactive = 'badge badge-light rating-off p-2'; //'glyphicon glyphicon-star-empty';
// A private function to highlight a star corresponding to a given value
function _paintValue(ratingInput, value) {
......@@ -51,7 +51,7 @@
if (clearable) {
stars += [
' <a class="rating-clear" style="display:none;" href="javascript:void">',
'<span class="glyphicon glyphicon-remove"></span> ',
'<span class="fa fa-times"></span> ',
clearable,
'</a>'].join('');
}
......
......@@ -104,6 +104,7 @@ function($, _, Signal, paper, config, view, io, tools, attributes, Users, export
_canvas = $("#my-canvas");
_canvasCtnr = $(".canvas-container");
_canvasToolBar = $("#canvas-bbar");
_canvasCol = $("#canvas-col");
_sideCol = $("#side-col");
_toolsCol = $("#tools-col");
_annotationListCtnr = $("#annotation-list-container");
......@@ -772,6 +773,12 @@ function($, _, Signal, paper, config, view, io, tools, attributes, Users, export
].join(" ");
}
if (_sideCol.has("#side-col-panel-group.w-50").length) {
console.log(_sideCol.has("#side-col-panel-group.w-50"));
_sideCol.toggleClass("default", !isCollapsed);
_sideCol.toggleClass("w-25", isCollapsed);
_canvasCol.toggleClass("w-100", !isCollapsed);
}
_sideCol.toggleClass("collapsed", !isCollapsed);
_sideCol.toggleClass("");
updateReservedSpace();
......
......@@ -676,8 +676,9 @@ body.home #dlg-about-adim .modal-dialog {
#canvas-col {
}
#side-col {
padding: 0 10px;
transition: margin 300ms ease 0s;
}
#side-col.default {
min-width: 275px;
max-width: 350px;
}
......@@ -685,8 +686,6 @@ body.home #dlg-about-adim .modal-dialog {
margin: 0;
background-color: rgba(0, 0, 0, 0.15);
box-shadow: 4px 0 3px -4px rgba(0, 0, 0, 0.3) inset;
min-width: 275px;
max-width: 350px;
}
#side-col > .row > .container {
width: 100%;
......@@ -766,6 +765,7 @@ body.home #dlg-about-adim .modal-dialog {
background-color: #6f6f6f;
}
#side-col-panel-group a[data-toggle="collapse"],
#alt-side-col-panel-group a[data-toggle="collapse"],
.panel.panel-dark > .panel-heading,
.panel.panel-dark > .panel-footer {
background-color: #898989;
......@@ -773,6 +773,7 @@ body.home #dlg-about-adim .modal-dialog {
color: #444444;
}
#side-col-panel-group a[data-toggle="collapse"],
#alt-side-col-panel-group a[data-toggle="collapse"],
.panel.panel-dark > .panel-heading .panel-title {
color: #444444;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
......@@ -780,12 +781,13 @@ body.home #dlg-about-adim .modal-dialog {
.panel.panel-dark .panel-tb {
background-color: #898989;
}
#side-col .panel-dark .list-group .list-group-item,
.panel.panel-dark .list-group .list-group-item {
background-color: transparent;
border-color: #494949;
}
#side-col-panel-group label,
#alt-side-col-panel-group label,
#analyse-graph-ctrl label,
.panel.panel-dark label {
color: #CACACA;
}
......@@ -799,14 +801,18 @@ body.home #dlg-about-adim .modal-dialog {
display: block;
}
#side-col-panel-group a[data-toggle="collapse"],
#alt-side-col-panel-group a[data-toggle="collapse"],
.panel-group .panel-heading a[data-toggle="collapse"] {
text-decoration: none;
text-align: left;
}
#side-col-panel-group a[data-toggle="collapse"] .icon-circleup {
#side-col-panel-group a[data-toggle="collapse"] .icon-circleup,
#side-col-panel-group a[data-toggle="collapse"] .icon-circleright,
#alt-side-col-panel-group a[data-toggle="collapse"] .icon-circleright {
margin-top: -20px;
}
#side-col-panel-group a[data-toggle="collapse"]:hover,
#alt-side-col-panel-group a[data-toggle="collapse"]:hover,
.panel-group .panel-heading a[data-toggle="collapse"]:hover {
text-decoration: none;
}
......@@ -814,14 +820,17 @@ body.home #dlg-about-adim .modal-dialog {
color: #2b2b2b;
}
#side-col-panel-group a[data-toggle="collapse"].collapsed .icon-circleup:before,
#alt-side-col-panel-group a[data-toggle="collapse"].collapsed .icon-circleup:before,
.panel-group .panel-heading a[data-toggle="collapse"].collapsed .icon-circleup:before {
content: "";
}
#side-col-panel-group a[data-toggle="collapse"].collapsed .icon-circleright:before,
#alt-side-col-panel-group a[data-toggle="collapse"].collapsed .icon-circleright:before,
.panel-group .panel-heading a[data-toggle="collapse"].collapsed .icon-circleright:before {
content: "";
}
#side-col-panel-group .card-body{
#side-col-panel-group .card-body,
#alt-side-col-panel-group .card-body{
padding:0.25rem;
background-color: inherit;
}
......@@ -1068,6 +1077,26 @@ canvas {
.x-btn-group-2-col .btn-col-span:first-child {
border-top-right-radius: 3px !important;
}
#annotation-property-container .property-group.confidence-prop .rating-input{
display: inline-block;
cursor: default;
}
#annotation-property-container .property-group.disabled.confidence-prop .rating-input {
color: #fdfdfd;
cursor: not-allowed;
}
#annotation-property-container .property-group.disabled label {
font-style: italic;
}
#annotation-property-container .property-group.disabled.confidence-prop .rating-input > span.rating-off {
color: rgba(253, 253, 253, 0.67);
box-shadow: none;
background-color: #848484;
}
#annotation-property-container .property-group.confidence-prop .rating-input > span.rating-off {
color: rgba(253, 253, 253, 0.67);
box-shadow: 0 1px 2px -1px #555555 inset, 0 -1px 1px -1px #CCCCCC inset;
}
.category-list .btn-cat.active {
color: #FFFFFF !important;
box-shadow: 0 0 1px 2px rgba(255, 255, 255, 0.75) inset;
......@@ -1177,10 +1206,6 @@ fieldset[disabled] .category-list .btn-cat[data-category="cat_0"].active {
.category-list .btn-cat[data-category="cat_0"].active {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset;
}
.category-list .btn-cat[data-category="cat_1"][data-env="adim-env-anodate"],
.category-list .btn-cat[data-category="cat_3"][data-env="adim-env-anodate"]{
font-size: 0.89em;
}
.category-list .btn-cat[data-category="cat_1"] {
color: rgba(255, 255, 255, 0.75);
background-color: #7da9b2;
......@@ -3508,14 +3533,12 @@ canvas.cursor-tool-arrowgeo {
.adim-env-anodate .adim-view-review #side-col-panel-group #annotation-markers-panel {
display: none !important;
}
#annotation-markers-panel .panel-body,
#annotation-markers-panel .card-body,
#shared-annotation-markers-panel .panel-body {
#shared-annotation-markers-panel .card-body {
padding: 0;
}
#annotation-markers-panel .panel-body .list-group,
#annotation-markers-panel .card-body .list-group,
#shared-annotation-markers-panel .panel-body .list-group {
#shared-annotation-markers-panel .card-body .list-group {
background-color: transparent;
margin-bottom: 0;
padding: 10px;
......@@ -3523,24 +3546,23 @@ canvas.cursor-tool-arrowgeo {
overflow-y: auto;
border-radius: 0;
}
#annotation-markers-panel .panel-body .list-group-item,
#annotation-markers-panel .card-body .list-group-item,
#shared-annotation-markers-panel .panel-body .list-group-item {
padding: 5px;
#shared-annotation-markers-panel .card-body .list-group-item{
background-color: #e6e6e6;
padding: 5px 0 5px 0;
border-color: #c9c9c9;
border-bottom: 0;
}
#annotation-markers-panel .panel-body .list-group-item:last-child,
#annotation-markers-panel .card-body .list-group-item:last-child,
#shared-annotation-markers-panel .panel-body .list-group-item:last-child {
#shared-annotation-markers-panel .card-body .list-group-item:last-child {
margin-bottom: 10px;
}
#shared-annotation-markers-panel .panel-body .list-group-item-heading h4 {
#shared-annotation-markers-panel .card-body .list-group-item-heading h5 {
margin: 0 5px 0 0;
line-height: 2em;
padding: 0 3px 0 0;
border-right: solid 1px #c9c9c9;
width: 25px;
width: 30px;
}
.adim-env-geomo .adim-view-review #side-col.col-sm-1 {
width: 250px;
......@@ -3558,11 +3580,6 @@ canvas.cursor-tool-arrowgeo {
margin-right: 0;
padding-right: 0;
}
#side-col-panel-group {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.adim-env-geomo .adim-view-review #side-col-panel-group #annotation-markers-panel {
display: none !important;
}
......@@ -3865,7 +3882,7 @@ fieldset[disabled] .btn-adim-layer.focus {
}
.btn-adim-layer[data-category="cat_1"][data-env="adim-env-anodate"] .btn-adim-layer-label,
.btn-adim-layer[data-category="cat_3"][data-env="adim-env-anodate"] .btn-adim-layer-label{
font-size:0.82em;
font-size:0.96em;
}
.theme-light .btn-adim-layer {
font-weight: bold;
......
......@@ -31,8 +31,10 @@
Exporter <span class="caret"></span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" id="btn-export-image-png" href="#">PNG</a>
<a class="dropdown-item" id="btn-export-image-svg" href="#">SVG</a>
{% block navbar_export_options %}
<a class="dropdown-item" id="btn-export-image-png" href="#">PNG</a>
<a class="dropdown-item" id="btn-export-image-svg" href="#">SVG</a>
{% endblock navbar_export_options %}
</div>
</li>
{{ block.super }}
......
......@@ -241,11 +241,11 @@ if (t === "light") {
<div class="row tool-top-row">
{% block tool-top-row %}
<div class="col-xs-12">
<div class="">
{% if display_shared_annotations %}
<ul class="nav nav-tabs adim-view-mod-tabs" role="tablist">
<li class="nav-item active">
<a class="nav-link active" href="#!annoter" role="tab" data-adim-mode="edit" data-toggle="tooltip" title="Ajouter et modifier vos annotations">
<a class="nav-link" href="#!annoter"href="#!annoter" role="tab" data-adim-mode="edit" data-toggle="tooltip" title="Ajouter et modifier vos annotations">
<span class="fa fa-edit"></span> Annoter
</a>
</li>
......@@ -417,7 +417,7 @@ if (t === "light") {
</div>
</div>
<div class="p-1 ml-auto" id="side-col">
<div class="p-1 ml-auto default" id="side-col">
<div class="side-col-collapse-but">
<button class="btn btn-sm btn-block btn-defaultX" type="button" data-toggle="collapse" data-target="#side-col-collapse-content" aria-expanded="false">
<span class="icon-circleright float-left"></span>
......@@ -440,18 +440,18 @@ if (t === "light") {
</div></div>
<div class="row">&nbsp;</div>
{% endif %}{% endcomment %}
<div class="row">
<div class="d-flex">
{% block alt-side-col-panel-group %}
{% comment %}
To use the alternative side panel, override this block template and
define the panel-group like this:
<div id="alt-side-col-panel-group" class="col-xs-6 panel-group hidden" style="margin-right:0;padding-right:0">
<div id="alt-side-col-panel-group" class="p-1 panel-group" style="margin-right:0;padding-right:0">
( panels definition goes here ... )
</div>
{% endcomment %}
{% endblock alt-side-col-panel-group %}
<div class="col-xs-12" id="side-col-panel-group">
<div class="p-1" id="side-col-panel-group">
{% block side-col-panel-group %}
{# ----- Annotation Sharing Panel ----- #}
{% block publication-panel %}
......@@ -480,7 +480,7 @@ if (t === "light") {
</span>
<i class="icon-circleup float-sm-right"></i>
</a>
<div id="annotationSharingPanel" class="panel-dark collapse {{ collapsed|yesno:",in" }} show">
<div id="annotationSharingPanel" class="panel-dark collapse {{ collapsed|yesno:",in" }}">
<div class="card card-body">
<div class="card-text" id="annotation-sharing-container">
<label class="col-form-label">Visible pour&hairsp;:</label>
......@@ -513,21 +513,23 @@ if (t === "light") {
{# ----- Property Panel ----- #}
{% block property-panel %}
<a class="btn btn-secondary btn-sm btn-block" data-toggle="collapse" href="#annotation-property-panel" role="button"
aria-expanded="false" aria-controls="annotation-property-panel">
Propriétés <i class="icon-circleup float-sm-right"></i>
</a>
<div class="collapse show panel-dark" id="annotation-property-panel">
<div class="card card-body">
<div class="card-text" id="annotation-property-container">
{% block property-panel-content %}
<div class="property-group comment-prop">
<label class="col-form-label">Commentaire&hairsp;:</label>
<textarea class="form-control" id="prop-annot-comment" name="comment"></textarea>
<div id="annotation-property-panel">
<a class="btn btn-secondary btn-sm btn-block" data-toggle="collapse" href="#collapseProperties" role="button"
aria-expanded="false" aria-controls="collapseProperties">
Propriétés <i class="icon-circleup float-sm-right"></i>
</a>
<div class="collapse show panel-dark" id="collapseProperties">
<div class="card card-body">
<div class="card-text" id="annotation-property-container">
{% block property-panel-content %}
<div class="property-group comment-prop">
<label class="col-form-label">Commentaire&hairsp;:</label>
<textarea class="form-control" id="prop-annot-comment" name="comment"></textarea>
</div>
{% endblock property-panel-content %}
</div>
</div>
{% endblock property-panel-content %}
</div>
</div>
</div>
{% endblock property-panel %}
......
......@@ -178,12 +178,12 @@
{% with collapsed=1 hidenames=1 %}{{ block.super }}{% endwith %}
{% endblock %}
<a class="btn btn-secondary btn-sm btn-block" data-toggle="collapse" href="#collapseMarkers" role="button"
aria-expanded="false" aria-controls="collapseMarkers">
Labels <i class="icon-circleup float-sm-right"></i>
</a>
<div id="annotation-markers-panel">
<a class="btn btn-secondary btn-sm btn-block" data-toggle="collapse" href="#collapseMarkers" role="button"
aria-expanded="false" aria-controls="collapseMarkers">
Labels <i class="icon-circleup float-sm-right"></i>
</a>
<div class="collapse show panel-dark" id="collapseMarkers">
<div class="card card-body">
<div class="card-text" id="annotation-markers-container">
......@@ -300,27 +300,27 @@
{# Altertative Side Panel Group #}
{# ============================ #}
{% block alt-side-col-panel-group %}
<div id="alt-side-col-panel-group" class="col-xs-6 panel-group" style="margin-right:0;padding-right:0;display:none;">
<div class="panel panel-dark hidden" id="shared-annotation-markers-panel">
<header class="panel-heading">
<h1 class="panel-title">
<a data-toggle="collapse" href="#collapseSharedMarkers">
Labels <span class="pull-right icon-circleright"></span>
</a>
</h1>
</header>
<div id="collapseSharedMarkers" class="panel-collapse collapse in">
<div class="panel-body" id="shared-annotation-markers-container">
<ul class="list-group">
</ul>
<div id="alt-side-col-panel-group" class="p-1 w-50 panel-group" style="margin-right:0;padding-right:0;display:none;">
<div id="shared-annotation-markers-panel" style="display: none;">
<a class="btn btn-secondary btn-sm btn-block" data-toggle="collapse" href="#collapseSharedMarkers" role="button"
aria-expanded="false" aria-controls="collapseSharedMarkers">
Labels <i class="icon-circleright float-sm-right"></i>
</a>
<div class="collapse show panel-dark show" id="collapseSharedMarkers">
<div class="card card-body">
<div class="card-text" id="shared-annotation-markers-container">
<ul class="list-group">
</ul>
</div>
</div>
</div>
<script type="text/template" id="shared-adim-tool-marker-label">
<li class="adim-tool-marker-label-item list-group-item" data-annot-id="<%= id %>">
<div class="list-group-item-heading text-center pull-left">
<h4><%= label %></h4>
<div class="list-group-item-heading text-center float-left">
<h5><%= label %></h5>
</div>
<div class="list-group-item-text clearfix small"><%= labelComment %></div>
</li>
......
......@@ -8,22 +8,20 @@
{# Add exportation options for specific data #}
{% block navbar_export_options %}
{{ block.super }}
<li class="divider"></li>
<li class="disabled"><a id="btn-export-cimaf-csv" href="#">CSV</a></li>
<div class="dropdown-divider"></div>
<a class="dropdown-item disabled" id="btn-export-cimaf-csv" href="#">CSV</a></a>
{% endblock navbar_export_options %}
{# Disable New Image button and Image Manager button as they are not accessible in analysis mode #}
{% block navbar_image_mgmt %}
<li>
<span class="btn btn-sm btn-success navbar-btn navbar-btn fileinput-button disabled">
<span class="glyphicon glyphicon-plus"></span>&nbsp;
<span>Nouvelle image</span>
</span>
<li class="nav-item">
<button class="btn btn-success btn-sm disabled" type="button" style="margin-top: 5px;margin-right: 5px;">
<i class="fas fa-plus"></i> Nouvelle image
</button>
</li>
<li class="disabled">
<a href="#" id="aom-show-but" class="aom-show-but">
<span class="glyphicon glyphicon-th"></span>
<li class="nav-item " style="margin-right: 10px;">
<a href="#" id="aom-show-but" class="nav-link aom-show-but disabled">
<i class="fa fa-th"></i>
Mes Images
</a>
</li>
......@@ -36,27 +34,27 @@
{% block tool-top-row %}
<div class="col-xs-12">
{% if is_owner or display_shared_annotations %}
<ul class="nav nav-tabs adim-view-mod-tabs">
<li role="presentation">
<a href="{% url "adim_app:annotate" anobj_uuid=anobj.uuid %}#!annoter" data-adim-mode="edit"
data-toggle="tooltip" title="Ajouter et modifier vos annotations">
<span class="glyphicon glyphicon-edit"></span> Annoter
<ul class="nav nav-tabs adim-view-mod-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link" href="{% url "adim_app:annotate" anobj_uuid=anobj.uuid %}#!annoter" role="tab" data-adim-mode="edit" data-toggle="tooltip" title="Ajouter et modifier vos annotations">
<span class="fa fa-edit"></span> Annoter
</a>
</li>
{% if display_shared_annotations %}
<li role="presentation">
<a href="{% url "adim_app:annotate" anobj_uuid=anobj.uuid %}#!afficher" data-adim-mode="review"
data-toggle="tooltip" title="Afficher les annotations partagées des autres membres">
<span class="glyphicon glyphicon-eye-open"></span> Annotations partagées
<li class="nav-item">
<a class="nav-link" href="{% url "adim_app:annotate" anobj_uuid=anobj.uuid %}#!afficher" role="tab" data-adim-mode="review" data-toggle="tooltip" title="Afficher les annotations partagées des autres membres">
<span class="fa fa-eye"></span> Annotations partagées
</a>
</li>
{% endif %}
<li class="active" role="presentation">
<a href=""
{% if is_owner %}
<li class="nav-item active">
<a class="nav-link" href="{% url "adim.env.cimaf:cimaf_analysis" anobj_uuid=anobj.uuid %}" role="tab"
data-toggle="tooltip" title="Afficher le module d'analyse des données">
<span class="glyphicon glyphicon-stats"></span> Analyse
<span class="fa fa-chart-bar"></span> Analyse
</a>
</li>
{% endif %}
</ul>
{% endif %}
</div>
......@@ -68,53 +66,53 @@
{# ============== #}
{% block adim-view %}
<div class="container">
<div class="row">
<div class="d-flex">
<div class="col-xs-7" id="graph-col">
<div class="p-1" id="graph-col">
<canvas id="my-canvas" width="455" height="100"></canvas>
</div>
<div class="col-xs-4" id="ctrl-col">
<div class="form-horizontal panel panel-dark" id="analyse-graph-ctrl">
<div class="panel-body">
<div class="form-group">
<label class="col-form-label col-xs-4">Résolution</label>
<div class="p-1 pl-4" id="ctrl-col">
<div class="" id="analyse-graph-ctrl">
<div class="card card-body panel-dark pl-5">
<div class="form-group row">
<label for="inputGroupSize" class="col-form-label col-xs-4 pr-4">Résolution</label>
<div class="col-xs-4">
<input type="number" class="form-control " id="inputGroupSize" value="3"
<input type="number" class="form-control w-25" id="inputGroupSize" value="3"
autocomplete="off" title="Utiliser également les flèches haut/bas pour changer la valeur ">
</div>
</div>
<div class="form-group">
<div class="form-group row">
<div class="col-xs-12">
<div class="checkbox">
<label>
<input type="checkbox" id="checkShowConcordance" checked autocomplete="off">
Afficher les concordances
<div class="form-check">
<input type="checkbox" id="checkShowConcordance" checked autocomplete="off" class="form-check-input">
<label class="form-check-label" for="checkShowConcordance">
Afficher les concordances
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="form-group row">
<div class="col-xs-12">
<div class="checkbox">
<label>
<input type="checkbox" id="checkShowDiscordance" autocomplete="off">
Afficher les discordances
<div class="form-check">
<input type="checkbox" id="checkShowDiscordance" autocomplete="off" class="form-check-input">
<label class="form-check-label" for="checkShowDiscordance">
Afficher les discordances
</label>