diff --git a/doc/source/administrator/rapports/definition_html.md b/doc/source/administrator/rapports/definition_html.md
index 658e0c0d08d0076f5e83cb3f5e329a7bce541530..9850746e8e4bb60afa5a2f2eb018643d0b877c29 100644
--- a/doc/source/administrator/rapports/definition_html.md
+++ b/doc/source/administrator/rapports/definition_html.md
@@ -1,6 +1,7 @@
# Définition du modèle HTML
-Un rapport est défini selon un modèle HTML qui est renseigné dans l'interface de création ou de modification.
+Un rapport est défini selon un modèle HTML qui est renseigné dans l'interface de création ou de modification.
+*Note : Le modèle HTML utilise la syntaxe de AngularJS, par exemple `ng-if` et `ng-repeat`, pour les expressions et les boucles.*
## Intégrer une valeur dynamique dans le rapport
@@ -41,13 +42,13 @@ Voici comment procéder :
### Exemple :
-Supposons que vous ayez une liste d'objets représentant des intersections de routes, et vous souhaitez afficher les détails de chaque intersection dans votre rapport. Voici comment vous pourriez le faire en utilisant AngularJS `ng-repeat` :
+Supposons que vous ayez une liste d'objets représentant des intersections de routes, et vous souhaitez afficher les détails de chaque intersection dans votre rapport. Voici comment vous pourriez le faire en utilisant `ng-repeat` :
```html
-<div ng-repeat="intersection in intersections">
+<div ng-repeat="parcelle in parcel_details">
<!-- Afficher les détails de chaque intersection -->
- <p>Nom de l'intersection : {{intersection.nom}}</p>
- <p>Nombre de routes : {{intersection.nombre_routes}}</p>
+ <p>Nom de l'intersection : {{parcelle.prop}}</p>
+ <p>Nombre de routes : {{parcelle.id_par}}</p>
<!-- Ajoutez d'autres détails selon vos besoins -->
</div>
```
@@ -68,4 +69,13 @@ Il est possible d'intégrer une image dans un rapport en utilisant la balise HTM
```html
<img src="https://www.example.com/image.png" alt="Description de l'image">
<img src="data:image/png;base64,..." alt="Description de l'image">
-```
\ No newline at end of file
+```
+
+Il est aussi possible de mettre un id="..." à la balise et de la lier à un objet JSON pour afficher l'image dynamiquement.
+
+*Exemple avec id et lien à un objet JSON :*
+```html
+<img id="sig_logo" src="" alt="Image dynamique">
+```
+
+**Note :** Si à la fois l'attribut id de la balise HTML et l'attribut src sont tous deux remplis, l'objet JSON prendra le dessus pour déterminer l'URL finale de l'image affichée.
\ No newline at end of file
diff --git a/doc/source/administrator/rapports/objet_json.md b/doc/source/administrator/rapports/objet_json.md
index f86709b657db61e507975c05e484b5b2efcd726d..16f5e5ee61905d5a5f4e46379d559769fd95bb03 100644
--- a/doc/source/administrator/rapports/objet_json.md
+++ b/doc/source/administrator/rapports/objet_json.md
@@ -20,7 +20,7 @@ Pour générer des rapports dynamiques, l'application utilise des objets JSON d
"table": "v_vmap_parcelle",
"filter": "{\"column\":\"id_par\", \"compare_operator\":\"=\", \"value\": \"{{BO.id_par}}\"}"
},
- "target": "#parcel_details"
+ "target": "parcel_details"
},
{
"type": "webservice",
@@ -28,7 +28,7 @@ Pour générer des rapports dynamiques, l'application utilise des objets JSON d
"params": {
"ID_PAR": "{{BO.id_par}}"
},
- "target": "#urbanism_report"
+ "target": "urbanism_report"
},
{
"type": "image",
@@ -40,62 +40,55 @@ Pour générer des rapports dynamiques, l'application utilise des objets JSON d
"content": {
"company": "Ma_compagnie"
},
- "target": "#sig_info"
+ "target": "sig_info"
}
]
```
## Explication des champs
-1. **Type de ressource (`type`)** :
+### 1. Map (`type: "map"`)
-- Détermine le type de ressource représentée par l'objet JSON.
-- Valeurs possibles : "map", "webservice", "image", "object".
+- **target** : Élément HTML cible pour afficher la carte. Utiliser un sélecteur CSS.
+- **map_id** : Identifiant de la carte.
+- **resolution_coeff** : Coefficient de résolution de la carte.
+- **scale_target** : Élément HTML cible pour afficher l'échelle de la carte.
-2. **Cible (`target`)** :
+### 2. Webservice (`type: "webservice"`)
-- Identifie l'élément HTML où les données seront appliquées ou affichées.
-- **Important** : L'élément HTML cible doit avoir un identifiant (id) correspondant à la valeur de target.
-- **Exemple** : Si votre JSON contient "target": "#map_container", votre HTML doit inclure un élément avec id="map_container" :
-```html
-<div id="map_container">
- <!-- Contenu de la carte -->
-</div>
-```
+Il y a deux possibilités pour ce type de ressource :
-3. **Map (`type: "map"`)** :
+1. **Utilisation d'une table locale de la base de données de l'application** :
+ - **params** :
+ - **schema** : Schéma de la base de données.
+ - **table** : Table de la base de données.
+ - **filter** : Filtre pour la requête SQL. Le filtre doit être sous forme de chaîne de caractères avec les guillemets échappés, comme suit :
+ ```json
+ "{\"column\":\"id_par\", \"compare_operator\":\"=\", \"value\": \"{{BO.id_par}}\"}"
+ ```
+ - **column** : Nom de la colonne à filtrer.
+ - **compare_operator** : Opérateur de comparaison. Les opérateurs disponibles sont :
+ - `=`, `!=`, `<>`, `>=`, `<=`, `>`, `<`, `IN`, `NOT IN`, `IS NULL`, `IS NOT NULL`, `LIKE`, `INTERSECT`.
+ - **value** : Valeur à comparer, qui peut inclure une variable dynamique telle que `{{BO.id_par}}`.
+ - **target** : Nom de la variable à utiliser dans le HTML avec les doubles accolades. Par exemple : `{{parcel_details}}`.
-- **map_id** : Identifiant de la carte.
-- **resolution_coeff** : Coefficient de résolution de la carte.
-- **scale_target** : Élément cible pour l'échelle de la carte.
+2. **Utilisation d'une route externe** :
+ - **ressource** : Chemin de la ressource du webservice.
+ - **params** : Les paramètres nécessaires pour la route. Ces paramètres dépendent des besoins spécifiques de la route externe et peuvent inclure des variables dynamiques. Exemple :
+ ```json
+ {
+ "ID_PAR": "{{BO.id_par}}"
+ }
+ ```
+ - **target** : Nom de la variable à utiliser dans le HTML avec les doubles accolades. Par exemple : `{{urbanism_report}}`.
+
+### 3. Image (`type: "image"`)
+
+- **imageUrl** : URL de l'image à intégrer.
+- **target** : Élément HTML cible pour afficher l'image. Utiliser un sélecteur CSS.
-4. **Webservice (`type: "webservice"`)** :
- - Il y a deux possibilités pour ce type de ressource :
- 1. **Utilisation d'une table locale de la base de données de l'application** :
- - **params** :
- - **schema** : Schéma de la base de données.
- - **table** : Table de la base de données.
- - **filter** : Filtre pour la requête SQL. Le filtre doit être sous forme de chaîne de caractères avec les guillemets échappés, comme suit :
- ```json
- "{\"column\":\"user_id\", \"compare_operator\":\"=\", \"value\": \"{{BO.user_id}}\"}"
- ```
- - **column** : Nom de la colonne à filtrer.
- - **compare_operator** : Opérateur de comparaison. Les opérateurs disponibles sont :
- - `=`, `!=`, `<>`, `>=`, `<=`, `>`, `<`, `IN`, `NOT IN`, `IS NULL`, `IS NOT NULL`, `LIKE`, `INTERSECT`.
- - **value** : Valeur à comparer, qui peut inclure une variable dynamique telle que `{{BO.user_id}}`.
- 2. **Utilisation d'une route externe** :
- - **ressource** : Chemin de la ressource du webservice.
- - **params** : Les paramètres nécessaires pour la route. Ces paramètres dépendent des besoins spécifiques de la route externe et peuvent inclure des variables dynamiques. Exemple :
- ```json
- {
- "category": "electronics"
- }
- ```
+### 4. Object (`type: "object"`)
-5. **Image (`type: "image"`)** :
- - **imageUrl** : URL de l'image à intégrer.
- - **target** : Élément HTML cible pour afficher l'image.
+- **content** : Contenu de l'objet, peut inclure diverses propriétés.
+- **target** : Nom de la variable à utiliser dans le HTML avec les doubles accolades. Par exemple : `{{sig_info}}`.
-6. **Objet (`type: "object"`)** :
- - **content** : Contenu de l'objet, peut inclure diverses propriétés.
- - **target** : Élément cible pour appliquer les propriétés de l'objet.