Interface SAV

src/components/Messenger.vue

@@ -1,15 +1,17 @@
 <script setup>
 import TicketApi from "@/services/TicketApi.js";
 import {onMounted, ref} from 'vue';
+import {codeTicket} from "@/setup/global";
 
 const props = defineProps({
-  idTicket: [Number,String]
+  idTicket: [Number,String],
+  codeTicket : [Number,String],
 })
 
 const messages = ref([])
 
 onMounted(async () => {
-  messages.value = await TicketApi.getMessages()
+  messages.value = await TicketApi.getMessages(props.codeTicket, props.idTicket)
 })
 
 
@@ -49,11 +51,18 @@ onMounted(async () => {
                  <ul class="m-b-0">
 
                    <li class="clearfix" v-for="(message, i) in messages" :key="i">
-                     <div class="message-data" :class="message.sender === 'client' ? 'text-end' : ''">
+                     <div class="message-data" :class="message.sender === 'pharma' ? 'text-end' : ''">
                        <span class="message-data-time">{{message.date}}</span>
                        <i class="fa-solid fa-circle-user ms-2 fa-2x text-primary" v-if="message.sender === 'client'"></i>
                      </div>
-                     <div class="message" :class="message.sender === 'client' ? 'other-message float-end' : 'my-message'"> {{message.object}} </div>
+                     <div class="message" :class="message.sender === 'pharma' ? 'other-message float-end' : 'my-message'">
+
+                       <strong v-if="message.object !== null">{{message.object}}<br/></strong>
+
+                       <div v-if="message.htmlBody !== null" v-html="message.htmlBody"></div>
+                       <div v-else>{{message.body}}</div>
+
+                     </div>
                    </li>
                  </ul>
                </div>
@@ -78,4 +87,4 @@ onMounted(async () => {
 
 <style scoped>
 
-</style>
+</style>