diff --git a/modeles_impression/A4_portrait.html b/modeles_impression/A4_portrait.html index 9bade66cb75cf0624f63fe58e59a508429f0369e..83646b37edd8514091ff4aa6ee6e8550a4d27e75 100644 --- a/modeles_impression/A4_portrait.html +++ b/modeles_impression/A4_portrait.html @@ -79,6 +79,13 @@ border: 1px solid black !important; } + .map_image_compare_mode { + background-color: #D8D8D8 !important; + height: 12.5cm; + width: 15.25cm; + border: 1px solid black !important; + } + .a4_portrait_logo_echelle_graphique_valeur_gauche { height: 0.4cm; width: 1cm; @@ -184,17 +191,19 @@ border: 0px solid black; } - #map_legend { - height: Calc(100% - 1.1cm); + #map_legend, + #map_legend_compare { padding: 0.12cm; -webkit-column-width: 125px !important; -moz-column-width: 125px !important; column-width: 125px !important; width: auto !important; background-color: #FFFFFF !important; + margin-bottom: 1cm; } - #map_legend>div { + #map_legend>div, + #map_legend_compare>div { width: 100%; } @@ -313,6 +322,18 @@ </div> </div> </div> + + <div class="legend_txt" ng-if="map_legend_compare"> + Légende comparaison + </div> + <div id="map_legend_compare" ng-if="map_legend_compare"> + <div ng-repeat="legendLayer in map_legend_compare"> + <div ng-repeat="legend in legendLayer.legendObjects" class="legend_object"> + <div class="legend_layer_name">{{ legend.legendName || legend.layerName }}</div> + <img ng-src="{{ legend.legendURL }}" class="legend_image" /> + </div> + </div> + </div> </div> <div class="map_overview"> <!-- Pour afficher l'overview utiliser id="map_overview--> @@ -320,7 +341,9 @@ </div> </div> <div class="colonne_droite"> - <img id="map_image" src="https://openclipart.org/image/2400px/svg_to_png/100207/north-arrow-2.png"> + <img ng-if="!compare_mode" id="map_image" src="https://openclipart.org/image/2400px/svg_to_png/100207/north-arrow-2.png"> + <img ng-if="compare_mode" id="map_image_compare_1" class="map_image_compare_mode" src="images/transparent.png"> + <img ng-if="compare_mode" id="map_image_compare_2" class="map_image_compare_mode" src="images/transparent.png"> <div class="a4_portrait_logo_echelle_graphique_valeur_gauche">0</div> <div class="a4_portrait_logo_echelle_graphique_valeur_centre">{{map_scale_dynamique[0]}}</div> <div class="a4_portrait_logo_echelle_graphique_valeur_droite">{{map_scale_dynamique[1]}}</div>