From ff2aa7843621cd01a0982fd8c33f4f941d7ce383 Mon Sep 17 00:00:00 2001
From: Jonathan Chevalier <jonathan.chevalier@live.com>
Date: Thu, 20 Jul 2023 12:31:49 +0200
Subject: [PATCH] Interface SAV

---
 src/App.vue                   |  1 +
 src/components/FormReply.vue  | 14 +++++++++++++-
 src/components/Messenger.vue  | 20 ++++++++------------
 src/components/TicketList.vue |  2 +-
 src/components/base/Modal.vue |  2 +-
 5 files changed, 24 insertions(+), 15 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 4e48662..bd3f463 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -65,6 +65,7 @@ onMounted(async () => {
     <template v-slot:modal-title>
       <h2 v-if="idTicket !== 0">Fiche n° {{ idTicket }} - {{ currentTicket.first_name }}
         {{ currentTicket.last_name }}</h2>
+      <button v-if="idTicket !==0 && currentTicket.advisor_name === ''" class="btn btn-primary float-end">S'attribuer la fiche</button>
     </template>
     <template v-slot:modal-body>
       <Messenger :key="showModal" v-if="showModal"></Messenger>
diff --git a/src/components/FormReply.vue b/src/components/FormReply.vue
index 59b2b3a..8433573 100644
--- a/src/components/FormReply.vue
+++ b/src/components/FormReply.vue
@@ -12,7 +12,7 @@ const sendBtn = ref()
 const sidePanel = ref()
 const standardMessage = ref([])
 
-const replyOption = ref({private_message: null, notification: 'Réponse envoyée', sms: false, email: true})
+const replyOption = ref({private_message: null, notification: 'Réponse envoyée', sms: false, email: true, includeReply:true, archive:false})
 const quill = ref(null)
 const attachedDoc = ref(null)
 
@@ -118,6 +118,18 @@ const setQuillContent = (val) => {
           <label class="form-check-label" for="sendEmail">Email</label>
         </div>
       </div>
+      <div class="col-auto align-self-center">
+        <div class="form-check form-switch">
+          <input class="form-check-input" type="checkbox" name="includeReply" value="yes" id="includeReply" v-model="replyOption.includeReply">
+          <label class="form-check-label" for="includeReply">Inclure la réponse</label>
+        </div>
+      </div>
+      <div class="col-auto align-self-center">
+        <div class="form-check form-switch">
+          <input class="form-check-input" type="checkbox" name="archive" value="yes" id="archive" v-model="replyOption.archive">
+          <label class="form-check-label" for="archive">Archiver</label>
+        </div>
+      </div>
 
     </div>
 
diff --git a/src/components/Messenger.vue b/src/components/Messenger.vue
index 14d4c91..494f359 100644
--- a/src/components/Messenger.vue
+++ b/src/components/Messenger.vue
@@ -16,7 +16,6 @@ const {
 } = storeToRefs(storeTicket)
 
 
-
 onMounted(async () => {
   messages.value = await TicketApi.getMessages(storeTicket.currentTicket.code, storeTicket.idTicket)
   await moveToBottom("body-modal-to-scroll")
@@ -36,7 +35,7 @@ onMounted(async () => {
             <div class="row">
               <div class="col-lg-6">
                 <div class="chat-about">
-                  <span><Icon icon="mdi:email" class="text-primary"/> {{currentTicket.email}}</span>
+                  <span><Icon icon="mdi:email" class="text-primary"/> {{ currentTicket.email }}</span>
                 </div>
               </div>
             </div>
@@ -59,17 +58,14 @@ onMounted(async () => {
                   <Icon icon="mdi:support" width="40" class="text-success ms-2" v-if="message.sender === 'pharmacy'"/>
 
                 </div>
-                <div class="message" :class="message.sender === 'pharmacy' ? 'other-message float-end' : 'my-message'">
+                <div class="message text-start"
+                     :class="message.sender === 'pharmacy' ? 'other-message float-end' : 'my-message'">
 
-                  <div v-if="message.htmlBody !== null">
-                    <strong v-if="message.object !== null ">{{ message.object }}<br/></strong>
-                    <div v-html="message.htmlBody"></div>
-                    <strong v-if="message.code_message !== null ">{{ message.code_message }}</strong>
-                  </div>
-                  <div v-else>
-                    <strong v-if="message.object !== null &&  message.body  === null">{{ message.object }}<br/></strong>
-                    {{ message.body }}
-                  </div>
+                  <strong v-if="message.object !== null ">{{ message.object }}<br/></strong>
+                  <div v-html="message.body"></div>
+                  <strong v-if="message.code_message !== null ">
+                    <hr/>
+                    {{ message.code_message }}</strong>
 
                   <div v-if="message.document.length >0">
                     <a class="btn me-2 mt-2" :class="document.color" v-for="(document, i) in message.document"
diff --git a/src/components/TicketList.vue b/src/components/TicketList.vue
index ee7fa62..c22156d 100644
--- a/src/components/TicketList.vue
+++ b/src/components/TicketList.vue
@@ -82,7 +82,7 @@ const grid = new Grid({
     }],
   data: props.rows,
   sort: true,
-  //search: true,
+  search: true,
   pagination: {
     limit: 15,
     summary: false
diff --git a/src/components/base/Modal.vue b/src/components/base/Modal.vue
index ca77923..2bd10bd 100644
--- a/src/components/base/Modal.vue
+++ b/src/components/base/Modal.vue
@@ -50,7 +50,7 @@ watch(hide, async (to, from) => {
   <div class="modal fade" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" ref="refModal">
     <div class="modal-dialog" :class="size">
       <div class="modal-content">
-        <div class="modal-header">
+        <div class="modal-header gap-5">
           <slot name="modal-title"></slot>
           <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>