From e085ff890e20f0defe569401ded6ccea8e1ec635 Mon Sep 17 00:00:00 2001
From: Dillon Ngo <dillonngoweijoon@gmail.com>
Date: Mon, 24 Nov 2025 21:16:50 +0800
Subject: [PATCH] Period Lock - prototype (2nd demo based on PM feedback)

---
 .../bookings/elements/TransactionGroupComponent.vue  | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue b/resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue
index 65c2afdc..583f0f2c 100644
--- a/resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue
@@ -114,13 +114,21 @@
                                     <button class="btn btn-xs btn-complete b-rad-none">
                                         <i class="fa fa-refresh" @click="updateDo()"></i>
                                     </button>
-                                    <button class="btn btn-xs btn-warning b-rad-none requestModal" data-type="editTransactionGroup" :disabled="isButtonLocked(item, section)">
+                                    <button
+                                        class="btn btn-xs b-rad-none requestModal"
+                                        :class="isButtonLocked(item, section) ? 'btn-info' : 'btn-warning'"
+                                        data-type="editTransactionGroup"
+                                        :disabled="isButtonLocked(item, section)">
                                         <i class="fa fa-pencil"></i>
                                     </button>
                                     <modal-component small type="editTransactionGroup" v-if="!isButtonLocked(item, section)">
                                         <edit-transaction-group-form-component :section="section" :currency_rate="item.currency_rate" :supplier_id ="data.issuer_id" :id="item.id"></edit-transaction-group-form-component>
                                     </modal-component>
-                                    <button class="btn btn-xs btn-danger b-rad-none requestModal" data-type="deleteTransactionGroup" :disabled="isButtonLocked(item, section)">
+                                    <button
+                                        class="btn btn-xs b-rad-none requestModal"
+                                        :class="isButtonLocked(item, section) ? 'btn-info' : 'btn-danger'"
+                                        data-type="deleteTransactionGroup"
+                                        :disabled="isButtonLocked(item, section)">
                                         <i class="fa fa-times"></i>
                                     </button>
                                     <modal-component small type="deleteTransactionGroup" v-if="!isButtonLocked(item, section)">