# Mode impressions Le mode impressions fait partie des modes d'administration de vMap, il se compose de trois objets permettant de créer et modifier des modèles, des styles et des paramètres d'impressions. ![mode impressions](../images/impressions_1.jpg) Une fois ces trois modes rensignés, les utilisateurs pourront utiliser depuis le mode vMap l'outil d'impression afin de générer des fichiers PDF avec des cartes, des paramètres et autres types d'entités. ![mode impressions](../images/impressions_2.jpg) ## Objet Modèles La première des choses à faire est de créer un modèle d'impression, pour cela il faudra cliquer sur **Ajouter un modèle** et remplir le formulaire en associant un nom, un format d'impression, une orientation, les groupes d'utilisateurs qui pourront utiliser ce modèle ainsi qu'une définition HTML. ### Structure de la définition Une définition est écrite en langage HTML et sera composée d'un style CSS ainsi que d'un corps, nous utiliserons par défaut la définition ci-dessous. Il s'agit d'un modèle format A4 portrait, pour cela la première qui prend pour id #A4_print_template voit son style définir une hauteur de 21cm c'est à dire la hauteur d'une feuille A4. Les identifiants map_legend, map_image et map_overview sont des mots clés permettant d'afficher les différents éléments cartographiques. D'autres éléments comme les classes logo, head_element etc.. affichent des éléments de décoration, vous remarquerez qu'on utilise des logos au format base64 pour des soucis de performance et que par défaut les éléments sont en position absolue ce qui permet de les placer facilement dans la page. Pour que les couleurs s'affichent correctement il faudra utiliser la syntaxe "!important". ```HTML

{{title}}

{{headline}}
``` ### Identifiants clés Comme je l'ai stipulé précédemment il y a plusieurs identifiants clés permettant d'afficher des différents éléments cartgraphiques. - **map_image** : si vous donnez cet identifiants à une balise **** alors la carte résultante de l'impression viendra s'y placer. - **map_overview** : si vous donnez cet identifiants à une balise **** alors la carte de supervision y sera inscrite. - **map_legend** : si vous donnez cet identifiants à une balise **** alors le contenu de la légende sera copié dedans. ### Cartes en comparaison Lors de l'utilisation du mode comparaison seule la carte principale (située à gauche) est imprimée par défaut, pour imprimer la carte de droite il faudra utiliser les balises **map_image_compare** et **map_legend_compare**. Une fois ceci fait on retrouvera la carte secondaire sur toutes les impressions qu'on soit ou pas en mode comparaison. Pour rendre ceci variable et afficher la carte secondaire uniquement si le mode comparaison est actif la variable scope **compare_mode** utilisée avec **ng-if** permettra de conditionner l'affichage. ```HTML
{{title}}
{{headline}}
``` ![styles impression](../images/impressions_7.jpg) ### Variables disponibles Tous les paramètres qui vous affecterez depuis le mode Paramètres seront interprétés comme des variables et pourront être incluses dans le résultat en les mettant entre crochets dans le définition. Au même titre que les paramètres définis, certains paramètres dynamiques sont automatiquement affectés : - **map_scale** : échelle de la carte imprimée - **date** : date du jour - **layer_sources** : sources des couches - **user_name** : nom de l'utilisateur - **user_login** : login de l'utilisateur - **user_company** : société de l'utilisateur - **user_department** : service de l'utilisateur - **user_email** : adresse mail de l'utilisateur - **user_user_id** : identifiant de l'utilisateur Il est également possible de créer des variable à partir de code javascript. Exemple : ajout de la date du jour de génération de l'impression ``` ``` Insertion du code html permettant de faire remonter la variable ```

Le 

``` ## Objet Styles En renseignant des styles d'impressions, alors l'utilisateur pourra choisir le style qu'il souhaite utiliser lors de la phase de préparation. ![styles impression](../images/impressions_3.jpg) Pour être utilisable chaque style devra être lié à un ou plusieurs utilisateurs, comme pour les modèles il faudra dans la partie définition écrire ne HTML un style CSS. Ce style va venir surcharger celui du modèle et comme pour ce dernier, pour que les couleurs s'affichent correctement il faudra utiliser la syntaxe "!important". ![configuration styles impression](../images/impressions_4.jpg) ## Objet Paramètres Ce dernier onglet va permettre à l'administrateur de définir les paramètres à saisir lors de la phase de préparation à l'impression, chaque paramêtre est lié à un modèle d'impression et est facultatif pour l'utilisateur. Si un paramètre est non modifiable alors il sera caché dans le formulaire mais le résultat sera inclus dans l'impression. ![configuration styles impression](../images/impressions_5.jpg)