From 19af0feb5723e0684f1455e9477a717e95353302 Mon Sep 17 00:00:00 2001
From: Boris Waaub <boriswaaub@Mac-Studio-de-Boris.local>
Date: Wed, 8 May 2024 17:54:03 +0200
Subject: [PATCH] Use PersonRenderBox

---
 .../Resources/public/vuejs/TicketApp/App.vue  | 31 ++++++++++---------
 1 file changed, 17 insertions(+), 14 deletions(-)

diff --git a/src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/App.vue b/src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/App.vue
index a605fd416..6a7ee99f0 100644
--- a/src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/App.vue
+++ b/src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/App.vue
@@ -40,26 +40,29 @@
                 <div class="col-md-6 col-sm-12 ps-md-5 ps-xxl-0">
                     <h3 class="text-primary">{{ $t("banner.caller") }}</h3>
                     <h2>
-                        <span
-                            class="badge text-bg-light m-1"
+                        <person-render-box
+                            render="badge"
                             v-for="person in ticket.currentPersons"
                             :key="person.id"
-                        >
-                            {{ person.firstName }}
-                            {{ person.lastName }}
-                        </span>
+                            :person="person"
+                            :options="{
+                                addLink: true,
+                                addId: false,
+                                addAltNames: false,
+                                addEntity: true,
+                                addInfo: true,
+                                hLevel: 3,
+                                isMultiline: true,
+                                isConfidential: false,
+
+                            }"
+                        />
                     </h2>
                 </div>
                 <div class="col-md-6 col-sm-12">
                     <h3 class="text-primary">{{ $t("banner.speaker") }}</h3>
 
                     <h2>
-                        <!-- Not rendering correctly -->
-                        <!-- <user-render-box-badge
-                            v-for="user in ticket.currentAddressees.filter((addressee) => addressee.type == 'user')"
-                            :user="user"
-                            :key="user.id"
-                        /> -->
                         <span
                             class="badge text-bg-light m-1"
                             v-for="user_group in ticket.currentAddressees.filter((addressee) => addressee.type == 'user') as Array<User>"
@@ -102,7 +105,7 @@ import { Motive, Ticket } from "../../types";
 import TicketSelectorComponent from "./components/TicketSelectorComponent.vue";
 import TicketHistoryListComponent from "./components/TicketHistoryListComponent.vue";
 import ActionToolbarComponent from "./components/ActionToolbarComponent.vue";
-import UserRenderBoxBadge from "../../../../../../ChillMainBundle/Resources/public/vuejs/_components/Entity/UserRenderBoxBadge.vue";
+import PersonRenderBox from "../../../../../../ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue";
 
 export default defineComponent({
     name: "App",
@@ -110,7 +113,7 @@ export default defineComponent({
         TicketSelectorComponent,
         TicketHistoryListComponent,
         ActionToolbarComponent,
-        UserRenderBoxBadge,
+        PersonRenderBox,
     },
     setup() {
         const store = useStore();