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
<divng-repeat="intersection in intersections">
<divng-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>
```
...
...
@@ -69,3 +70,12 @@ Il est possible d'intégrer une image dans un rapport en utilisant la balise HTM
<imgsrc="https://www.example.com/image.png"alt="Description de l'image">
<imgsrc="data:image/png;base64,..."alt="Description de l'image">
```
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
<imgid="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.
-**value** : Valeur à comparer, qui peut inclure une variable dynamique telle que `{{BO.user_id}}`.
-**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}}`.
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"
"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"`)
5.**Image (`type: "image"`)** :
-**imageUrl** : URL de l'image à intégrer.
-**target** : Élément HTML cible pour afficher l'image.
-**target** : Élément HTML cible pour afficher l'image. Utiliser un sélecteur CSS.
### 4. Object (`type: "object"`)
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.
-**target** : Nom de la variable à utiliser dans le HTML avec les doubles accolades. Par exemple : `{{sig_info}}`.