From 8fe21cfb22e4e1b38354cf67997494dba2ccdde9 Mon Sep 17 00:00:00 2001
From: Dillon Ngo <dillonngoweijoon@gmail.com>
Date: Thu, 16 Jan 2025 13:51:31 +0800
Subject: [PATCH] Admin Workflow - Fix Tested Issues

---
 .../general/forms/AdminWorkFlowFormComponent.vue    | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/resources/assets/vue/components/general/forms/AdminWorkFlowFormComponent.vue b/resources/assets/vue/components/general/forms/AdminWorkFlowFormComponent.vue
index ebb0970a..bdb5a96f 100644
--- a/resources/assets/vue/components/general/forms/AdminWorkFlowFormComponent.vue
+++ b/resources/assets/vue/components/general/forms/AdminWorkFlowFormComponent.vue
@@ -287,7 +287,7 @@
                                         @click="addClass($event, 'question.answers')"
                                         style="margin: 15px; padding: 15px 40px; min-width: 210px;">
                                         {{ ans.display_text }}
-                                        <span v-if="ans.value ==='fill_po_edit_filled' && !answer_extra">(NOT TALLY)</span>
+                                        {{ ans.value === 'fill_po_edit_filled' && !answer_extra ? '(NOT TALLY)' : '' }}
                                     </button>
                                     <!-- <div class="col" v-for="ans in question.question_answers">
                                         <div class="col question.answers">
@@ -572,11 +572,14 @@
                 const div = event.target;
                 this.answer = div.getAttribute('answerValue');
                 this.answerId = div.getAttribute('answerId');
+                this.removeClass(cls);
                 if(this.answer === 'fill_po_edit_filled' && !this.answer_extra){
                     this.answer = div.getAttribute('answerValue') + ",not_tally"
+                    div.classList.add('btn-danger');
+                }
+                else{
+                    div.classList.add('btn-primary');
                 }
-                this.removeClass(cls);
-                div.classList.add('btn-primary');
             },
             removeClass(cls) {
                 document.getElementsByClassName(cls).forEach(el => {
@@ -584,6 +587,10 @@
                     if (btnPrimaryEl) {
                         btnPrimaryEl.classList.remove('btn-primary');
                     }
+                    const btnDangerEl = el.getElementsByClassName('btn-danger')[0];
+                    if (btnDangerEl) {
+                        btnDangerEl.classList.remove('btn-danger');
+                    }
                 });
             },
             startTimer() {