diff --git a/modeles_impression/A0_paysage.html b/modeles_impression/A0_paysage.html new file mode 100644 index 0000000000000000000000000000000000000000..e661f0623ce9fcc87558543571b1d328f6beb462 --- /dev/null +++ b/modeles_impression/A0_paysage.html @@ -0,0 +1,344 @@ +<style> + @page { + size: 118.9cm 84cm; + margin: 0px; + } + + #A0_print_template { + position: absolute; + width: 118.9cm; + height: 84cm; + padding: 0.33cm; + border: 0px solid red; + } + + .entete { + padding: 0; + width: 118.2cm; + height: 2cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + } + + .colonne_gauche { + margin-top: 0.33cm; + margin-right: 0.33cm; + margin-bottom: 0.33cm; + width: 5cm; + height: 37.5cm; + float: left; + + } + + .colonne_droite { + margin-top: 0.33cm; + margin-bottom: 0.33cm; + width: 112.9cm; + height: 80.1cm; + float: left; + } + + .a0_paysage_titre { + font-size: 0.80cm; + font-weight: bold; + } + + .a0_paysage_ss_titre { + font-size: 0.55cm; + font-weight: bold; + } + + .a0_paysage_titre, + .a0_paysage_ss_titre { + text-align: center; + padding-top: 0.2cm; + } + + .a0_paysage_comment { + width: auto; + height: 26.6cm; + padding: 0.12cm; + font-size: 0.50cm; + margin-bottom: 0.4cm; + border: 1px solid transparent; + background-color: #FFFFFF !important; + color: #333 !important; + } + + .a0_paysage_legend { + width: auto; + font-size: 0.50cm; + border: 1px solid transparent; + } + + #map_image { + background-color: #D8D8D8 !important; + width: 112.9cm; + height: 79.6cm; + } + + .a0_paysage_logo_echelle_graphique_valeur_gauche { + height: 0.4cm; + width: 1cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 11.55cm; + top: 81.1cm; + text-align: center; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a0_paysage_logo_echelle_graphique_valeur_centre { + height: 0.4cm; + width: 1cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 12.55cm; + top: 81.1cm; + text-align: center; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a0_paysage_logo_echelle_graphique_valeur_droite { + height: 0.4cm; + width: 2cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 13.8cm; + top: 81.1cm; + text-align: left; + padding-left: 0.2cm; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a0_paysage_logo_echelle_graphique { + height: 0.25cm; + width: 2.08cm; + position: absolute; + float: left; + left: 12cm; + top: 81.6cm; + background-image: url(' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAHCAMAAACBQ8VXAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALMw9IgAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAAsRAAALEQF/ZF+RAAAAGHRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4xLjVkR1hSAAAAG0lEQVQoU2P4z/AfN8AvN+B6yaAGUC+ZgOE/AJK1PtD2keu/AAAAAElFTkSuQmCC') !important; + background-size: 100% 100% !important; + background-position: center center !important; + background-repeat: no-repeat !important; + border: 0px solid grey; + } + + .a0_paysage_logo_fleche_nord { + margin-top: 0.5cm; + width: 1cm; + height: 1.2cm; + position: absolute; + float: left; + left: 116.9cm; + top: 2.68cm; + background-image: url(" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOIAAAF0CAMAAAAJhhUPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAABAQECAgIDAwMEBAQFBQUGBgYHBwcICAgJCQkKCgoLCwsMDAwNDQ0ODg4PDw8P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALE276wAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjE51NayZAAADbRJREFUeF7tnel62zoMRJ0uabrcNu//srmRMJQpiSQAEqBNfpofdSxqOx4n5nFi9fYxfS7EGXIhzpALcYZciDPkQpwhF+IMcUC8HYLF5bxh5SVYZJUOiN+wvJixEW+/MFDK4IhfMFDK4IiSGkdHFNQ4OuLtDUP5DI/4gqF8hkfkaxwfka1xfMTbDwzmMgEid5wZEF8xmskMiMyBhkV8we2S7xhOZ1jEty/4YgmG0xkX8Re+WFKUqnERP6Q1DoworXFgxI9v+HJJQapGRozvFqRqaERZjUMjymocG/E77ixZF6QyNmK8ICtVgyO+4t6SXI2DI0pqHB3xB+4uybjx6IgfsXFg0SHDI8YAaTceHpGvcXzEmCA5Gx8fkZWqCRA5qZoAkatxBsS4xq9YFmUGREaqpkCMl5+lag7EYo1zIBZrnASx5MaTIMYjR6maBbHgxrMgFmqcBjEG2UvVNIh5qZoHMVvjPIjZGidC/ImRJbFUTYSYk6qZEDNuPBNipsapEH9jbMndjadCTEvVXIjxCptUTYaYqnEyxFSNsyEmpGo2xHgVSNV0iOcap0M81zgfYky0StV8iCepmhDxWOOEiMcaZ0Q8uPGMiAepmhJx78ZTIu5rnBMxduMvcyLupIr5U4CWPBIxXjMORq3yUMS4xigYtcpDETM1YtAqj0WMpeoeDFrlsYjpGjFmlQcjJmvEmFUejLibjYdgyCqPRoxf8kMwZJVHI6ZqxIhVHo6YqBEjVnk4YqJGDFjl8YixVFEwYJXHI+6kag2WW+UJEE81YrlVHBDf7sESJlh5CxZbxQHx2XIhzpALcYZciDPkQpwhF+IM6Y6Y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") !important; + background-size: 0.6cm !important; + background-position: center center !important; + background-repeat: no-repeat !important; + } + + .map_overview { + margin-top: 0.5cm; + background-color: #D8D8D8 !important; + width: 10cm; + height: 7.45cm; + border: 1px solid black; + position: absolute; + left: 1.5cm; + } + + #map_overview { + background-color: #D8D8D8 !important; + width: 10cm; + height: 7.45cm; + border: 1px solid black; + } + + + .legend_txt { + text-align: left; + height: auto; + padding: 0.12cm; + line-height: 0.6cm; + font-size: 0.50cm; + width: auto; + color: #222385 !important; + background-color: #F2F2F2 !important; + } + + .infos_column { + height: 100%; + border: 0px solid black; + } + + #map_legend { + height: 44.96cm; + padding: 0.12cm; + -webkit-column-width: 125px !important; + -moz-column-width: 125px !important; + column-width: 125px !important; + width: auto !important; + background-color: #FFFFFF !important; + } + + #map_legend>div { + width: 100%; + } + + .legend-img { + max-width: 200px; + } + + .pied_de_page { + top: 82.6cm; + margin-left: 11.4cm; + width: 106.8cm; + height: 1cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + position: absolute; + } + + .pied_de_page_gauche { + top: 82.6cm; + width: 1cm; + height: 1cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + position: absolute; + } + + .document_non_opposable { + float: left; + padding-left: 0.2cm; + height: 100%; + width: 7cm; + line-height: 1cm; + /* centrage vertical */ + color: black !important; + font-style: italic; + font-size: 0.50cm; + border: 0px solid red; + } + + .a0_paysage_source { + float: left; + padding-left: 0.2cm; + font-size: 0.50cm; + color: #333 !important; + height: 100%; + width: 93.2cm; + line-height: 1cm; + /* centrage vertical */ + border: 0px solid blue; + } + + .a0_paysage_logo_echelle { + float: left; + padding-left: 0.2cm; + font-size: 0.50cm; + height: 100%; + width: 3.5cm; + line-height: 1cm; + /* centrage vertical */ + border: 0px solid blue; + } + + .a0_paysage_date { + float: right; + padding-right: 0.2cm; + font-size: 0.29cm; + height: 100%; + width: 2cm; + line-height: 1cm; + /* centrage vertical */ + text-align: right; + color: #333 !important; + border: 0px solid blue; + } +</style> + +<script> + var $scope = angular.element("#A0_print_template").scope(); + $scope["map_scale_dynamique"] = [0, 0]; + // Surveillance de la variable map_scale présente dans le scope + $scope.$watch("map_scale", function (newval) { + if (typeof (newval) == 'string') { + var sMapScale = newval.split(':'); + sMapScaleInteger = sMapScale[1].split(','); + if (sMapScaleInteger.length > 1) { + // Pour les échelles qui comprennent une virgule de type : 1:2,250 + var sMapScale1cmEnCentimetre = sMapScaleInteger[0] + sMapScaleInteger[1]; + } else { + // Pour les échelles qui comprennent pas de virgule de type : 1:2250 + var sMapScale1cmEnCentimetre = sMapScaleInteger[0]; + } + var iMapScale1cmEnMetre = sMapScale1cmEnCentimetre / 100; + var sMapScale2cmEnMetre = sMapScale1cmEnCentimetre * 2 / 100 + ' Mètres'; + $scope["map_scale_dynamique"] = [iMapScale1cmEnMetre, sMapScale2cmEnMetre]; + } + }); +</script> +<div id="A0_print_template"> + <div class="entete"> + <div class="a0_paysage_titre"> + {{title}} + </div> + <div class="a0_paysage_ss_titre"> + {{subtitle}} + </div> + <div class="a0_paysage_logo_coin_haut_droit"></div> + </div> + <div class="colonne_gauche"> + <div class="a0_paysage_comment"> + {{comment}} + </div> + <div class="a0_paysage_legend"> + <div class="legend_txt"> + Légende + </div> + <!--Pour afficher la légende, utiliser id="map_legend"--> + <div id="map_legend"> + </div> + </div> + <div class="map_overview"> + <!-- Pour afficher l'overview utiliser id="map_overview--> + <img id="map_overview"> + </div> + </div> + <div class="colonne_droite"> + <img id="map_image" src="https://openclipart.org/image/2400px/svg_to_png/100207/north-arrow-2.png"> + <div class="a0_paysage_logo_echelle_graphique_valeur_gauche">0</div> + <div class="a0_paysage_logo_echelle_graphique_valeur_centre">{{map_scale_dynamique[0]}}</div> + <div class="a0_paysage_logo_echelle_graphique_valeur_droite">{{map_scale_dynamique[1]}}</div> + <div class="a0_paysage_logo_echelle_graphique"></div> + </div> + <div class="pied_de_page_gauche"></div> + <div class="pied_de_page"> + <div class="document_non_opposable"> + DOCUMENT NON OPPOSABLE + </div> + <div class="a0_paysage_source"> + Sources : {{layer_sources.join(', ')}} + </div> + <div class="a0_paysage_logo_echelle">Echelle : {{map_scale}}</div> + <div class="a0_paysage_date"> + {{date}} + </div> + </div> + <div class="a0_paysage_logo_fleche_nord"></div> + </div> \ No newline at end of file diff --git a/modeles_impression/A0_portrait.html b/modeles_impression/A0_portrait.html new file mode 100644 index 0000000000000000000000000000000000000000..a086f1ed9199c2fdcee01d92522c75c9a5572215 --- /dev/null +++ b/modeles_impression/A0_portrait.html @@ -0,0 +1,327 @@ +<style> + @page { + size: 84.1cm 118.85cm; + margin: 0px; + } + + #A0_print_template { + position: absolute; + width: 84.1cm; + height: 118.85cm; + padding: 0.33cm; + border: 0px solid red; + } + + .entete { + padding: 0; + width: 100%; + height: 2cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + } + + .colonne_gauche { + margin-top: 0.33cm; + margin-right: 0.33cm; + margin-bottom: 0.33cm; + width: 5cm; + height: Calc(100% - 6cm); + float: left; + } + + .colonne_droite { + margin-top: 0.33cm; + margin-bottom: 0.33cm; + width: Calc(100% - 5.33cm); + height: Calc(100% - 6cm); + float: left; + } + + .a0_portrait_titre { + font-size: 0.80cm; + font-weight: bold; + } + + .a0_portrait_ss_titre { + font-size: 0.49cm; + font-weight: bold; + } + + .a0_portrait_titre, + .a0_portrait_ss_titre { + text-align: center; + padding-top: 0.2cm; + } + + .a0_portrait_comment { + width: auto; + height: 24cm; + padding: 0.12cm; + font-size: 0.50cm; + margin-bottom: 0.4cm; + border: 1px solid transparent; + background-color: #FFFFFF !important; + color: #333 !important; + } + + .a0_portrait_legend { + width: auto; + height: 86.5cm; + font-size: 0.50cm; + border: 1px solid transparent; + } + + #map_image { + background-color: #D8D8D8 !important; + width: 100%; + height: 100%; + } + + .a0_portrait_logo_echelle_graphique_valeur_gauche { + height: 0.4cm; + width: 1cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 11.55cm; + top: Calc(100% - 5.2cm); + text-align: center; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a0_portrait_logo_echelle_graphique_valeur_centre { + height: 0.4cm; + width: 1cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 12.55cm; + top: Calc(100% - 5.2cm); + text-align: center; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a0_portrait_logo_echelle_graphique_valeur_droite { + height: 0.4cm; + width: 2cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 13.8cm; + top: Calc(100% - 5.2cm); + text-align: left; + padding-left: 0.2cm; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a0_portrait_logo_echelle_graphique { + height: 0.25cm; + width: 2.08cm; + position: absolute; + float: left; + left: 12cm; + top: Calc(100% - 4.7cm); + background-image: url(' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAHCAMAAACBQ8VXAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALMw9IgAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAAsRAAALEQF/ZF+RAAAAGHRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4xLjVkR1hSAAAAG0lEQVQoU2P4z/AfN8AvN+B6yaAGUC+ZgOE/AJK1PtD2keu/AAAAAElFTkSuQmCC') !important; + background-size: 100% 100% !important; + background-position: center center !important; + background-repeat: no-repeat !important; + border: 0px solid grey; + } + + .a0_portrait_logo_fleche_nord { + margin-top: 0.5cm; + width: 1cm; + height: 1.2cm; + position: absolute; + float: left; + left: Calc(100% - 1.8cm); + top: 2.68cm; + background-image: url(" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOIAAAF0CAMAAAAJhhUPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAABAQECAgIDAwMEBAQFBQUGBgYHBwcICAgJCQkKCgoLCwsMDAwNDQ0ODg4PDw8P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALE276wAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjE51NayZAAADbRJREFUeF7tnel62zoMRJ0uabrcNu//srmRMJQpiSQAEqBNfpofdSxqOx4n5nFi9fYxfS7EGXIhzpALcYZciDPkQpwhF+IMcUC8HYLF5bxh5SVYZJUOiN+wvJixEW+/MFDK4IhfMFDK4IiSGkdHFNQ4OuLtDUP5DI/4gqF8hkfkaxwfka1xfMTbDwzmMgEid5wZEF8xmskMiMyBhkV8we2S7xhOZ1jEty/4YgmG0xkX8Re+WFKUqnERP6Q1DoworXFgxI9v+HJJQapGRozvFqRqaERZjUMjymocG/E77ixZF6QyNmK8ICtVgyO+4t6SXI2DI0pqHB3xB+4uybjx6IgfsXFg0SHDI8YAaTceHpGvcXzEmCA5Gx8fkZWqCRA5qZoAkatxBsS4xq9YFmUGREaqpkCMl5+lag7EYo1zIBZrnASx5MaTIMYjR6maBbHgxrMgFmqcBjEG2UvVNIh5qZoHMVvjPIjZGidC/ImRJbFUTYSYk6qZEDNuPBNipsapEH9jbMndjadCTEvVXIjxCptUTYaYqnEyxFSNsyEmpGo2xHgVSNV0iOcap0M81zgfYky0StV8iCepmhDxWOOEiMcaZ0Q8uPGMiAepmhJx78ZTIu5rnBMxduMvcyLupIr5U4CWPBIxXjMORq3yUMS4xigYtcpDETM1YtAqj0WMpeoeDFrlsYjpGjFmlQcjJmvEmFUejLibjYdgyCqPRoxf8kMwZJVHI6ZqxIhVHo6YqBEjVnk4YqJGDFjl8YixVFEwYJXHI+6kag2WW+UJEE81YrlVHBDf7sESJlh5CxZbxQHx2XIhzpALcYZciDPkQpwhF+IM6Y6Y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") !important; + background-size: 0.6cm !important; + background-position: center center !important; + background-repeat: no-repeat !important; + } + + .map_overview { + z-index: 999; + top: Calc(100% - 10.6cm); + background-color: #D8D8D8 !important; + width: 10cm; + height: 7.5cm; + position: absolute; + left: 1.5cm; + outline: 0.2cm solid white; + } + + #map_overview { + background-color: #D8D8D8 !important; + width: 10cm; + height: 7.5cm; + border: 2px solid black; + } + + + .legend_txt { + text-align: left; + height: auto; + padding: 0.12cm; + line-height: 0.6cm; + font-size: 0.33cm; + width: auto; + color: #222385 !important; + background-color: #F2F2F2 !important; + } + + .infos_column { + height: 100%; + border: 0px solid black; + } + + #map_legend { + height: Calc(100% - 1.1cm); + padding: 0.12cm; + -webkit-column-width: 125px !important; + -moz-column-width: 125px !important; + column-width: 125px !important; + width: auto !important; + background-color: #FFFFFF !important; + } + + #map_legend>div { + width: 100%; + } + + .legend-img { + max-width: 200px; + } + + .pied_de_page { + top: Calc(100% - 3.4cm - 0.33cm); + width: Calc(100% - 0.66cm); + border: 0px solid black; + background-color: #D3D3D3 !important; + position: absolute; + line-height: 0.7cm; + padding: 1cm 0; + } + + .document_non_opposable { + float: left; + padding-left: 0.2cm; + /* centrage vertical */ + color: black !important; + font-style: italic; + font-size: 0.40cm; + border: 0px solid red; + } + + .a0_portrait_source { + clear: both; + float: left; + padding-left: 0.2cm; + font-size: 0.40cm; + color: #333 !important; + width: Calc(100% - 6.5cm); + /* centrage vertical */ + border: 0px solid blue; + } + + .a0_portrait_logo_echelle { + float: left; + padding-left: 0.2cm; + font-size: 0.40cm; + width: 3.5cm; + /* centrage vertical */ + border: 0px solid blue; + } + + .a0_portrait_date { + float: right; + padding-right: 0.2cm; + font-size: 0.29cm; + width: 2cm; + /* centrage vertical */ + text-align: right; + color: #333 !important; + border: 0px solid blue; + } +</style> + +<script> + var $scope = angular.element("#A0_print_template").scope(); + $scope["map_scale_dynamique"] = [0, 0]; + // Surveillance de la variable map_scale présente dans le scope + $scope.$watch("map_scale", function (newval) { + if (typeof (newval) == 'string') { + var sMapScale = newval.split(':'); + sMapScaleInteger = sMapScale[1].split(','); + if (sMapScaleInteger.length > 1) { + // Pour les échelles qui comprennent une virgule de type : 1:2,250 + var sMapScale1cmEnCentimetre = sMapScaleInteger[0] + sMapScaleInteger[1]; + } else { + // Pour les échelles qui comprennent pas de virgule de type : 1:2250 + var sMapScale1cmEnCentimetre = sMapScaleInteger[0]; + } + var iMapScale1cmEnMetre = sMapScale1cmEnCentimetre / 100; + var sMapScale2cmEnMetre = sMapScale1cmEnCentimetre * 2 / 100 + ' Mètres'; + $scope["map_scale_dynamique"] = [iMapScale1cmEnMetre, sMapScale2cmEnMetre]; + } + }); +</script> +<div id="A0_print_template"> + <div class="entete"> + <div class="a0_portrait_titre"> + {{title}} + </div> + <div class="a0_portrait_ss_titre"> + {{subtitle}} + </div> + <div class="a0_portrait_logo_coin_haut_droit"></div> + </div> + <div class="colonne_gauche"> + <div class="a0_portrait_comment"> + {{comment}} + </div> + <div class="a0_portrait_legend"> + <div class="legend_txt"> + Légende + </div> + <!--Pour afficher la légende, utiliser id="map_legend"--> + <div id="map_legend"> + </div> + </div> + <div class="map_overview"> + <!-- Pour afficher l'overview utiliser id="map_overview--> + <img id="map_overview"> + </div> + </div> + <div class="colonne_droite"> + <img id="map_image" src="https://openclipart.org/image/2400px/svg_to_png/100207/north-arrow-2.png"> + <div class="a0_portrait_logo_echelle_graphique_valeur_gauche">0</div> + <div class="a0_portrait_logo_echelle_graphique_valeur_centre">{{map_scale_dynamique[0]}}</div> + <div class="a0_portrait_logo_echelle_graphique_valeur_droite">{{map_scale_dynamique[1]}}</div> + <div class="a0_portrait_logo_echelle_graphique"></div> + </div> + <div class="pied_de_page"> + <div class="document_non_opposable"> + DOCUMENT NON OPPOSABLE + </div> + <div class="a0_portrait_source"> + Sources : {{layer_sources.join(', ')}} + </div> + <div class="a0_portrait_logo_echelle">Echelle : {{map_scale}}</div> + <div class="a0_portrait_date"> + {{date}} + </div> + </div> + <div class="a0_portrait_logo_fleche_nord"></div> + </div> \ No newline at end of file diff --git a/modeles_impression/A1_paysage.html b/modeles_impression/A1_paysage.html new file mode 100644 index 0000000000000000000000000000000000000000..4beaf68a63317b233a005b0c03c06304f77600f1 --- /dev/null +++ b/modeles_impression/A1_paysage.html @@ -0,0 +1,342 @@ +<style> + @page { + size: 84.1cm 59.4cm; + margin: 0px; + } + + #A1_print_template { + position: absolute; + width: 84.1cm; + height: 59.4cm; + padding: 0.33cm; + border: 0px solid red; + } + + .entete { + padding: 0; + width: 83.4cm; + height: 2cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + } + + .colonne_gauche { + margin-top: 0.33cm; + margin-right: 0.33cm; + margin-bottom: 0.33cm; + width: 5cm; + height: 54.9cm; + float: left; + } + + .colonne_droite { + margin-top: 0.33cm; + margin-bottom: 0.33cm; + width: 78.1cm; + height: 55.4cm; + float: left; + } + + .a1_paysage_titre { + font-size: 0.90cm; + font-weight: bold; + } + + .a1_paysage_ss_titre { + font-size: 0.55cm; + font-weight: bold; + } + + .a1_paysage_titre, + .a1_paysage_ss_titre { + text-align: center; + padding-top: 0.2cm; + } + + .a1_paysage_comment { + width: auto; + height: 13.92cm; + padding: 0.12cm; + font-size: 0.50cm; + margin-bottom: 0.4cm; + border: 1px solid transparent; + background-color: #FFFFFF !important; + color: #333 !important; + } + + .a1_paysage_legend { + width: auto; + font-size: 0.50cm; + border: 1px solid transparent; + } + + #map_image { + background-color: #D8D8D8 !important; + width: 78.1cm; + height: 54.9cm; + } + + .a1_paysage_logo_echelle_graphique_valeur_gauche { + height: 0.4cm; + width: 1cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 11.55cm; + top: 56.4cm; + text-align: center; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a1_paysage_logo_echelle_graphique_valeur_centre { + height: 0.4cm; + width: 1cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 12.55cm; + top: 56.4cm; + text-align: center; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a1_paysage_logo_echelle_graphique_valeur_droite { + height: 0.4cm; + width: 2cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 13.8cm; + top: 56.4cm; + text-align: left; + padding-left: 0.2cm; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a1_paysage_logo_echelle_graphique { + height: 0.25cm; + width: 2.08cm; + position: absolute; + float: left; + left: 12cm; + top: 56.9cm; + background-image: url(' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAHCAMAAACBQ8VXAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALMw9IgAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAAsRAAALEQF/ZF+RAAAAGHRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4xLjVkR1hSAAAAG0lEQVQoU2P4z/AfN8AvN+B6yaAGUC+ZgOE/AJK1PtD2keu/AAAAAElFTkSuQmCC') !important; + background-size: 100% 100% !important; + background-position: center center !important; + background-repeat: no-repeat !important; + border: 0px solid grey; + } + + .a1_paysage_logo_fleche_nord { + margin-top: 0.5cm; + width: 1cm; + height: 1.2cm; + position: absolute; + float: left; + left: 82.1cm; + top: 2.68cm; + background-image: url(" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOIAAAF0CAMAAAAJhhUPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAABAQECAgIDAwMEBAQFBQUGBgYHBwcICAgJCQkKCgoLCwsMDAwNDQ0ODg4PDw8P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALE276wAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjE51NayZAAADbRJREFUeF7tnel62zoMRJ0uabrcNu//srmRMJQpiSQAEqBNfpofdSxqOx4n5nFi9fYxfS7EGXIhzpALcYZciDPkQpwhF+IMcUC8HYLF5bxh5SVYZJUOiN+wvJixEW+/MFDK4IhfMFDK4IiSGkdHFNQ4OuLtDUP5DI/4gqF8hkfkaxwfka1xfMTbDwzmMgEid5wZEF8xmskMiMyBhkV8we2S7xhOZ1jEty/4YgmG0xkX8Re+WFKUqnERP6Q1DoworXFgxI9v+HJJQapGRozvFqRqaERZjUMjymocG/E77ixZF6QyNmK8ICtVgyO+4t6SXI2DI0pqHB3xB+4uybjx6IgfsXFg0SHDI8YAaTceHpGvcXzEmCA5Gx8fkZWqCRA5qZoAkatxBsS4xq9YFmUGREaqpkCMl5+lag7EYo1zIBZrnASx5MaTIMYjR6maBbHgxrMgFmqcBjEG2UvVNIh5qZoHMVvjPIjZGidC/ImRJbFUTYSYk6qZEDNuPBNipsapEH9jbMndjadCTEvVXIjxCptUTYaYqnEyxFSNsyEmpGo2xHgVSNV0iOcap0M81zgfYky0StV8iCepmhDxWOOEiMcaZ0Q8uPGMiAepmhJx78ZTIu5rnBMxduMvcyLupIr5U4CWPBIxXjMORq3yUMS4xigYtcpDETM1YtAqj0WMpeoeDFrlsYjpGjFmlQcjJmvEmFUejLibjYdgyCqPRoxf8kMwZJVHI6ZqxIhVHo6YqBEjVnk4YqJGDFjl8YixVFEwYJXHI+6kag2WW+UJEE81YrlVHBDf7sESJlh5CxZbxQHx2XIhzpALcYZciDPkQpwhF+IM6Y6Y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") !important; + background-size: 0.6cm !important; + background-position: center center !important; + background-repeat: no-repeat !important; + } + + .map_overview { + margin-top: 0.5cm; + background-color: #D8D8D8 !important; + width: 10cm; + height: 7.5cm; + border: 1px solid black; + position: absolute; + left: 1.5cm; + } + + #map_overview { + background-color: #D8D8D8 !important; + width: 10cm; + height: 7.5cm; + border: 1px solid black; + } + + .legend_txt { + text-align: left; + height: auto; + padding: 0.12cm; + line-height: 0.6cm; + font-size: 0.50cm; + width: auto; + color: #222385 !important; + background-color: #F2F2F2 !important; + } + + .infos_column { + height: 100%; + border: 0px solid black; + } + + #map_legend { + height: 32.96cm; + padding: 0.12cm; + -webkit-column-width: 125px !important; + -moz-column-width: 125px !important; + column-width: 125px !important; + width: auto !important; + background-color: #FFFFFF !important; + } + + #map_legend>div { + width: 100%; + } + + .legend-img { + max-width: 200px; + } + + .pied_de_page { + top: 57.9cm; + margin-left: 11.4cm; + width: 72cm; + height: 1cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + position: absolute; + } + + .pied_de_page_gauche { + top: 57.9cm; + width: 1cm; + height: 1cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + position: absolute; + } + + .document_non_opposable { + float: left; + padding-left: 0.2cm; + height: 100%; + width: 7cm; + line-height: 1cm; + /* centrage vertical */ + color: black !important; + font-style: italic; + font-size: 0.40cm; + border: 0px solid red; + } + + .a1_paysage_source { + float: left; + padding-left: 0.2cm; + font-size: 0.50cm; + color: #333 !important; + height: 100%; + width: 58.4cm; + line-height: 1cm; + /* centrage vertical */ + border: 0px solid blue; + } + + .a1_paysage_logo_echelle { + float: left; + padding-left: 0.2cm; + font-size: 0.35cm; + height: 100%; + width: 3.5cm; + line-height: 1cm; + /* centrage vertical */ + border: 0px solid blue; + } + + .a1_paysage_date { + float: right; + padding-right: 0.2cm; + font-size: 0.29cm; + height: 100%; + width: 2cm; + line-height: 1cm; + /* centrage vertical */ + text-align: right; + color: #333 !important; + border: 0px solid blue; + } +</style> + +<script> + var $scope = angular.element("#A1_print_template").scope(); + $scope["map_scale_dynamique"] = [0, 0]; + // Surveillance de la variable map_scale présente dans le scope + $scope.$watch("map_scale", function (newval) { + if (typeof (newval) == 'string') { + var sMapScale = newval.split(':'); + sMapScaleInteger = sMapScale[1].split(','); + if (sMapScaleInteger.length > 1) { + // Pour les échelles qui comprennent une virgule de type : 1:2,250 + var sMapScale1cmEnCentimetre = sMapScaleInteger[0] + sMapScaleInteger[1]; + } else { + // Pour les échelles qui comprennent pas de virgule de type : 1:2250 + var sMapScale1cmEnCentimetre = sMapScaleInteger[0]; + } + var iMapScale1cmEnMetre = sMapScale1cmEnCentimetre / 100; + var sMapScale2cmEnMetre = sMapScale1cmEnCentimetre * 2 / 100 + ' Mètres'; + $scope["map_scale_dynamique"] = [iMapScale1cmEnMetre, sMapScale2cmEnMetre]; + } + }); +</script> +<div id="A1_print_template"> + <div class="entete"> + <div class="a1_paysage_titre"> + {{title}} + </div> + <div class="a1_paysage_ss_titre"> + {{subtitle}} + </div> + <div class="a1_paysage_logo_coin_haut_droit"></div> + </div> + <div class="colonne_gauche"> + <div class="a1_paysage_comment"> + {{comment}} + </div> + <div class="a1_paysage_legend"> + <div class="legend_txt"> + Légende + </div> + <!--Pour afficher la légende, utiliser id="map_legend"--> + <div id="map_legend"> + </div> + </div> + <div class="map_overview"> + <!-- Pour afficher l'overview utiliser id="map_overview--> + <img id="map_overview"> + </div> + </div> + <div class="colonne_droite"> + <img id="map_image" src="https://openclipart.org/image/2400px/svg_to_png/100207/north-arrow-2.png"> + <div class="a1_paysage_logo_echelle_graphique_valeur_gauche">0</div> + <div class="a1_paysage_logo_echelle_graphique_valeur_centre">{{map_scale_dynamique[0]}}</div> + <div class="a1_paysage_logo_echelle_graphique_valeur_droite">{{map_scale_dynamique[1]}}</div> + <div class="a1_paysage_logo_echelle_graphique"></div> + </div> + <div class="pied_de_page_gauche"></div> + <div class="pied_de_page"> + <div class="document_non_opposable"> + DOCUMENT NON OPPOSABLE + </div> + <div class="a1_paysage_source"> + Sources : {{layer_sources.join(', ')}} + </div> + <div class="a1_paysage_logo_echelle">Echelle : {{map_scale}}</div> + <div class="a1_paysage_date"> + {{date}} + </div> + </div> + <div class="a1_paysage_logo_fleche_nord"></div> + </div> \ No newline at end of file diff --git a/modeles_impression/A1_portrait.html b/modeles_impression/A1_portrait.html new file mode 100644 index 0000000000000000000000000000000000000000..1bf496771681c416378a93d0d257a81f6609d2a2 --- /dev/null +++ b/modeles_impression/A1_portrait.html @@ -0,0 +1,327 @@ +<style> + @page { + size: 59.4cm 84cm; + margin: 0px; + } + + #A1_print_template { + position: absolute; + width: 59.4cm; + height: 84cm; + padding: 0.33cm; + border: 0px solid red; + } + + .entete { + padding: 0; + width: 100%; + height: 2cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + } + + .colonne_gauche { + margin-top: 0.33cm; + margin-right: 0.33cm; + margin-bottom: 0.33cm; + width: 5cm; + height: Calc(100% - 6cm); + float: left; + } + + .colonne_droite { + margin-top: 0.33cm; + margin-bottom: 0.33cm; + width: Calc(100% - 5.33cm); + height: Calc(100% - 6cm); + float: left; + } + + .a1_portrait_titre { + font-size: 0.80cm; + font-weight: bold; + } + + .a1_portrait_ss_titre { + font-size: 0.55cm; + font-weight: bold; + } + + .a1_portrait_titre, + .a1_portrait_ss_titre { + text-align: center; + padding-top: 0.2cm; + } + + .a1_portrait_comment { + width: auto; + height: 16.2cm; + padding: 0.12cm; + font-size: 0.40cm; + margin-bottom: 0.4cm; + border: 1px solid transparent; + background-color: #FFFFFF !important; + color: #333 !important; + } + + .a1_portrait_legend { + width: auto; + height: 59.2cm; + font-size: 0.50cm; + border: 1px solid transparent; + } + + #map_image { + background-color: #D8D8D8 !important; + width: 100%; + height: 100%; + } + + .a1_portrait_logo_echelle_graphique_valeur_gauche { + height: 0.4cm; + width: 1cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 11.55cm; + top: Calc(100% - 5.2cm); + text-align: center; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a1_portrait_logo_echelle_graphique_valeur_centre { + height: 0.4cm; + width: 1cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 12.55cm; + top: Calc(100% - 5.2cm); + text-align: center; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a1_portrait_logo_echelle_graphique_valeur_droite { + height: 0.4cm; + width: 2cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 13.8cm; + top: Calc(100% - 5.2cm); + text-align: left; + padding-left: 0.2cm; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a1_portrait_logo_echelle_graphique { + height: 0.25cm; + width: 2.08cm; + position: absolute; + float: left; + left: 12cm; + top: Calc(100% - 4.7cm); + background-image: url(' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAHCAMAAACBQ8VXAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALMw9IgAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAAsRAAALEQF/ZF+RAAAAGHRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4xLjVkR1hSAAAAG0lEQVQoU2P4z/AfN8AvN+B6yaAGUC+ZgOE/AJK1PtD2keu/AAAAAElFTkSuQmCC') !important; + background-size: 100% 100% !important; + background-position: center center !important; + background-repeat: no-repeat !important; + border: 0px solid grey; + } + + .a1_portrait_logo_fleche_nord { + margin-top: 0.5cm; + width: 1cm; + height: 1.2cm; + position: absolute; + float: left; + left: Calc(100% - 1.8cm); + top: 2.68cm; + background-image: url(" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOIAAAF0CAMAAAAJhhUPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAABAQECAgIDAwMEBAQFBQUGBgYHBwcICAgJCQkKCgoLCwsMDAwNDQ0ODg4PDw8P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALE276wAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjE51NayZAAADbRJREFUeF7tnel62zoMRJ0uabrcNu//srmRMJQpiSQAEqBNfpofdSxqOx4n5nFi9fYxfS7EGXIhzpALcYZciDPkQpwhF+IMcUC8HYLF5bxh5SVYZJUOiN+wvJixEW+/MFDK4IhfMFDK4IiSGkdHFNQ4OuLtDUP5DI/4gqF8hkfkaxwfka1xfMTbDwzmMgEid5wZEF8xmskMiMyBhkV8we2S7xhOZ1jEty/4YgmG0xkX8Re+WFKUqnERP6Q1DoworXFgxI9v+HJJQapGRozvFqRqaERZjUMjymocG/E77ixZF6QyNmK8ICtVgyO+4t6SXI2DI0pqHB3xB+4uybjx6IgfsXFg0SHDI8YAaTceHpGvcXzEmCA5Gx8fkZWqCRA5qZoAkatxBsS4xq9YFmUGREaqpkCMl5+lag7EYo1zIBZrnASx5MaTIMYjR6maBbHgxrMgFmqcBjEG2UvVNIh5qZoHMVvjPIjZGidC/ImRJbFUTYSYk6qZEDNuPBNipsapEH9jbMndjadCTEvVXIjxCptUTYaYqnEyxFSNsyEmpGo2xHgVSNV0iOcap0M81zgfYky0StV8iCepmhDxWOOEiMcaZ0Q8uPGMiAepmhJx78ZTIu5rnBMxduMvcyLupIr5U4CWPBIxXjMORq3yUMS4xigYtcpDETM1YtAqj0WMpeoeDFrlsYjpGjFmlQcjJmvEmFUejLibjYdgyCqPRoxf8kMwZJVHI6ZqxIhVHo6YqBEjVnk4YqJGDFjl8YixVFEwYJXHI+6kag2WW+UJEE81YrlVHBDf7sESJlh5CxZbxQHx2XIhzpALcYZciDPkQpwhF+IM6Y6Y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") !important; + background-size: 0.6cm !important; + background-position: center center !important; + background-repeat: no-repeat !important; + } + + .map_overview { + z-index: 999; + top: Calc(100% - 10.6cm); + background-color: #D8D8D8 !important; + width: 10cm; + height: 7.5cm; + position: absolute; + left: 1.5cm; + outline: 0.2cm solid white; + } + + #map_overview { + background-color: #D8D8D8 !important; + width: 10cm; + height: 7.5cm; + border: 2px solid black; + } + + + .legend_txt { + text-align: left; + height: auto; + padding: 0.12cm; + line-height: 0.6cm; + font-size: 0.50cm; + width: auto; + color: #222385 !important; + background-color: #F2F2F2 !important; + } + + .infos_column { + height: 100%; + border: 0px solid black; + } + + #map_legend { + height: Calc(100% - 1.1cm); + padding: 0.12cm; + -webkit-column-width: 125px !important; + -moz-column-width: 125px !important; + column-width: 125px !important; + width: auto !important; + background-color: #FFFFFF !important; + } + + #map_legend>div { + width: 100%; + } + + .legend-img { + max-width: 200px; + } + + .pied_de_page { + top: Calc(100% - 3.4cm - 0.33cm); + width: Calc(100% - 0.66cm); + border: 0px solid black; + background-color: #D3D3D3 !important; + position: absolute; + line-height: 0.7cm; + padding: 1cm 0; + } + + .document_non_opposable { + float: left; + padding-left: 0.2cm; + /* centrage vertical */ + color: black !important; + font-style: italic; + font-size: 0.40cm; + border: 0px solid red; + } + + .a1_portrait_source { + clear: both; + float: left; + padding-left: 0.2cm; + font-size: 0.40cm; + color: #333 !important; + width: Calc(100% - 6.5cm); + /* centrage vertical */ + border: 0px solid blue; + } + + .a1_portrait_logo_echelle { + float: left; + padding-left: 0.2cm; + font-size: 0.40cm; + width: 3.5cm; + /* centrage vertical */ + border: 0px solid blue; + } + + .a1_portrait_date { + float: right; + padding-right: 0.2cm; + font-size: 0.29cm; + width: 2cm; + /* centrage vertical */ + text-align: right; + color: #333 !important; + border: 0px solid blue; + } +</style> + +<script> + var $scope = angular.element("#A1_print_template").scope(); + $scope["map_scale_dynamique"] = [0, 0]; + // Surveillance de la variable map_scale présente dans le scope + $scope.$watch("map_scale", function (newval) { + if (typeof (newval) == 'string') { + var sMapScale = newval.split(':'); + sMapScaleInteger = sMapScale[1].split(','); + if (sMapScaleInteger.length > 1) { + // Pour les échelles qui comprennent une virgule de type : 1:2,250 + var sMapScale1cmEnCentimetre = sMapScaleInteger[0] + sMapScaleInteger[1]; + } else { + // Pour les échelles qui comprennent pas de virgule de type : 1:2250 + var sMapScale1cmEnCentimetre = sMapScaleInteger[0]; + } + var iMapScale1cmEnMetre = sMapScale1cmEnCentimetre / 100; + var sMapScale2cmEnMetre = sMapScale1cmEnCentimetre * 2 / 100 + ' Mètres'; + $scope["map_scale_dynamique"] = [iMapScale1cmEnMetre, sMapScale2cmEnMetre]; + } + }); +</script> +<div id="A1_print_template"> + <div class="entete"> + <div class="a1_portrait_titre"> + {{title}} + </div> + <div class="a1_portrait_ss_titre"> + {{subtitle}} + </div> + <div class="a1_portrait_logo_coin_haut_droit"></div> + </div> + <div class="colonne_gauche"> + <div class="a1_portrait_comment"> + {{comment}} + </div> + <div class="a1_portrait_legend"> + <div class="legend_txt"> + Légende + </div> + <!--Pour afficher la légende, utiliser id="map_legend"--> + <div id="map_legend"> + </div> + </div> + <div class="map_overview"> + <!-- Pour afficher l'overview utiliser id="map_overview--> + <img id="map_overview"> + </div> + </div> + <div class="colonne_droite"> + <img id="map_image" src="https://openclipart.org/image/2400px/svg_to_png/100207/north-arrow-2.png"> + <div class="a1_portrait_logo_echelle_graphique_valeur_gauche">0</div> + <div class="a1_portrait_logo_echelle_graphique_valeur_centre">{{map_scale_dynamique[0]}}</div> + <div class="a1_portrait_logo_echelle_graphique_valeur_droite">{{map_scale_dynamique[1]}}</div> + <div class="a1_portrait_logo_echelle_graphique"></div> + </div> + <div class="pied_de_page"> + <div class="document_non_opposable"> + DOCUMENT NON OPPOSABLE + </div> + <div class="a1_portrait_source"> + Sources : {{layer_sources.join(', ')}} + </div> + <div class="a1_portrait_logo_echelle">Echelle : {{map_scale}}</div> + <div class="a1_portrait_date"> + {{date}} + </div> + </div> + <div class="a1_portrait_logo_fleche_nord"></div> + </div> \ No newline at end of file diff --git a/modeles_impression/A2_paysage.html b/modeles_impression/A2_paysage.html new file mode 100644 index 0000000000000000000000000000000000000000..6a6bee7e0286c19352fb68e4060ff83113a6c7cd --- /dev/null +++ b/modeles_impression/A2_paysage.html @@ -0,0 +1,343 @@ +<style> + @page { + size: 59.4cm 42cm; + margin: 0px; + } + + #A2_print_template { + position: absolute; + width: 59.4cm; + height: 42cm; + padding: 0.33cm; + border: 0px solid red; + } + + .entete { + padding: 0; + width: 58.7cm; + height: 2cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + } + + .colonne_gauche { + margin-top: 0.33cm; + margin-right: 0.33cm; + margin-bottom: 0.33cm; + width: 5cm; + height: 37.5cm; + float: left; + } + + .colonne_droite { + margin-top: 0.33cm; + margin-bottom: 0.33cm; + width: 53.4cm; + height: 38cm; + float: left; + } + + .a2_paysage_titre { + font-size: 0.80cm; + font-weight: bold; + } + + .a2_paysage_ss_titre { + font-size: 0.45cm; + font-weight: bold; + } + + .a2_paysage_titre, + .a2_paysage_ss_titre { + text-align: center; + padding-top: 0.2cm; + } + + .a2_paysage_comment { + width: auto; + height: 4.8cm; + padding: 0.12cm; + font-size: 0.40cm; + margin-bottom: 0.4cm; + border: 1px solid transparent; + background-color: #FFFFFF !important; + color: #333 !important; + } + + .a2_paysage_legend { + width: auto; + font-size: 0.40cm; + border: 1px solid transparent; + } + + #map_image { + background-color: #D8D8D8 !important; + width: 53.4cm; + height: 37.5cm; + } + + .a2_paysage_logo_echelle_graphique_valeur_gauche { + height: 0.4cm; + width: 1cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 9.05cm; + top: 39cm; + text-align: center; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a2_paysage_logo_echelle_graphique_valeur_centre { + height: 0.4cm; + width: 1cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 10.05cm; + top: 39cm; + text-align: center; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a2_paysage_logo_echelle_graphique_valeur_droite { + height: 0.4cm; + width: 2cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 11.3cm; + top: 39cm; + text-align: left; + padding-left: 0.2cm; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a2_paysage_logo_echelle_graphique { + height: 0.25cm; + width: 2.08cm; + position: absolute; + float: left; + left: 9.5cm; + top: 39.5cm; + background-image: url(' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAHCAMAAACBQ8VXAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALMw9IgAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAAsRAAALEQF/ZF+RAAAAGHRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4xLjVkR1hSAAAAG0lEQVQoU2P4z/AfN8AvN+B6yaAGUC+ZgOE/AJK1PtD2keu/AAAAAElFTkSuQmCC') !important; + background-size: 100% 100% !important; + background-position: center center !important; + background-repeat: no-repeat !important; + border: 0px solid grey; + } + + .a2_paysage_logo_fleche_nord { + margin-top: 0.5cm; + width: 1cm; + height: 1.2cm; + position: absolute; + float: left; + left: 57.4cm; + top: 2.68cm; + background-image: url(" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOIAAAF0CAMAAAAJhhUPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAABAQECAgIDAwMEBAQFBQUGBgYHBwcICAgJCQkKCgoLCwsMDAwNDQ0ODg4PDw8P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALE276wAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjE51NayZAAADbRJREFUeF7tnel62zoMRJ0uabrcNu//srmRMJQpiSQAEqBNfpofdSxqOx4n5nFi9fYxfS7EGXIhzpALcYZciDPkQpwhF+IMcUC8HYLF5bxh5SVYZJUOiN+wvJixEW+/MFDK4IhfMFDK4IiSGkdHFNQ4OuLtDUP5DI/4gqF8hkfkaxwfka1xfMTbDwzmMgEid5wZEF8xmskMiMyBhkV8we2S7xhOZ1jEty/4YgmG0xkX8Re+WFKUqnERP6Q1DoworXFgxI9v+HJJQapGRozvFqRqaERZjUMjymocG/E77ixZF6QyNmK8ICtVgyO+4t6SXI2DI0pqHB3xB+4uybjx6IgfsXFg0SHDI8YAaTceHpGvcXzEmCA5Gx8fkZWqCRA5qZoAkatxBsS4xq9YFmUGREaqpkCMl5+lag7EYo1zIBZrnASx5MaTIMYjR6maBbHgxrMgFmqcBjEG2UvVNIh5qZoHMVvjPIjZGidC/ImRJbFUTYSYk6qZEDNuPBNipsapEH9jbMndjadCTEvVXIjxCptUTYaYqnEyxFSNsyEmpGo2xHgVSNV0iOcap0M81zgfYky0StV8iCepmhDxWOOEiMcaZ0Q8uPGMiAepmhJx78ZTIu5rnBMxduMvcyLupIr5U4CWPBIxXjMORq3yUMS4xigYtcpDETM1YtAqj0WMpeoeDFrlsYjpGjFmlQcjJmvEmFUejLibjYdgyCqPRoxf8kMwZJVHI6ZqxIhVHo6YqBEjVnk4YqJGDFjl8YixVFEwYJXHI+6kag2WW+UJEE81YrlVHBDf7sESJlh5CxZbxQHx2XIhzpALcYZciDPkQpwhF+IM6Y6Y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") !important; + background-size: 0.6cm !important; + background-position: center center !important; + background-repeat: no-repeat !important; + } + + .map_overview { + margin-top: 0.5cm; + background-color: #D8D8D8 !important; + width: 7.55cm; + height: 6cm; + border: 1px solid black; + position: absolute; + left: 1.5cm; + } + + #map_overview { + background-color: #D8D8D8 !important; + width: 7.55cm; + height: 6cm; + border: 1px solid black; + } + + + .legend_txt { + text-align: left; + height: auto; + padding: 0.12cm; + line-height: 0.6cm; + font-size: 0.40cm; + width: auto; + color: #222385 !important; + background-color: #F2F2F2 !important; + } + + .infos_column { + height: 100%; + border: 0px solid black; + } + + #map_legend { + height: 26.5cm; + padding: 0.12cm; + -webkit-column-width: 125px !important; + -moz-column-width: 125px !important; + column-width: 125px !important; + width: auto !important; + background-color: #FFFFFF !important; + } + + #map_legend>div { + width: 100%; + } + + .legend-img { + max-width: 200px; + } + + .pied_de_page { + top: 40.5cm; + margin-left: 8.9cm; + width: 49.8cm; + height: 1cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + position: absolute; + } + + .pied_de_page_gauche { + top: 40.5cm; + width: 1cm; + height: 1cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + position: absolute; + } + + .document_non_opposable { + float: left; + padding-left: 0.2cm; + height: 100%; + width: 7cm; + line-height: 1cm; + /* centrage vertical */ + color: black !important; + font-style: italic; + font-size: 0.40cm; + border: 0px solid red; + } + + .a2_paysage_source { + float: left; + padding-left: 0.2cm; + font-size: 0.40cm; + color: #333 !important; + height: 100%; + width: 36.2cm; + line-height: 1cm; + /* centrage vertical */ + border: 0px solid blue; + } + + .a2_paysage_logo_echelle { + float: left; + padding-left: 0.2cm; + font-size: 0.40cm; + height: 100%; + width: 3.5cm; + line-height: 1cm; + /* centrage vertical */ + border: 0px solid blue; + } + + .a2_paysage_date { + float: right; + padding-right: 0.2cm; + font-size: 0.29cm; + height: 100%; + width: 2cm; + line-height: 1cm; + /* centrage vertical */ + text-align: right; + color: #333 !important; + border: 0px solid blue; + } +</style> + +<script> + var $scope = angular.element("#A2_print_template").scope(); + $scope["map_scale_dynamique"] = [0, 0]; + // Surveillance de la variable map_scale présente dans le scope + $scope.$watch("map_scale", function (newval) { + if (typeof (newval) == 'string') { + var sMapScale = newval.split(':'); + sMapScaleInteger = sMapScale[1].split(','); + if (sMapScaleInteger.length > 1) { + // Pour les échelles qui comprennent une virgule de type : 1:2,250 + var sMapScale1cmEnCentimetre = sMapScaleInteger[0] + sMapScaleInteger[1]; + } else { + // Pour les échelles qui comprennent pas de virgule de type : 1:2250 + var sMapScale1cmEnCentimetre = sMapScaleInteger[0]; + } + var iMapScale1cmEnMetre = sMapScale1cmEnCentimetre / 100; + var sMapScale2cmEnMetre = sMapScale1cmEnCentimetre * 2 / 100 + ' Mètres'; + $scope["map_scale_dynamique"] = [iMapScale1cmEnMetre, sMapScale2cmEnMetre]; + } + }); +</script> +<div id="A2_print_template"> + <div class="entete"> + <div class="a2_paysage_titre"> + {{title}} + </div> + <div class="a2_paysage_ss_titre"> + {{subtitle}} + </div> + <div class="a2_paysage_logo_coin_haut_droit"></div> + </div> + <div class="colonne_gauche"> + <div class="a2_paysage_comment"> + {{comment}} + </div> + <div class="a2_paysage_legend"> + <div class="legend_txt"> + Légende + </div> + <!--Pour afficher la légende, utiliser id="map_legend"--> + <div id="map_legend"> + </div> + </div> + <div class="map_overview"> + <!-- Pour afficher l'overview utiliser id="map_overview--> + <img id="map_overview"> + </div> + </div> + <div class="colonne_droite"> + <img id="map_image" src="https://openclipart.org/image/2400px/svg_to_png/100207/north-arrow-2.png"> + <div class="a2_paysage_logo_echelle_graphique_valeur_gauche">0</div> + <div class="a2_paysage_logo_echelle_graphique_valeur_centre">{{map_scale_dynamique[0]}}</div> + <div class="a2_paysage_logo_echelle_graphique_valeur_droite">{{map_scale_dynamique[1]}}</div> + <div class="a2_paysage_logo_echelle_graphique"></div> + </div> + <div class="pied_de_page_gauche"></div> + <div class="pied_de_page"> + <div class="document_non_opposable"> + DOCUMENT NON OPPOSABLE + </div> + <div class="a2_paysage_source"> + Sources : {{layer_sources.join(', ')}} + </div> + <div class="a2_paysage_logo_echelle">Echelle : {{map_scale}}</div> + <div class="a2_paysage_date"> + {{date}} + </div> + </div> + <div class="a2_paysage_logo_fleche_nord"></div> + </div> \ No newline at end of file diff --git a/modeles_impression/A2_portrait.html b/modeles_impression/A2_portrait.html new file mode 100644 index 0000000000000000000000000000000000000000..cca08ca0ebd85b68ddeadc2c80241f4238d067ae --- /dev/null +++ b/modeles_impression/A2_portrait.html @@ -0,0 +1,327 @@ +<style> + @page { + size: 42cm 59.4cm; + margin: 0px; + } + + #A2_print_template { + position: absolute; + width: 42cm; + height: 59.4cm; + padding: 0.33cm; + border: 0px solid red; + } + + .entete { + padding: 0; + width: 100%; + height: 2cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + } + + .colonne_gauche { + margin-top: 0.33cm; + margin-right: 0.33cm; + margin-bottom: 0.33cm; + width: 5cm; + height: Calc(100% - 6cm); + float: left; + } + + .colonne_droite { + margin-top: 0.33cm; + margin-bottom: 0.33cm; + width: Calc(100% - 5.33cm); + height: Calc(100% - 6cm); + float: left; + } + + .a2_portrait_titre { + font-size: 0.70cm; + font-weight: bold; + } + + .a2_portrait_ss_titre { + font-size: 0.48cm; + font-weight: bold; + } + + .a2_portrait_titre, + .a2_portrait_ss_titre { + text-align: center; + padding-top: 0.2cm; + } + + .a2_portrait_comment { + width: auto; + height: 8cm; + padding: 0.12cm; + font-size: 0.50cm; + margin-bottom: 0.4cm; + border: 1px solid transparent; + background-color: #FFFFFF !important; + color: #333 !important; + } + + .a2_portrait_legend { + width: auto; + height: 43cm; + font-size: 0.50cm; + border: 1px solid transparent; + } + + #map_image { + background-color: #D8D8D8 !important; + width: 100%; + height: 100%; + } + + .a2_portrait_logo_echelle_graphique_valeur_gauche { + height: 0.4cm; + width: 1cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 9.05cm; + top: Calc(100% - 5.2cm); + text-align: center; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a2_portrait_logo_echelle_graphique_valeur_centre { + height: 0.4cm; + width: 1cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 10.05cm; + top: Calc(100% - 5.2cm); + text-align: center; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a2_portrait_logo_echelle_graphique_valeur_droite { + height: 0.4cm; + width: 2cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 11.3cm; + top: Calc(100% - 5.2cm); + text-align: left; + padding-left: 0.2cm; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a2_portrait_logo_echelle_graphique { + height: 0.25cm; + width: 2.08cm; + position: absolute; + float: left; + left: 9.5cm; + background-image: url(' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAHCAMAAACBQ8VXAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALMw9IgAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAAsRAAALEQF/ZF+RAAAAGHRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4xLjVkR1hSAAAAG0lEQVQoU2P4z/AfN8AvN+B6yaAGUC+ZgOE/AJK1PtD2keu/AAAAAElFTkSuQmCC') !important; + top: Calc(100% - 4.7cm); + background-size: 100% 100% !important; + background-position: center center !important; + background-repeat: no-repeat !important; + border: 0px solid grey; + } + + .a2_portrait_logo_fleche_nord { + margin-top: 0.5cm; + width: 1cm; + height: 1.2cm; + position: absolute; + float: left; + left: Calc(100% - 1.8cm); + top: 2.68cm; + background-image: url(" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOIAAAF0CAMAAAAJhhUPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAABAQECAgIDAwMEBAQFBQUGBgYHBwcICAgJCQkKCgoLCwsMDAwNDQ0ODg4PDw8P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALE276wAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjE51NayZAAADbRJREFUeF7tnel62zoMRJ0uabrcNu//srmRMJQpiSQAEqBNfpofdSxqOx4n5nFi9fYxfS7EGXIhzpALcYZciDPkQpwhF+IMcUC8HYLF5bxh5SVYZJUOiN+wvJixEW+/MFDK4IhfMFDK4IiSGkdHFNQ4OuLtDUP5DI/4gqF8hkfkaxwfka1xfMTbDwzmMgEid5wZEF8xmskMiMyBhkV8we2S7xhOZ1jEty/4YgmG0xkX8Re+WFKUqnERP6Q1DoworXFgxI9v+HJJQapGRozvFqRqaERZjUMjymocG/E77ixZF6QyNmK8ICtVgyO+4t6SXI2DI0pqHB3xB+4uybjx6IgfsXFg0SHDI8YAaTceHpGvcXzEmCA5Gx8fkZWqCRA5qZoAkatxBsS4xq9YFmUGREaqpkCMl5+lag7EYo1zIBZrnASx5MaTIMYjR6maBbHgxrMgFmqcBjEG2UvVNIh5qZoHMVvjPIjZGidC/ImRJbFUTYSYk6qZEDNuPBNipsapEH9jbMndjadCTEvVXIjxCptUTYaYqnEyxFSNsyEmpGo2xHgVSNV0iOcap0M81zgfYky0StV8iCepmhDxWOOEiMcaZ0Q8uPGMiAepmhJx78ZTIu5rnBMxduMvcyLupIr5U4CWPBIxXjMORq3yUMS4xigYtcpDETM1YtAqj0WMpeoeDFrlsYjpGjFmlQcjJmvEmFUejLibjYdgyCqPRoxf8kMwZJVHI6ZqxIhVHo6YqBEjVnk4YqJGDFjl8YixVFEwYJXHI+6kag2WW+UJEE81YrlVHBDf7sESJlh5CxZbxQHx2XIhzpALcYZciDPkQpwhF+IM6Y6Y/Ayqa7ojZj4u7ZjeiN/MXYlN7wN+6qC1LHHpjLi8NZy7BoVXOiOuVt+5xr6I9P5+5xr7Iq6EpeszeaQrYnhbOH99Jo90RdzeFe5aY0/E+3v7XWvsiRi9tY8lXdLxYJmPErmnI+LujX0s65F+x0KJAO1YYz9EYvsS/iwMSzuk36GI7Ncfuu3oVN0Q6S+lXv4FxI6PLW7dQ1xv7xtitxp7IdL1NV7+3RH7Pbi49Q5R/XiPEHs5VSdE/JXU3xixl1N1QiSo1/cYsVeNfRDvJcaInSbjfRBpAr6UGCN2cqouiLCoP0fEPjV2QaQSvy2EO8Q+NfZAjEvcIyaueWefHog0AacS94hdnkMdDgKL+pVC7OFUHRBhUUR4QOxRo/8x9iUeEcv/V4pJ/BG/riihxCNihxr9D0EkP0F4QvR3KnfEoMIgPCF2eIxx6xbieANgAtG9Rm9E/C5qK/GM6O5U3oiEsU7AKSdEd6dyRowsCjkjetfojEgQUYkJxNtPrOwUX0T8FwxRiSlEZ6fyRSSL+g66NQlEZ6dyRdxZFJJC9K3RFTFW4ZAUom+Nnoi4jMauxDSiq1N5IpJFfQUbkkR0fS457vxgUUga0bNGR8S9CoekET1r9Nt3usQcouNk3A+RLOpYYg7RsUa/XdOZ3y0KySH61eiGeFThkByi42ONW/PQeZ9KzCNy/8V2dbwQTyockkV0cyovRDrt2KKQLKKbGjshnlU4JI/oVaMTIp10osQCopca+yDCohIllhCdnMoHMWVRSAHRyalcEFMqHFJC9KnRBbFQYhHx9hs7MI0HIibgyRLLiC5O5YGYtiikiOjynHLYacaikDKiR40OiMUSGUSPGu33iT8bzpTIITo4lT0iLApEpzCIDjXa75LO9GxRCIdoX6M5Yk6FQzhEh8cct2ah88yWyCOaO5U1IiwqWyKPaO5U1oh0mimLQlhE8xqNEfMqHMIjWtdojEgnWShRgGjtVLaIsKj/gJOKANHYqWwRSxaFCBCNazRFLKlwiATRtkZTREGJIkTbp5bl3mBRvwGTjgjR1KksEcsWhYgQTWs03FlZhUNkiJY1GiKKShQiWtZouC86N6ZEKaKhU9khchaFCBEtH3rctofOLG9RiBTRrkYzRGGJYkTDxx63zaHzYkuUI5o5lRUib1GIGNHMqawQ6bRKFoWIEc1qNEIUl6hAtKrRCJFOSlCiAtHKqWwQBSocokA0ciobRIlFIQpEoxpNECUqHKJBtKnRBJEm4KISVYg2TzGLvcgsClEhmjiVBaLMohAVokmNBjtRlahEtPiQqgHi4WOmTHSIFjUa7IPOZfuYKRMlooFTtSNKLQpRIlpUgNv60JnwFoVoEdtrbEbcrrgkjBaxfTLejEgn8gMAfLSI7U7Viii3KESN2FxjKyKdhsSiEDVic42NiOoSKxBbJ+ONiGRRihIrEFudqg1RY1FIBWJjjW2IChUOqUBsrLEJsaLEKsS26zc1IWpUOKQGse2p1rK1zqKQKsQmNW5BVKlwSBViU40NG1eVWInYosYNiGRRyhIrEVtqbNiWji22KKQSscGp6hGVKhxSidhSBW71oSNrS6xGrP+QajUiTcDVJb7j+jDq1DtVNSIdWDMBX4PrblSk2qlqEfUWtQYvNDWprrEWkQ6rLbGBsP5DqpWIiSsuCdJEWO1UlYhkUbsrLvGp/WEaUulUdYg1FvX+Hz0u9amssQ6xQoXbCWtrrEJMXnGJiQFhpVNVIZJFHa64VM7fQPjWgorj61KzVYVF/aPf0K3PtQbGqhprEPUqvBGur20NjOvxlanYiPmYaSIbIZSonrHGqSoQYVE4fUGOhJ9HrQ52oEnFNnQshUVhPhtVUD/NqahRj6hW4TNhCyN2oIh+EzqSvMRAuH+/t5pR71RqRJyxuMQ04TZ9UEfvVGpEOpDYogLJ+T37wK6NukYtIk5MalHh+Zj6rUQlo7pGLSIdRlpiIEyfViWjdjKuRIRFCUssE9Yyap1KiUjzEqFFBQXOP7XCnEAXZY06RJUKB30qffNUMSpr1CFqStwEEdumU8Wou36TChHfW6ISN0LmaVXDqHMqFaLCojYFZr9xwoqaYFNZNGujRIlFxQrMpYJRVaMGUV7iXoG5VDBiS1EUK8tV+CyI5egZNU6lQBSrsJbw8yzUwYaSKNalfQssKkxa5A91mAbJo6hRjihWYT1hDSM2FES+Ku2ZLzEQ6v7kSc0odyoxIs6cnYDXEeoVWe5UYkTaMWtReQXmEh4bacQ1ShGFJYbnm55QzSiuUYpIu+VKDITyZ1EcJaPUqYSIsCjmY6ZthFpGqVMJEWn+wVgUr8BcdNohrFGGKFJhiQJzUTEKa5QhSkqUKTAXFSO2YSJaDd9jxSsuSRWYi4ZR5lQiRIFFyRWYS9iRJNikHMlaKLFkURoF5qJgFNUoQeRL1CkwFwUjtihGshLtrVCiXhDLkTNKDihAZC3KmjA8qJJgg1IE69C+ChYVJiVmhAq1EhyTR2RLtCfUMGKDQvhVaE/5j5kGwhq5yEfMyDsViwiCrEX5EMoVmZ8usoi0o6xF1Sswl/DYcWFr5BCZEsPzyZ5QzMhOxjlEeonKlRgIW+QiHyEjN6FiEMsW5UsoZeRqZBCpxIxFtSswF5l2MDWWEYslWigwFxEj84OgjEgT8HSJNgrMRcSIdTMpDuN7LTkBt1JgLhLGslMVEQsWZafAXMKBSsGq6ZRGCyVaKjAXAWPxQ6olRMJIlWirwFwEjFgzmdIgbZ244pK9IJbDM5ZOpICYtajehOHBLgUrplIYo20TKhwmHd0IBWpVOJc8YvaKS/0JBYyF+UcekTY9q3Ag9JCLfFjGvFNlEUFysqjHEPKKnK8xi0gbnizKT4G5hMc2l2yNOcTMx0zD86U/IcuYdaocIr0UHT9mGgg95SIfhjE30cogpi3qsYQcY67GDCKVeLAofwXmEuYc6WRqTCPih8q+xB4KzKXImHGqNCJZ1P5jpn0UmEuREescklyM77mdRfVSYC4lxnSNScSECvdTYC7hRFLBKvukliZK7KnAXAqMyWlzCpEsKi6xrwJzKTBijV1SC2ntyKL6C2I5ecbUCSYQTyr8bIShhFSwQpzEMlo3KjFMKp6GsKBWies3nREJKCrx+QgLjIl5yRmRVr1bVCB8hFzkk2U8O9UJEUSbRT0nYV6RzzWeEGnFrcTHKTCX8Ngfc3pdOyIeVDg8H56PMMt4cqojIr3kBBUOhI+Ui3wyjMcJ2AFxr8LPTZhjPNZ4QKQSocKPV2Auae04fEh1j4jaqMRnUGAuScaDU+0RY4t6DgXmkmTEGLK7ixJXi3oWBeaSYtzXuEOMSnweBeYSTjQOhijxvehjps+kwFwSjLvpdIwIi4oJn0KBuSQYMbImvkOjnxb1fIJYzpkxPvEIcVPh0QhDOXEwsCT6msY+SwyThmEIE2oVOdUdEWD/BiRMMEbzlTsiDb0+rSCWc2K817ghguzvmIRnRb7XuCHSwOvzKjCX0E3I9ooeEGFRuBmQ8MS4OVVA3L+0PLNc5HNgDDUCMbRHGZPwyBhqBOKuxFEJj9oBNSbE3Y/ccQkPjHAqQiSLQtYlo2bHSIvWm12JA+hTKTEj1bgixiUOTrj/sbIuWP/FgiXDE+4Y12n2gkgWtWYIBeYSMS53l39w9zMjyUUhd8YF6BPxXuIkhHFpy53o/jSE0UvEp1Pd7rOeeQgjxs95zG0rcUS5yGdjfPu4hRLnIrwr8svHDV/ORrhpx7flx80y5ZmPkBhfPl/ol5+qb0PLRT6vNEldEKcNCePUiJQLcYZciDPkQpwhF+IMuRBnyIU4Qy7EGXIhzpALcfx8fPwPsedRg/5pjrMAAAAASUVORK5CYII=") !important; + background-size: 0.6cm !important; + background-position: center center !important; + background-repeat: no-repeat !important; + } + + .map_overview { + z-index: 999; + top: 50cm; + background-color: #D8D8D8 !important; + width: 7.5cm; + height: 6cm; + position: absolute; + left: 1.5cm; + outline: 0.2cm solid white; + } + + #map_overview { + background-color: #D8D8D8 !important; + width: 7.5cm; + height: 6cm; + border: 2px solid black !important; + } + + + .legend_txt { + text-align: left; + height: auto; + padding: 0.12cm; + line-height: 0.6cm; + font-size: 0.50cm; + width: auto; + color: #222385 !important; + background-color: #F2F2F2 !important; + } + + .infos_column { + height: 100%; + border: 0px solid black; + } + + #map_legend { + height: Calc(100% - 1.1cm); + padding: 0.12cm; + -webkit-column-width: 125px !important; + -moz-column-width: 125px !important; + column-width: 125px !important; + width: auto !important; + background-color: #FFFFFF !important; + } + + #map_legend>div { + width: 100%; + } + + .legend-img { + max-width: 200px; + } + + .pied_de_page { + top: Calc(100% - 3.4cm - 0.33cm); + width: Calc(100% - 0.66cm); + border: 0px solid black; + background-color: #D3D3D3 !important; + position: absolute; + line-height: 0.7cm; + padding: 1cm 0; + } + + .document_non_opposable { + float: left; + padding-left: 0.2cm; + /* centrage vertical */ + color: black !important; + font-style: italic; + font-size: 0.40cm; + border: 0px solid red; + } + + .a2_portrait_source { + clear: both; + float: left; + padding-left: 0.2cm; + font-size: 0.40cm; + color: #333 !important; + width: Calc(100% - 6.5cm); + /* centrage vertical */ + border: 0px solid blue; + } + + .a2_portrait_logo_echelle { + float: left; + padding-left: 0.2cm; + font-size: 0.40cm; + width: 3cm; + /* centrage vertical */ + border: 0px solid blue; + } + + .a2_portrait_date { + float: right; + padding-right: 0.2cm; + font-size: 0.30cm; + width: 2cm; + /* centrage vertical */ + text-align: right; + color: #333 !important; + border: 0px solid blue; + } +</style> + +<script> + var $scope = angular.element("#A2_print_template").scope(); + $scope["map_scale_dynamique"] = [0, 0]; + // Surveillance de la variable map_scale présente dans le scope + $scope.$watch("map_scale", function (newval) { + if (typeof (newval) == 'string') { + var sMapScale = newval.split(':'); + sMapScaleInteger = sMapScale[1].split(','); + if (sMapScaleInteger.length > 1) { + // Pour les échelles qui comprennent une virgule de type : 1:2,250 + var sMapScale1cmEnCentimetre = sMapScaleInteger[0] + sMapScaleInteger[1]; + } else { + // Pour les échelles qui comprennent pas de virgule de type : 1:2250 + var sMapScale1cmEnCentimetre = sMapScaleInteger[0]; + } + var iMapScale1cmEnMetre = sMapScale1cmEnCentimetre / 100; + var sMapScale2cmEnMetre = sMapScale1cmEnCentimetre * 2 / 100 + ' Mètres'; + $scope["map_scale_dynamique"] = [iMapScale1cmEnMetre, sMapScale2cmEnMetre]; + } + }); +</script> +<div id="A2_print_template"> + <div class="entete"> + <div class="a2_portrait_titre"> + {{title}} + </div> + <div class="a2_portrait_ss_titre"> + {{subtitle}} + </div> + <div class="a2_portrait_logo_coin_haut_droit"></div> + </div> + <div class="colonne_gauche"> + <div class="a2_portrait_comment"> + {{comment}} + </div> + <div class="a2_portrait_legend"> + <div class="legend_txt"> + Légende + </div> + <!--Pour afficher la légende, utiliser id="map_legend"--> + <div id="map_legend"> + </div> + </div> + <div class="map_overview"> + <!-- Pour afficher l'overview utiliser id="map_overview--> + <img id="map_overview"> + </div> + </div> + <div class="colonne_droite"> + <img id="map_image" src="https://openclipart.org/image/2400px/svg_to_png/100207/north-arrow-2.png"> + <div class="a2_portrait_logo_echelle_graphique_valeur_gauche">0</div> + <div class="a2_portrait_logo_echelle_graphique_valeur_centre">{{map_scale_dynamique[0]}}</div> + <div class="a2_portrait_logo_echelle_graphique_valeur_droite">{{map_scale_dynamique[1]}}</div> + <div class="a2_portrait_logo_echelle_graphique"></div> + </div> + <div class="pied_de_page"> + <div class="document_non_opposable"> + DOCUMENT NON OPPOSABLE + </div> + <div class="a2_portrait_source"> + Sources : {{layer_sources.join(', ')}} + </div> + <div class="a2_portrait_logo_echelle">Echelle : {{map_scale}}</div> + <div class="a2_portrait_date"> + {{date}} + </div> + </div> + <div class="a2_portrait_logo_fleche_nord"></div> + </div> \ No newline at end of file diff --git a/modeles_impression/A3_paysage.html b/modeles_impression/A3_paysage.html new file mode 100644 index 0000000000000000000000000000000000000000..2d56ab94c5746a0384b5cc9bef0e18d10d97530d --- /dev/null +++ b/modeles_impression/A3_paysage.html @@ -0,0 +1,344 @@ +<style> + @page { + size: 42cm 29.6cm; + margin: 0px; + } + + #A3_print_template { + position: absolute; + width: 42cm; + height: 29.6cm; + padding: 0.33cm; + border: 0px solid red; + } + + .entete { + padding: 0; + width: 41.3cm; + height: 2cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + } + + .colonne_gauche { + margin-top: 0.33cm; + margin-right: 0.33cm; + margin-bottom: 0.33cm; + width: 5cm; + height: 25.2cm; + float: left; + + } + + .colonne_droite { + margin-top: 0.33cm; + margin-bottom: 0.33cm; + width: 36cm; + height: 25.7cm; + float: left; + } + + .a3_paysage_titre { + font-size: 0.60cm; + font-weight: bold; + } + + .a3_paysage_ss_titre { + font-size: 0.50cm; + font-weight: bold; + } + + .a3_paysage_titre, + .a3_paysage_ss_titre { + text-align: center; + padding-top: 0.2cm; + } + + .a3_paysage_comment { + width: auto; + height: 5.2cm; + padding: 0.12cm; + font-size: 0.40cm; + margin-bottom: 0.4cm; + border: 1px solid transparent; + background-color: #FFFFFF !important; + color: #333 !important; + } + + .a3_paysage_legend { + width: auto; + font-size: 0.40cm; + border: 1px solid transparent; + } + + #map_image { + background-color: #D8D8D8 !important; + width: 36cm; + height: 25.2cm; + } + + .a3_paysage_logo_echelle_graphique_valeur_gauche { + height: 0.4cm; + width: 1cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 6.55cm; + top: 26.7cm; + text-align: center; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a3_paysage_logo_echelle_graphique_valeur_centre { + height: 0.4cm; + width: 1cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 7.55cm; + top: 26.7cm; + text-align: center; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a3_paysage_logo_echelle_graphique_valeur_droite { + height: 0.4cm; + width: 2cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 8.8cm; + top: 26.7cm; + text-align: left; + padding-left: 0.2cm; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a3_paysage_logo_echelle_graphique { + height: 0.25cm; + width: 2.08cm; + position: absolute; + float: left; + left: 7cm; + top: 27.2cm; + background-image: url(' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAHCAMAAACBQ8VXAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALMw9IgAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAAsRAAALEQF/ZF+RAAAAGHRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4xLjVkR1hSAAAAG0lEQVQoU2P4z/AfN8AvN+B6yaAGUC+ZgOE/AJK1PtD2keu/AAAAAElFTkSuQmCC') !important; + background-size: 100% 100% !important; + background-position: center center !important; + background-repeat: no-repeat !important; + border: 0px solid grey; + } + + .a3_paysage_logo_fleche_nord { + margin-top: 0.5cm; + width: 1cm; + height: 1.2cm; + position: absolute; + float: left; + left: 40cm; + top: 2.68cm; + background-image: url(" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOIAAAF0CAMAAAAJhhUPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAABAQECAgIDAwMEBAQFBQUGBgYHBwcICAgJCQkKCgoLCwsMDAwNDQ0ODg4PDw8P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALE276wAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjE51NayZAAADbRJREFUeF7tnel62zoMRJ0uabrcNu//srmRMJQpiSQAEqBNfpofdSxqOx4n5nFi9fYxfS7EGXIhzpALcYZciDPkQpwhF+IMcUC8HYLF5bxh5SVYZJUOiN+wvJixEW+/MFDK4IhfMFDK4IiSGkdHFNQ4OuLtDUP5DI/4gqF8hkfkaxwfka1xfMTbDwzmMgEid5wZEF8xmskMiMyBhkV8we2S7xhOZ1jEty/4YgmG0xkX8Re+WFKUqnERP6Q1DoworXFgxI9v+HJJQapGRozvFqRqaERZjUMjymocG/E77ixZF6QyNmK8ICtVgyO+4t6SXI2DI0pqHB3xB+4uybjx6IgfsXFg0SHDI8YAaTceHpGvcXzEmCA5Gx8fkZWqCRA5qZoAkatxBsS4xq9YFmUGREaqpkCMl5+lag7EYo1zIBZrnASx5MaTIMYjR6maBbHgxrMgFmqcBjEG2UvVNIh5qZoHMVvjPIjZGidC/ImRJbFUTYSYk6qZEDNuPBNipsapEH9jbMndjadCTEvVXIjxCptUTYaYqnEyxFSNsyEmpGo2xHgVSNV0iOcap0M81zgfYky0StV8iCepmhDxWOOEiMcaZ0Q8uPGMiAepmhJx78ZTIu5rnBMxduMvcyLupIr5U4CWPBIxXjMORq3yUMS4xigYtcpDETM1YtAqj0WMpeoeDFrlsYjpGjFmlQcjJmvEmFUejLibjYdgyCqPRoxf8kMwZJVHI6ZqxIhVHo6YqBEjVnk4YqJGDFjl8YixVFEwYJXHI+6kag2WW+UJEE81YrlVHBDf7sESJlh5CxZbxQHx2XIhzpALcYZciDPkQpwhF+IM6Y6Y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") !important; + background-size: 0.6cm !important; + background-position: center center !important; + background-repeat: no-repeat !important; + } + + .map_overview { + margin-top: 0.5cm; + background-color: #D8D8D8 !important; + width: 5cm; + height: 4cm; + border: 1px solid black; + position: absolute; + left: 1.5cm; + } + + #map_overview { + background-color: #D8D8D8 !important; + width: 5cm; + height: 4cm; + border: 1px solid black; + } + + + .legend_txt { + text-align: left; + height: auto; + padding: 0.12cm; + line-height: 0.6cm; + font-size: 0.40cm; + width: auto; + color: #222385 !important; + background-color: #F2F2F2 !important; + } + + .infos_column { + height: 100%; + border: 0px solid black; + } + + #map_legend { + height: 15.75cm; + padding: 0.12cm; + -webkit-column-width: 125px !important; + -moz-column-width: 125px !important; + column-width: 125px !important; + width: auto !important; + background-color: #FFFFFF !important; + } + + #map_legend>div { + width: 100%; + } + + .legend-img { + max-width: 200px; + } + + .pied_de_page { + top: 28.2cm; + margin-left: 6.4cm; + width: 34.9cm; + height: 1cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + position: absolute; + } + + .pied_de_page_gauche { + top: 28.2cm; + width: 1cm; + height: 1cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + position: absolute; + } + + .document_non_opposable { + float: left; + padding-left: 0.2cm; + height: 100%; + width: 7cm; + line-height: 1cm; + /* centrage vertical */ + color: black !important; + font-style: italic; + font-size: 0.29cm; + border: 0px solid red; + } + + .a3_paysage_source { + float: left; + padding-left: 0.2cm; + font-size: 0.40cm; + color: #333 !important; + height: 100%; + width: 21.3cm; + line-height: 1cm; + /* centrage vertical */ + border: 0px solid blue; + } + + .a3_paysage_logo_echelle { + float: left; + padding-left: 0.2cm; + font-size: 0.40cm; + height: 100%; + width: 3.5cm; + line-height: 1cm; + /* centrage vertical */ + border: 0px solid blue; + } + + .a3_paysage_date { + float: right; + padding-right: 0.2cm; + font-size: 0.29cm; + height: 100%; + width: 2cm; + line-height: 1cm; + /* centrage vertical */ + text-align: right; + color: #333 !important; + border: 0px solid blue; + } +</style> + +<script> + var $scope = angular.element("#A3_print_template").scope(); + $scope["map_scale_dynamique"] = [0, 0]; + // Surveillance de la variable map_scale présente dans le scope + $scope.$watch("map_scale", function (newval) { + if (typeof (newval) == 'string') { + var sMapScale = newval.split(':'); + sMapScaleInteger = sMapScale[1].split(','); + if (sMapScaleInteger.length > 1) { + // Pour les échelles qui comprennent une virgule de type : 1:2,250 + var sMapScale1cmEnCentimetre = sMapScaleInteger[0] + sMapScaleInteger[1]; + } else { + // Pour les échelles qui comprennent pas de virgule de type : 1:2250 + var sMapScale1cmEnCentimetre = sMapScaleInteger[0]; + } + var iMapScale1cmEnMetre = sMapScale1cmEnCentimetre / 100; + var sMapScale2cmEnMetre = sMapScale1cmEnCentimetre * 2 / 100 + ' Mètres'; + $scope["map_scale_dynamique"] = [iMapScale1cmEnMetre, sMapScale2cmEnMetre]; + } + }); +</script> +<div id="A3_print_template"> + <div class="entete"> + <div class="a3_paysage_titre"> + {{title}} + </div> + <div class="a3_paysage_ss_titre"> + {{subtitle}} + </div> + <div class="a3_paysage_logo_coin_haut_droit"></div> + </div> + <div class="colonne_gauche"> + <div class="a3_paysage_comment"> + {{comment}} + </div> + <div class="a3_paysage_legend"> + <div class="legend_txt"> + Légende + </div> + <!--Pour afficher la légende, utiliser id="map_legend"--> + <div id="map_legend"> + </div> + </div> + <div class="map_overview"> + <!-- Pour afficher l'overview utiliser id="map_overview--> + <img id="map_overview"> + </div> + </div> + <div class="colonne_droite"> + <img id="map_image" src="https://openclipart.org/image/2400px/svg_to_png/100207/north-arrow-2.png"> + <div class="a3_paysage_logo_echelle_graphique_valeur_gauche">0</div> + <div class="a3_paysage_logo_echelle_graphique_valeur_centre">{{map_scale_dynamique[0]}}</div> + <div class="a3_paysage_logo_echelle_graphique_valeur_droite">{{map_scale_dynamique[1]}}</div> + <div class="a3_paysage_logo_echelle_graphique"></div> + </div> + <div class="pied_de_page_gauche"></div> + <div class="pied_de_page"> + <div class="document_non_opposable"> + DOCUMENT NON OPPOSABLE + </div> + <div class="a3_paysage_source"> + Sources : {{layer_sources.join(', ')}} + </div> + <div class="a3_paysage_logo_echelle">Echelle : {{map_scale}}</div> + <div class="a3_paysage_date"> + {{date}} + </div> + </div> + <div class="a3_paysage_logo_fleche_nord"></div> + </div> \ No newline at end of file diff --git a/modeles_impression/A3_portrait.html b/modeles_impression/A3_portrait.html new file mode 100644 index 0000000000000000000000000000000000000000..874cb25716d66c7ed6c26ca2bdbdd6ab402a4b74 --- /dev/null +++ b/modeles_impression/A3_portrait.html @@ -0,0 +1,328 @@ +<style> + @page { + size: A3 portrait; + margin: 0px; + } + + #A3_print_template { + position: absolute; + width: 29.7cm; + height: 42cm; + padding: 0.33cm; + border: 0px solid red; + } + + .entete { + padding: 0; + width: 100%; + height: 2cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + + } + + .colonne_gauche { + margin-top: 0.33cm; + margin-right: 0.33cm; + margin-bottom: 0.33cm; + width: 5cm; + height: Calc(100% - 6cm); + float: left; + } + + .colonne_droite { + margin-top: 0.33cm; + margin-bottom: 0.33cm; + width: Calc(100% - 5.33cm); + height: Calc(100% - 6cm); + float: left; + } + + .a3_portrait_titre { + font-size: 0.68cm; + font-weight: bold; + } + + .a3_portrait_ss_titre { + font-size: 0.43cm; + font-weight: bold; + } + + .a3_portrait_titre, + .a3_portrait_ss_titre { + text-align: center; + padding-top: 0.2cm; + } + + .a3_portrait_comment { + width: auto; + height: 6.5cm; + padding: 0.12cm; + font-size: 0.40cm; + margin-bottom: 0.4cm; + border: 1px solid transparent; + background-color: #FFFFFF !important; + color: #333 !important; + } + + .a3_portrait_legend { + width: auto; + height: 26.5cm; + font-size: 0.40cm; + border: 1px solid transparent; + } + + #map_image { + background-color: #D8D8D8 !important; + width: 100%; + height: 100%; + } + + .a3_portrait_logo_echelle_graphique_valeur_gauche { + height: 0.4cm; + width: 1cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 6.55cm; + top: Calc(100% - 5.2cm); + text-align: center; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a3_portrait_logo_echelle_graphique_valeur_centre { + height: 0.4cm; + width: 1cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 7.55cm; + top: Calc(100% - 5.2cm); + text-align: center; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a3_portrait_logo_echelle_graphique_valeur_droite { + height: 0.4cm; + width: 2cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 8.8cm; + top: Calc(100% - 5.2cm); + text-align: left; + padding-left: 0.2cm; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a3_portrait_logo_echelle_graphique { + height: 0.25cm; + width: 2.08cm; + position: absolute; + float: left; + left: 7cm; + top: Calc(100% - 4.7cm); + background-image: url(' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAHCAMAAACBQ8VXAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALMw9IgAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAAsRAAALEQF/ZF+RAAAAGHRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4xLjVkR1hSAAAAG0lEQVQoU2P4z/AfN8AvN+B6yaAGUC+ZgOE/AJK1PtD2keu/AAAAAElFTkSuQmCC') !important; + background-size: 100% 100% !important; + background-position: center center !important; + background-repeat: no-repeat !important; + border: 0px solid grey; + } + + .a3_portrait_logo_fleche_nord { + margin-top: 0.5cm; + width: 1cm; + height: 1.2cm; + position: absolute; + float: left; + left: Calc(100% - 1.8cm); + top: 2.68cm; + background-image: url(" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOIAAAF0CAMAAAAJhhUPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAABAQECAgIDAwMEBAQFBQUGBgYHBwcICAgJCQkKCgoLCwsMDAwNDQ0ODg4PDw8P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALE276wAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjE51NayZAAADbRJREFUeF7tnel62zoMRJ0uabrcNu//srmRMJQpiSQAEqBNfpofdSxqOx4n5nFi9fYxfS7EGXIhzpALcYZciDPkQpwhF+IMcUC8HYLF5bxh5SVYZJUOiN+wvJixEW+/MFDK4IhfMFDK4IiSGkdHFNQ4OuLtDUP5DI/4gqF8hkfkaxwfka1xfMTbDwzmMgEid5wZEF8xmskMiMyBhkV8we2S7xhOZ1jEty/4YgmG0xkX8Re+WFKUqnERP6Q1DoworXFgxI9v+HJJQapGRozvFqRqaERZjUMjymocG/E77ixZF6QyNmK8ICtVgyO+4t6SXI2DI0pqHB3xB+4uybjx6IgfsXFg0SHDI8YAaTceHpGvcXzEmCA5Gx8fkZWqCRA5qZoAkatxBsS4xq9YFmUGREaqpkCMl5+lag7EYo1zIBZrnASx5MaTIMYjR6maBbHgxrMgFmqcBjEG2UvVNIh5qZoHMVvjPIjZGidC/ImRJbFUTYSYk6qZEDNuPBNipsapEH9jbMndjadCTEvVXIjxCptUTYaYqnEyxFSNsyEmpGo2xHgVSNV0iOcap0M81zgfYky0StV8iCepmhDxWOOEiMcaZ0Q8uPGMiAepmhJx78ZTIu5rnBMxduMvcyLupIr5U4CWPBIxXjMORq3yUMS4xigYtcpDETM1YtAqj0WMpeoeDFrlsYjpGjFmlQcjJmvEmFUejLibjYdgyCqPRoxf8kMwZJVHI6ZqxIhVHo6YqBEjVnk4YqJGDFjl8YixVFEwYJXHI+6kag2WW+UJEE81YrlVHBDf7sESJlh5CxZbxQHx2XIhzpALcYZciDPkQpwhF+IM6Y6Y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") !important; + background-size: 0.6cm !important; + background-position: center center !important; + background-repeat: no-repeat !important; + } + + .map_overview { + z-index: 999; + top: 35cm; + background-color: #D8D8D8 !important; + width: 5cm; + height: 4cm; + position: absolute; + left: 1.5cm; + outline: 0.2cm solid white; + } + + #map_overview { + background-color: #D8D8D8 !important; + width: 5cm; + height: 4cm; + border: 2px solid black; + } + + + .legend_txt { + text-align: left; + height: auto; + padding: 0.12cm; + line-height: 0.6cm; + font-size: 0.40cm; + width: auto; + color: #222385 !important; + background-color: #F2F2F2 !important; + } + + .infos_column { + height: 100%; + border: 0px solid black; + } + + #map_legend { + height: Calc(100% - 1.1cm); + padding: 0.12cm; + -webkit-column-width: 125px !important; + -moz-column-width: 125px !important; + column-width: 125px !important; + width: auto !important; + background-color: #FFFFFF !important; + } + + #map_legend>div { + width: 100%; + } + + .legend-img { + max-width: 200px; + } + + .pied_de_page { + top: Calc(100% - 3.4cm - 0.33cm); + width: Calc(100% - 0.66cm); + border: 0px solid black; + background-color: #D3D3D3 !important; + position: absolute; + line-height: 0.7cm; + padding: 1cm 0; + } + + .document_non_opposable { + float: left; + padding-left: 0.2cm; + /* centrage vertical */ + color: black !important; + font-style: italic; + font-size: 0.40cm; + border: 0px solid red; + } + + .a3_portrait_source { + clear: both; + float: left; + padding-left: 0.2cm; + font-size: 0.40cm; + color: #333 !important; + width: Calc(100% - 6.5cm); + /* centrage vertical */ + border: 0px solid blue; + } + + .a3_portrait_logo_echelle { + float: left; + padding-left: 0.2cm; + font-size: 0.40cm; + width: 3.5cm; + /* centrage vertical */ + border: 0px solid blue; + } + + .a3_portrait_date { + float: right; + padding-right: 0.2cm; + font-size: 0.29cm; + width: 2cm; + /* centrage vertical */ + text-align: right; + color: #333 !important; + border: 0px solid blue; + } +</style> + +<script> + var $scope = angular.element("#A3_print_template").scope(); + $scope["map_scale_dynamique"] = [0, 0]; + // Surveillance de la variable map_scale présente dans le scope + $scope.$watch("map_scale", function (newval) { + if (typeof (newval) == 'string') { + var sMapScale = newval.split(':'); + sMapScaleInteger = sMapScale[1].split(','); + if (sMapScaleInteger.length > 1) { + // Pour les échelles qui comprennent une virgule de type : 1:2,250 + var sMapScale1cmEnCentimetre = sMapScaleInteger[0] + sMapScaleInteger[1]; + } else { + // Pour les échelles qui comprennent pas de virgule de type : 1:2250 + var sMapScale1cmEnCentimetre = sMapScaleInteger[0]; + } + var iMapScale1cmEnMetre = sMapScale1cmEnCentimetre / 100; + var sMapScale2cmEnMetre = sMapScale1cmEnCentimetre * 2 / 100 + ' Mètres'; + $scope["map_scale_dynamique"] = [iMapScale1cmEnMetre, sMapScale2cmEnMetre]; + } + }); +</script> +<div id="A3_print_template"> + <div class="entete"> + <div class="a3_portrait_titre"> + {{title}} + </div> + <div class="a3_portrait_ss_titre"> + {{subtitle}} + </div> + <div class="a3_portrait_logo_coin_haut_droit"></div> + </div> + <div class="colonne_gauche"> + <div class="a3_portrait_comment"> + {{comment}} + </div> + <div class="a3_portrait_legend"> + <div class="legend_txt"> + Légende + </div> + <!--Pour afficher la légende, utiliser id="map_legend"--> + <div id="map_legend"> + </div> + </div> + <div class="map_overview"> + <!-- Pour afficher l'overview utiliser id="map_overview--> + <img id="map_overview"> + </div> + </div> + <div class="colonne_droite"> + <img id="map_image" src="https://openclipart.org/image/2400px/svg_to_png/100207/north-arrow-2.png"> + <div class="a3_portrait_logo_echelle_graphique_valeur_gauche">0</div> + <div class="a3_portrait_logo_echelle_graphique_valeur_centre">{{map_scale_dynamique[0]}}</div> + <div class="a3_portrait_logo_echelle_graphique_valeur_droite">{{map_scale_dynamique[1]}}</div> + <div class="a3_portrait_logo_echelle_graphique"></div> + </div> + <div class="pied_de_page"> + <div class="document_non_opposable"> + DOCUMENT NON OPPOSABLE + </div> + <div class="a3_portrait_source"> + Sources : {{layer_sources.join(', ')}} + </div> + <div class="a3_portrait_logo_echelle">Echelle : {{map_scale}}</div> + <div class="a3_portrait_date"> + {{date}} + </div> + </div> + <div class="a3_portrait_logo_fleche_nord"></div> + </div> \ No newline at end of file diff --git a/modeles_impression/A4_paysage.html b/modeles_impression/A4_paysage.html new file mode 100644 index 0000000000000000000000000000000000000000..e3e3170d479fcc2db419f7b22f07392a549ce18d --- /dev/null +++ b/modeles_impression/A4_paysage.html @@ -0,0 +1,355 @@ +<style> + @page { + size: 29.7cm 20.7cm; + margin: 0px; + } + + #A4_print_template { + position: absolute; + width: 29.7cm; + height: 20.7cm; + padding: 0.33cm; + border: 0px solid red; + } + + .entete { + padding: 0; + width: 29cm; + height: 2cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + } + + .colonne_gauche { + margin-top: 0.33cm; + margin-right: 0.33cm; + margin-bottom: 0.33cm; + width: 5cm; + height: 16.5cm; + float: left; + + } + + .colonne_droite { + margin-top: 0.33cm; + margin-bottom: 0.33cm; + width: 23.7cm; + height: 17cm; + float: left; + } + + .a4_paysage_titre { + font-size: 0.58cm; + font-weight: bold; + } + + .a4_paysage_ss_titre { + font-size: 0.33cm; + font-weight: bold; + } + + .a4_paysage_titre, + .a4_paysage_ss_titre { + text-align: center; + padding-top: 0.2cm; + } + + .a4_paysage_comment { + width: auto; + height: 1.5cm; + padding: 0.12cm; + font-size: 0.29cm; + margin-bottom: 0.4cm; + border: 1px solid transparent; + background-color: #FFFFFF !important; + color: #333 !important; + } + + .a4_paysage_legend { + width: auto; + font-size: 0.29cm; + border: 1px solid transparent; + } + + #map_image { + background-color: #D8D8D8 !important; + width: 23.7cm; + height: 16.5cm; + } + + .a4_paysage_logo_echelle_graphique_valeur_gauche { + height: 0.4cm; + width: 1cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 6.55cm; + top: 18cm; + text-align: center; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a4_paysage_logo_echelle_graphique_valeur_centre { + height: 0.4cm; + width: 1cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 7.55cm; + top: 18cm; + text-align: center; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a4_paysage_logo_echelle_graphique_valeur_droite { + height: 0.4cm; + width: 2cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 8.8cm; + top: 18cm; + text-align: left; + padding-left: 0.2cm; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + } + + .a4_paysage_logo_echelle_graphique { + height: 0.25cm; + width: 2.08cm; + position: absolute; + float: left; + left: 7cm; + top: 18.5cm; + background-image: url(' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAHCAMAAACBQ8VXAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALMw9IgAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAAsRAAALEQF/ZF+RAAAAGHRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4xLjVkR1hSAAAAG0lEQVQoU2P4z/AfN8AvN+B6yaAGUC+ZgOE/AJK1PtD2keu/AAAAAElFTkSuQmCC') !important; + background-size: 100% 100% !important; + background-position: center center !important; + background-repeat: no-repeat !important; + border: 0px solid grey; + } + + .a4_paysage_logo_fleche_nord { + margin-top: 0.5cm; + width: 1cm; + height: 1.2cm; + position: absolute; + float: left; + left: 27.7cm; + top: 2.68cm; + background-image: url(" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOIAAAF0CAMAAAAJhhUPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAABAQECAgIDAwMEBAQFBQUGBgYHBwcICAgJCQkKCgoLCwsMDAwNDQ0ODg4PDw8P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALE276wAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjE51NayZAAADbRJREFUeF7tnel62zoMRJ0uabrcNu//srmRMJQpiSQAEqBNfpofdSxqOx4n5nFi9fYxfS7EGXIhzpALcYZciDPkQpwhF+IMcUC8HYLF5bxh5SVYZJUOiN+wvJixEW+/MFDK4IhfMFDK4IiSGkdHFNQ4OuLtDUP5DI/4gqF8hkfkaxwfka1xfMTbDwzmMgEid5wZEF8xmskMiMyBhkV8we2S7xhOZ1jEty/4YgmG0xkX8Re+WFKUqnERP6Q1DoworXFgxI9v+HJJQapGRozvFqRqaERZjUMjymocG/E77ixZF6QyNmK8ICtVgyO+4t6SXI2DI0pqHB3xB+4uybjx6IgfsXFg0SHDI8YAaTceHpGvcXzEmCA5Gx8fkZWqCRA5qZoAkatxBsS4xq9YFmUGREaqpkCMl5+lag7EYo1zIBZrnASx5MaTIMYjR6maBbHgxrMgFmqcBjEG2UvVNIh5qZoHMVvjPIjZGidC/ImRJbFUTYSYk6qZEDNuPBNipsapEH9jbMndjadCTEvVXIjxCptUTYaYqnEyxFSNsyEmpGo2xHgVSNV0iOcap0M81zgfYky0StV8iCepmhDxWOOEiMcaZ0Q8uPGMiAepmhJx78ZTIu5rnBMxduMvcyLupIr5U4CWPBIxXjMORq3yUMS4xigYtcpDETM1YtAqj0WMpeoeDFrlsYjpGjFmlQcjJmvEmFUejLibjYdgyCqPRoxf8kMwZJVHI6ZqxIhVHo6YqBEjVnk4YqJGDFjl8YixVFEwYJXHI+6kag2WW+UJEE81YrlVHBDf7sESJlh5CxZbxQHx2XIhzpALcYZciDPkQpwhF+IM6Y6Y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") !important; + background-size: 0.6cm !important; + background-position: center center !important; + background-repeat: no-repeat !important; + } + + .map_overview { + margin-top: 0.5cm; + background-color: #D8D8D8 !important; + width: 5cm; + height: 3.75cm; + border: 1px solid black; + position: absolute; + left: 1.5cm; + } + + #map_overview { + background-color: #D8D8D8 !important; + width: 5cm; + height: 3.75cm; + border: 1px solid black; + } + + + .legend_txt { + text-align: left; + height: auto; + padding: 0.12cm; + line-height: 0.6cm; + font-size: 0.33cm; + width: auto; + color: #222385 !important; + background-color: #F2F2F2 !important; + } + + .infos_column { + height: 100%; + border: 0px solid black; + } + + #map_legend { + height: 10.75cm; + padding: 0.12cm; + -webkit-column-width: 125px !important; + -moz-column-width: 125px !important; + column-width: 125px !important; + width: auto !important; + background-color: #FFFFFF !important; + } + + #map_legend>div { + width: 100%; + } + + .legend-img { + max-width: 200px; + } + + .pied_de_page { + top: 19.5cm; + margin-left: 6.4cm; + width: 22.6cm; + height: 1cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + position: absolute; + } + + .pied_de_page_gauche { + top: 19.5cm; + width: 1cm; + height: 1cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + position: absolute; + } + + .document_non_opposable { + display: table; + float: left; + padding-left: 0.2cm; + height: 100%; + width: 7cm; + /* centrage vertical */ + font-style: italic; + font-size: 0.29cm; + border: 0px solid red; + } + + .a4_paysage_source { + display: table; + float: left; + padding-left: 0.2cm; + font-size: 0.29cm; + color: #333 !important; + height: 100%; + width: 9cm; + /* centrage vertical */ + border: 0px solid blue; + } + + .a4_paysage_source>span, + .document_non_opposable>span, + .a4_paysage_logo_echelle>span, + .a4_paysage_date>span { + display: table-cell; + vertical-align: middle; + } + + .document_non_opposable>span { + color: black !important; + } + + .a4_paysage_logo_echelle { + display: table; + float: left; + padding-left: 0.2cm; + font-size: 0.29cm; + height: 100%; + width: 3.5cm; + /* centrage vertical */ + border: 0px solid blue; + } + + .a4_paysage_date { + display: table; + float: right; + padding-right: 0.2cm; + font-size: 0.29cm; + height: 100%; + width: 2cm; + /* centrage vertical */ + text-align: right; + color: #333 !important; + border: 0px solid blue; + } +</style> + +<script> + var $scope = angular.element("#A4_print_template").scope(); + $scope["map_scale_dynamique"] = [0, 0]; + // Surveillance de la variable map_scale présente dans le scope + $scope.$watch("map_scale", function (newval) { + if (typeof (newval) == 'string') { + var sMapScale = newval.split(':'); + sMapScaleInteger = sMapScale[1].split(','); + if (sMapScaleInteger.length > 1) { + // Pour les échelles qui comprennent une virgule de type : 1:2,250 + var sMapScale1cmEnCentimetre = sMapScaleInteger[0] + sMapScaleInteger[1]; + } else { + // Pour les échelles qui comprennent pas de virgule de type : 1:2250 + var sMapScale1cmEnCentimetre = sMapScaleInteger[0]; + } + var iMapScale1cmEnMetre = sMapScale1cmEnCentimetre / 100; + var sMapScale2cmEnMetre = sMapScale1cmEnCentimetre * 2 / 100 + ' Mètres'; + $scope["map_scale_dynamique"] = [iMapScale1cmEnMetre, sMapScale2cmEnMetre]; + } + }); +</script> +<div id="A4_print_template"> + <div class="entete"> + <div class="a4_paysage_titre"> + {{title}} + </div> + <div class="a4_paysage_ss_titre"> + {{subtitle}} + </div> + <div class="a4_paysage_logo_coin_haut_droit"></div> + </div> + <div class="colonne_gauche"> + <div class="a4_paysage_comment"> + {{comment}} + </div> + <div class="a4_paysage_legend"> + <div class="legend_txt"> + Légende + </div> + <!--Pour afficher la légende, utiliser id="map_legend"--> + <div id="map_legend"> + </div> + </div> + <div class="map_overview"> + <!-- Pour afficher l'overview utiliser id="map_overview--> + <img id="map_overview"> + </div> + </div> + <div class="colonne_droite"> + <img id="map_image" src="https://openclipart.org/image/2400px/svg_to_png/100207/north-arrow-2.png"> + <div class="a4_paysage_logo_echelle_graphique_valeur_gauche">0</div> + <div class="a4_paysage_logo_echelle_graphique_valeur_centre">{{map_scale_dynamique[0]}}</div> + <div class="a4_paysage_logo_echelle_graphique_valeur_droite">{{map_scale_dynamique[1]}}</div> + <div class="a4_paysage_logo_echelle_graphique"></div> + </div> + <div class="pied_de_page_gauche"></div> + <div class="pied_de_page"> + <div class="document_non_opposable"> + <span>DOCUMENT NON OPPOSABLE</span> + </div> + <div class="a4_paysage_source"> + <span>Sources : {{layer_sources.join(', ')}}</span> + </div> + <div class="a4_paysage_logo_echelle"><span>Echelle : {{map_scale}}</span></div> + <div class="a4_paysage_date"> + <span>{{date}}</span> + </div> + </div> + <div class="a4_paysage_logo_fleche_nord"></div> + </div> \ No newline at end of file diff --git a/modeles_impression/A4_portrait.html b/modeles_impression/A4_portrait.html new file mode 100644 index 0000000000000000000000000000000000000000..2a82fadc346f649f35acb48bac0d781f8c366ffc --- /dev/null +++ b/modeles_impression/A4_portrait.html @@ -0,0 +1,349 @@ +<style> + @page { + size: A4 portrait; + margin: 0px; + } + #A4_print_template { + position: absolute; + width: 21cm; + height: 29.7cm; + padding: 0.5cm; + } + + .entete { + margin-left: -0.2cm; + margin-top: -0.5cm; + margin-right: -0.3cm; + width: 21cm; + height: 2cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + } + + .colonne_gauche { + margin-top: 0.33cm; + margin-right: 0.33cm; + margin-bottom: 0.33cm; + width: 4.5cm; + height: 100%; + float: left; + } + + .colonne_droite { + margin-top: 0.33cm; + margin-bottom: 0.33cm; + width: Calc(100% - 5.33cm); + height: Calc(100% - 6cm); + float: left; + } + + .a4_portrait_titre { + font-size: 0.62cm; + font-weight: bold; + } + + .a4_portrait_ss_titre { + font-size: 0.38cm; + font-weight: bold; + } + + .a4_portrait_titre, + .a4_portrait_ss_titre { + text-align: center; + padding-top: 0.2cm; + } + + .a4_portrait_comment { + width: auto; + height: 4cm; + padding: 0.12cm; + font-size: 0.35cm; + margin-bottom: 0.4cm; + border: 1px solid transparent; + background-color: #FFFFFF !important; + color: #333 !important; + } + + .a4_portrait_legend { + width: auto; + height: 17cm; + font-size: 0.29cm; + border: 1px solid transparent; + font-weight: bold; + } + + #map_image { + background-color: #D8D8D8 !important; + width: 15.93cm; + height: 23.4cm; + } + + .a4_portrait_logo_echelle_graphique_valeur_gauche { + height: 0.4cm; + width: 1cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 6.05cm; + text-align: center; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + top: 24.05cm; + } + + .a4_portrait_logo_echelle_graphique_valeur_centre { + height: 0.4cm; + width: 1cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 7.05cm; + text-align: center; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + top: 24.05cm; + } + + .a4_portrait_logo_echelle_graphique_valeur_droite { + height: 0.4cm; + width: 2cm; + line-height: 0.4cm; + /* centrage vertical */ + position: absolute; + float: left; + left: 8.1cm; + text-align: left; + padding-left: 0.2cm; + color: black; + font-size: 0.21cm; + border: 0px solid grey; + top: 24.05cm; + } + + .a4_portrait_logo_echelle_graphique { + height: 0.25cm; + width: 2.08cm; + position: absolute; + float: left; + left: 6.5cm; + background-image: url(' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAHCAMAAACBQ8VXAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALMw9IgAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAAsRAAALEQF/ZF+RAAAAGHRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4xLjVkR1hSAAAAG0lEQVQoU2P4z/AfN8AvN+B6yaAGUC+ZgOE/AJK1PtD2keu/AAAAAElFTkSuQmCC') !important; + background-size: 100% 100% !important; + background-position: center center !important; + background-repeat: no-repeat !important; + border: 0px solid grey; + top: 24.5cm; + } + + .a4_portrait_logo_fleche_nord { + margin-top: 0.5cm; + width: 1.2cm; + height: 1.4cm; + position: absolute; + float: left; + left: Calc(100% - 1.8cm); + top: 2.68cm; + background-image: url(" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOIAAAF0CAMAAAAJhhUPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAABAQECAgIDAwMEBAQFBQUGBgYHBwcICAgJCQkKCgoLCwsMDAwNDQ0ODg4PDw8P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALE276wAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjE51NayZAAADbRJREFUeF7tnel62zoMRJ0uabrcNu//srmRMJQpiSQAEqBNfpofdSxqOx4n5nFi9fYxfS7EGXIhzpALcYZciDPkQpwhF+IMcUC8HYLF5bxh5SVYZJUOiN+wvJixEW+/MFDK4IhfMFDK4IiSGkdHFNQ4OuLtDUP5DI/4gqF8hkfkaxwfka1xfMTbDwzmMgEid5wZEF8xmskMiMyBhkV8we2S7xhOZ1jEty/4YgmG0xkX8Re+WFKUqnERP6Q1DoworXFgxI9v+HJJQapGRozvFqRqaERZjUMjymocG/E77ixZF6QyNmK8ICtVgyO+4t6SXI2DI0pqHB3xB+4uybjx6IgfsXFg0SHDI8YAaTceHpGvcXzEmCA5Gx8fkZWqCRA5qZoAkatxBsS4xq9YFmUGREaqpkCMl5+lag7EYo1zIBZrnASx5MaTIMYjR6maBbHgxrMgFmqcBjEG2UvVNIh5qZoHMVvjPIjZGidC/ImRJbFUTYSYk6qZEDNuPBNipsapEH9jbMndjadCTEvVXIjxCptUTYaYqnEyxFSNsyEmpGo2xHgVSNV0iOcap0M81zgfYky0StV8iCepmhDxWOOEiMcaZ0Q8uPGMiAepmhJx78ZTIu5rnBMxduMvcyLupIr5U4CWPBIxXjMORq3yUMS4xigYtcpDETM1YtAqj0WMpeoeDFrlsYjpGjFmlQcjJmvEmFUejLibjYdgyCqPRoxf8kMwZJVHI6ZqxIhVHo6YqBEjVnk4YqJGDFjl8YixVFEwYJXHI+6kag2WW+UJEE81YrlVHBDf7sESJlh5CxZbxQHx2XIhzpALcYZciDPkQpwhF+IM6Y6Y/Ayqa7ojZj4u7ZjeiN/MXYlN7wN+6qC1LHHpjLi8NZy7BoVXOiOuVt+5xr6I9P5+5xr7Iq6EpeszeaQrYnhbOH99Jo90RdzeFe5aY0/E+3v7XWvsiRi9tY8lXdLxYJmPErmnI+LujX0s65F+x0KJAO1YYz9EYvsS/iwMSzuk36GI7Ncfuu3oVN0Q6S+lXv4FxI6PLW7dQ1xv7xtitxp7IdL1NV7+3RH7Pbi49Q5R/XiPEHs5VSdE/JXU3xixl1N1QiSo1/cYsVeNfRDvJcaInSbjfRBpAr6UGCN2cqouiLCoP0fEPjV2QaQSvy2EO8Q+NfZAjEvcIyaueWefHog0AacS94hdnkMdDgKL+pVC7OFUHRBhUUR4QOxRo/8x9iUeEcv/V4pJ/BG/riihxCNihxr9D0EkP0F4QvR3KnfEoMIgPCF2eIxx6xbieANgAtG9Rm9E/C5qK/GM6O5U3oiEsU7AKSdEd6dyRowsCjkjetfojEgQUYkJxNtPrOwUX0T8FwxRiSlEZ6fyRSSL+g66NQlEZ6dyRdxZFJJC9K3RFTFW4ZAUom+Nnoi4jMauxDSiq1N5IpJFfQUbkkR0fS457vxgUUga0bNGR8S9CoekET1r9Nt3usQcouNk3A+RLOpYYg7RsUa/XdOZ3y0KySH61eiGeFThkByi42ONW/PQeZ9KzCNy/8V2dbwQTyockkV0cyovRDrt2KKQLKKbGjshnlU4JI/oVaMTIp10osQCopca+yDCohIllhCdnMoHMWVRSAHRyalcEFMqHFJC9KnRBbFQYhHx9hs7MI0HIibgyRLLiC5O5YGYtiikiOjynHLYacaikDKiR40OiMUSGUSPGu33iT8bzpTIITo4lT0iLApEpzCIDjXa75LO9GxRCIdoX6M5Yk6FQzhEh8cct2ah88yWyCOaO5U1IiwqWyKPaO5U1oh0mimLQlhE8xqNEfMqHMIjWtdojEgnWShRgGjtVLaIsKj/gJOKANHYqWwRSxaFCBCNazRFLKlwiATRtkZTREGJIkTbp5bl3mBRvwGTjgjR1KksEcsWhYgQTWs03FlZhUNkiJY1GiKKShQiWtZouC86N6ZEKaKhU9khchaFCBEtH3rctofOLG9RiBTRrkYzRGGJYkTDxx63zaHzYkuUI5o5lRUib1GIGNHMqawQ6bRKFoWIEc1qNEIUl6hAtKrRCJFOSlCiAtHKqWwQBSocokA0ciobRIlFIQpEoxpNECUqHKJBtKnRBJEm4KISVYg2TzGLvcgsClEhmjiVBaLMohAVokmNBjtRlahEtPiQqgHi4WOmTHSIFjUa7IPOZfuYKRMlooFTtSNKLQpRIlpUgNv60JnwFoVoEdtrbEbcrrgkjBaxfTLejEgn8gMAfLSI7U7Viii3KESN2FxjKyKdhsSiEDVic42NiOoSKxBbJ+ONiGRRihIrEFudqg1RY1FIBWJjjW2IChUOqUBsrLEJsaLEKsS26zc1IWpUOKQGse2p1rK1zqKQKsQmNW5BVKlwSBViU40NG1eVWInYosYNiGRRyhIrEVtqbNiWji22KKQSscGp6hGVKhxSidhSBW71oSNrS6xGrP+QajUiTcDVJb7j+jDq1DtVNSIdWDMBX4PrblSk2qlqEfUWtQYvNDWprrEWkQ6rLbGBsP5DqpWIiSsuCdJEWO1UlYhkUbsrLvGp/WEaUulUdYg1FvX+Hz0u9amssQ6xQoXbCWtrrEJMXnGJiQFhpVNVIZJFHa64VM7fQPjWgorj61KzVYVF/aPf0K3PtQbGqhprEPUqvBGur20NjOvxlanYiPmYaSIbIZSonrHGqSoQYVE4fUGOhJ9HrQ52oEnFNnQshUVhPhtVUD/NqahRj6hW4TNhCyN2oIh+EzqSvMRAuH+/t5pR71RqRJyxuMQ04TZ9UEfvVGpEOpDYogLJ+T37wK6NukYtIk5MalHh+Zj6rUQlo7pGLSIdRlpiIEyfViWjdjKuRIRFCUssE9Yyap1KiUjzEqFFBQXOP7XCnEAXZY06RJUKB30qffNUMSpr1CFqStwEEdumU8Wou36TChHfW6ISN0LmaVXDqHMqFaLCojYFZr9xwoqaYFNZNGujRIlFxQrMpYJRVaMGUV7iXoG5VDBiS1EUK8tV+CyI5egZNU6lQBSrsJbw8yzUwYaSKNalfQssKkxa5A91mAbJo6hRjihWYT1hDSM2FES+Ku2ZLzEQ6v7kSc0odyoxIs6cnYDXEeoVWe5UYkTaMWtReQXmEh4bacQ1ShGFJYbnm55QzSiuUYpIu+VKDITyZ1EcJaPUqYSIsCjmY6ZthFpGqVMJEWn+wVgUr8BcdNohrFGGKFJhiQJzUTEKa5QhSkqUKTAXFSO2YSJaDd9jxSsuSRWYi4ZR5lQiRIFFyRWYS9iRJNikHMlaKLFkURoF5qJgFNUoQeRL1CkwFwUjtihGshLtrVCiXhDLkTNKDihAZC3KmjA8qJJgg1IE69C+ChYVJiVmhAq1EhyTR2RLtCfUMGKDQvhVaE/5j5kGwhq5yEfMyDsViwiCrEX5EMoVmZ8usoi0o6xF1Sswl/DYcWFr5BCZEsPzyZ5QzMhOxjlEeonKlRgIW+QiHyEjN6FiEMsW5UsoZeRqZBCpxIxFtSswF5l2MDWWEYslWigwFxEj84OgjEgT8HSJNgrMRcSIdTMpDuN7LTkBt1JgLhLGslMVEQsWZafAXMKBSsGq6ZRGCyVaKjAXAWPxQ6olRMJIlWirwFwEjFgzmdIgbZ244pK9IJbDM5ZOpICYtajehOHBLgUrplIYo20TKhwmHd0IBWpVOJc8YvaKS/0JBYyF+UcekTY9q3Ag9JCLfFjGvFNlEUFysqjHEPKKnK8xi0gbnizKT4G5hMc2l2yNOcTMx0zD86U/IcuYdaocIr0UHT9mGgg95SIfhjE30cogpi3qsYQcY67GDCKVeLAofwXmEuYc6WRqTCPih8q+xB4KzKXImHGqNCJZ1P5jpn0UmEuREescklyM77mdRfVSYC4lxnSNScSECvdTYC7hRFLBKvukliZK7KnAXAqMyWlzCpEsKi6xrwJzKTBijV1SC2ntyKL6C2I5ecbUCSYQTyr8bIShhFSwQpzEMlo3KjFMKp6GsKBWies3nREJKCrx+QgLjIl5yRmRVr1bVCB8hFzkk2U8O9UJEUSbRT0nYV6RzzWeEGnFrcTHKTCX8Ngfc3pdOyIeVDg8H56PMMt4cqojIr3kBBUOhI+Ui3wyjMcJ2AFxr8LPTZhjPNZ4QKQSocKPV2Auae04fEh1j4jaqMRnUGAuScaDU+0RY4t6DgXmkmTEGLK7ixJXi3oWBeaSYtzXuEOMSnweBeYSTjQOhijxvehjps+kwFwSjLvpdIwIi4oJn0KBuSQYMbImvkOjnxb1fIJYzpkxPvEIcVPh0QhDOXEwsCT6msY+SwyThmEIE2oVOdUdEWD/BiRMMEbzlTsiDb0+rSCWc2K817ghguzvmIRnRb7XuCHSwOvzKjCX0E3I9ooeEGFRuBmQ8MS4OVVA3L+0PLNc5HNgDDUCMbRHGZPwyBhqBOKuxFEJj9oBNSbE3Y/ccQkPjHAqQiSLQtYlo2bHSIvWm12JA+hTKTEj1bgixiUOTrj/sbIuWP/FgiXDE+4Y12n2gkgWtWYIBeYSMS53l39w9zMjyUUhd8YF6BPxXuIkhHFpy53o/jSE0UvEp1Pd7rOeeQgjxs95zG0rcUS5yGdjfPu4hRLnIrwr8svHDV/ORrhpx7flx80y5ZmPkBhfPl/ol5+qb0PLRT6vNEldEKcNCePUiJQLcYZciDPkQpwhF+IMuRBnyIU4Qy7EGXIhzpALcfx8fPwPsedRg/5pjrMAAAAASUVORK5CYII=") !important; + background-size: 0.6cm !important; + background-position: center center !important; + background-repeat: no-repeat !important; + } + + .map_overview { + z-index: 999; + top: 22.5cm; + background-color: #D8D8D8 !important; + width: 4.5cm; + height:3.5cm; + position: absolute; + left: 1.5cm; + outline: 0.2cm solid white; + } + + #map_overview { + background-color: #D8D8D8 !important; + width: 4.5cm; + height: 3.5cm; + border: 2px solid black !important; + } + + + .legend_txt { + text-align: left; + height: auto; + padding: 0.12cm; + line-height: 0.6cm; + font-size: 0.5cm; + width: auto; + color: #222385 !important; + background-color: #F2F2F2 !important; + } + + .infos_column { + height: 100%; + border: 0px solid black; + } + + #map_legend { + height: Calc(100% - 1.1cm); + padding: 0.12cm; + -webkit-column-width: 125px !important; + -moz-column-width: 125px !important; + column-width: 125px !important; + width: auto !important; + background-color: #FFFFFF !important; + } + + #map_legend>div { + width: 100%; + } + + .legend-img { + max-width: 200px; + } + + .pied_de_page { + top: 26cm; + width: 21cm; + border: 0px solid black; + background-color: #D3D3D3 !important; + position: absolute; + padding: 0.2cm ; + margin-left: -0.2cm; + margin-right:-0.3cm; + margin-bottom: -0.5cm; + + } + + .document_non_opposable { + display: table; + float: left; + height: 0.7cm; + padding-left: 0.2cm; + /* centrage vertical */ + font-style: italic; + font-size: 0.35cm; + border: 0px solid red; + } + + .a4_portrait_source { + display: table; + clear: both; + float: left; + height: 0.7cm; + padding-left: 0.2cm; + font-size: 0.35cm; + color: #333 !important; + width: Calc(100% - 6.5cm); + /* centrage vertical */ + border: 0px solid blue; + } + + .a4_portrait_logo_echelle { + display: table; + float: left; + height: 0.7cm; + padding-left: 0.2cm; + font-size: 0.35cm; + width: 3.5cm; + /* centrage vertical */ + border: 0px solid blue; + } + + .a4_portrait_date { + display: table; + float: right; + height: 0.7cm; + padding-right: 0.2cm; + font-size: 0.35cm; + width: 2cm; + /* centrage vertical */ + text-align: right; + color: #333 !important; + border: 0px solid blue; + } + + .a4_portrait_source > span, .a4_portrait_logo_echelle > span, .a4_portrait_date > span, .document_non_opposable > span { + display: table-cell; + vertical-align: middle; + } + + .document_non_opposable > span { + color: black !important; + } +</style> + +<script> + var $scope = angular.element("#A4_print_template").scope(); + $scope["map_scale_dynamique"] = [0, 0]; + // Surveillance de la variable map_scale présente dans le scope + $scope.$watch("map_scale", function (newval) { + if (typeof (newval) == 'string') { + var sMapScale = newval.split(':'); + sMapScaleInteger = sMapScale[1].split(','); + if (sMapScaleInteger.length > 1) { + // Pour les échelles qui comprennent une virgule de type : 1:2,250 + var sMapScale1cmEnCentimetre = sMapScaleInteger[0] + sMapScaleInteger[1]; + } else { + // Pour les échelles qui comprennent pas de virgule de type : 1:2250 + var sMapScale1cmEnCentimetre = sMapScaleInteger[0]; + } + var iMapScale1cmEnMetre = sMapScale1cmEnCentimetre / 100; + var sMapScale2cmEnMetre = sMapScale1cmEnCentimetre * 2 / 100 + ' Mètres'; + $scope["map_scale_dynamique"] = [iMapScale1cmEnMetre, sMapScale2cmEnMetre]; + } + }); +</script> +<div id="A4_print_template"> + <div class="entete"> + <div class="a4_portrait_titre"> + {{title}} + </div> + <div class="a4_portrait_ss_titre"> + {{subtitle}} + </div> + <div class="a4_portrait_logo_coin_haut_droit"></div> + </div> + <div class="colonne_gauche"> + <div class="a4_portrait_comment"> + {{comment}} + </div> + <div class="a4_portrait_legend"> + <div class="legend_txt"> + Légende + </div> + <!--Pour afficher la légende, utiliser id="map_legend"--> + <div id="map_legend"> + </div> + </div> + <div class="map_overview"> + <!-- Pour afficher l'overview utiliser id="map_overview--> + <img id="map_overview"> + </div> + </div> + <div class="colonne_droite"> + <img id="map_image" src="https://openclipart.org/image/2400px/svg_to_png/100207/north-arrow-2.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> + <div class="a4_portrait_logo_echelle_graphique"></div> + </div> + <div class="pied_de_page"> + <div class="document_non_opposable"> + <span>DOCUMENT NON OPPOSABLE</span> + </div> + <div class="a4_portrait_source"> + <span>Sources : {{layer_sources.join(', ')}}</span> + </div> + <div class="a4_portrait_logo_echelle"> + <span>Echelle : {{map_scale}}</span> + </div> + <div class="a4_portrait_date"> + <span>{{date}}</span> + </div> + </div> + <div class="a4_portrait_logo_fleche_nord"></div> +</div> \ No newline at end of file