From 22b0ebbe5dd0c668b2649c47bddc4e467bf171e0 Mon Sep 17 00:00:00 2001
From: edmondlang <edmond_wuiming@hotmail.com>
Date: Wed, 19 Apr 2023 23:14:56 +0800
Subject: [PATCH] update modal to approve match and reject match

---
 .../elements/StatementTransactionComponent.vue           | 9 ++++++---
 .../accounting/sections/TransactionsMappingComponent.vue | 2 +-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/resources/assets/vue/components/accounting/elements/StatementTransactionComponent.vue b/resources/assets/vue/components/accounting/elements/StatementTransactionComponent.vue
index e6d1b6cd..90d012ba 100644
--- a/resources/assets/vue/components/accounting/elements/StatementTransactionComponent.vue
+++ b/resources/assets/vue/components/accounting/elements/StatementTransactionComponent.vue
@@ -35,9 +35,9 @@
                                         <button class="btn btn-xs btn-outline-primary b-rad-none m-r-5 requestModal" data-type="approveCorrectMappingTransaction">
                                             <i class="fa fa-check fa-fw"></i>
                                         </button>
-                                        <modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="approveCorrectMappingTransaction">
+                                        <modal-component class="animate__animated animate__fast animate__fadeIn" type="approveCorrectMappingTransaction">
                                             <general-confirmation-form-component 
-                                                contentText="Are you sure you want to choose this mapping?" 
+                                                :contentText="returnTextWithVariable(owner.reference)" 
                                                 modalType="confirm" 
                                                 class="text-center"
                                                 :apiRoute="route('api.company.delete', 1)"
@@ -64,7 +64,7 @@
                     <button class="btn btn-xs btn-outline-danger b-rad-none m-r-5 requestModal" data-type="deleteMappingTransaction">
                         <i class="fa fa-times fa-fw"></i>
                     </button>
-                    <modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="deleteMappingTransaction">
+                    <modal-component class="animate__animated animate__fast animate__fadeIn" type="deleteMappingTransaction">
                         <general-confirmation-form-component 
                             contentText="Are you sure you want to reject this mapping?" 
                             modalType="delete" 
@@ -124,6 +124,9 @@
                     case 14:
                         return 'Non-Operational Payment';
                 }
+            }, 
+            returnTextWithVariable(variable) {
+                return "Are you sure you want to choose this mapping " + variable + "?";
             }
         },
         mixins: [componentHandler]
diff --git a/resources/assets/vue/components/accounting/sections/TransactionsMappingComponent.vue b/resources/assets/vue/components/accounting/sections/TransactionsMappingComponent.vue
index 616e4f63..8944e035 100644
--- a/resources/assets/vue/components/accounting/sections/TransactionsMappingComponent.vue
+++ b/resources/assets/vue/components/accounting/sections/TransactionsMappingComponent.vue
@@ -61,7 +61,7 @@
                         <div class="col">
                             <div v-if="stage === 1">
                                 <div class="btn btn-primary btn-sm m-t-10 requestModal" data-type="approveMappingTransaction">Approve all the Mapping Below</div>
-                                <modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="approveMappingTransaction">
+                                <modal-component class="animate__animated animate__fast animate__fadeIn" type="approveMappingTransaction">
                                     <general-confirmation-form-component 
                                         contentText="Are you sure you want to approve all these Transaction?" 
                                         modalType="confirm"