Select Git revision
A1_portrait.html 14.79 KiB
<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>