From be19dc00db80583ab56836576a355808e599f82d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20Fastr=C3=A9?= <julien.fastre@champs-libres.coop>
Date: Mon, 3 Jun 2024 11:20:50 +0200
Subject: [PATCH] Replace person-render-box with on-the-fly in BannerComponent

This change replaces the usage of person-render-box component with the on-the-fly component in the BannerComponent.vue file of ChillTicketBundle. Also, OnTheFly component is now being imported. This update simplifies the structure and improves the readability of the code.
---
 .../TicketApp/components/BannerComponent.vue  | 20 +++----------------
 1 file changed, 3 insertions(+), 17 deletions(-)

diff --git a/src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/components/BannerComponent.vue b/src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/components/BannerComponent.vue
index 61b62eff9..745847858 100644
--- a/src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/components/BannerComponent.vue
+++ b/src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/components/BannerComponent.vue
@@ -40,23 +40,7 @@
                     <h3 class="text-primary">
                         {{ $t("banner.concerned_patient") }}
                     </h3>
-
-                    <person-render-box
-                        render="badge"
-                        v-for="person in ticket.currentPersons"
-                        :key="person.id"
-                        :person="person"
-                        :options="{
-                            addLink: true,
-                            addId: false,
-                            addAltNames: false,
-                            addEntity: true,
-                            addInfo: true,
-                            hLevel: 3,
-                            isMultiline: true,
-                            isConfidential: false,
-                        }"
-                    />
+                    <on-the-fly v-for="person in ticket.currentPersons" :key="person.id" :type="person.type" :id="person.id" :buttonText="person.textAge" :displayBadge="'true' === 'true'" action="show"></on-the-fly>
                 </div>
                 <div class="col-md-6 col-sm-12">
                     <h3 class="text-primary">{{ $t("banner.speaker") }}</h3>
@@ -80,6 +64,7 @@ import AddresseeComponent from "./AddresseeComponent.vue";
 // Types
 import { Ticket } from "../../../types";
 import {ISOToDatetime} from "../../../../../../../ChillMainBundle/Resources/public/chill/js/date";
+import OnTheFly from "ChillMainAssets/vuejs/OnTheFly/components/OnTheFly.vue";
 
 export default defineComponent({
     name: "BannerComponent",
@@ -90,6 +75,7 @@ export default defineComponent({
         },
     },
     components: {
+        OnTheFly,
         PersonRenderBox,
         AddresseeComponent,
     },