From 148de807f72cc1c22d2820bdd57ed46e9b586b7b Mon Sep 17 00:00:00 2001
From: Sibin Sabu <sibinsabu821@gmail.com>
Date: Sun, 21 Sep 2025 14:36:16 +0530
Subject: [PATCH] fix : partialy fixed gui for payout

---
 .../components/sidebar/sidebar.component.css  |  7 ++++++-
 .../components/sidebar/sidebar.component.html | 20 ++++++++++++++++---
 .../components/sidebar/sidebar.component.ts   |  3 +--
 3 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/btc-UI/src/app/components/sidebar/sidebar.component.css b/btc-UI/src/app/components/sidebar/sidebar.component.css
index 28220da..f807cf2 100755
--- a/btc-UI/src/app/components/sidebar/sidebar.component.css
+++ b/btc-UI/src/app/components/sidebar/sidebar.component.css
@@ -533,4 +533,9 @@ strong{
 .modal-loading{
   color: red;
   font-weight: bold;
-}
\ No newline at end of file
+}
+
+.print-btn[disabled] {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
diff --git a/btc-UI/src/app/components/sidebar/sidebar.component.html b/btc-UI/src/app/components/sidebar/sidebar.component.html
index c3a152f..9eaf55b 100755
--- a/btc-UI/src/app/components/sidebar/sidebar.component.html
+++ b/btc-UI/src/app/components/sidebar/sidebar.component.html
@@ -69,15 +69,29 @@
         [(ngModel)]="payoutTicketNo"
       />
     </div>
-    
+
     <div class="warning-message" *ngIf="payoutWarning">{{ payoutWarning }}</div>
     <div class="modal-loading" *ngIf="loadingMessage">{{ loadingMessage }}</div>
 
-    <div class="modal-footer">
+    <!-- <div class="modal-footer">
       <button class="cancel-btn" (click)="closePayoutPopup()">CANCEL</button>
       <button class="erase-btn" (click)="erasePayoutTicket()">ERASE</button>
       <button class="print-btn" (click)="printPayoutTicket()">PRINT</button>
-    </div>
+    </div> -->
+    <!-- inside PAY-OUT modal-footer -->
+<div class="modal-footer">
+  <button class="cancel-btn" (click)="closePayoutPopup()">CANCEL</button>
+  <button class="erase-btn" (click)="erasePayoutTicket()" [disabled]="!!loadingMessage">ERASE</button>
+  <!-- safe: coerce to '' before trim -->
+<button
+  class="print-btn"
+  (click)="printPayoutTicket()"
+  [disabled]="!!loadingMessage || !( (payoutTicketNo || '') .trim() )"
+>
+  PRINT
+</button>
+</div>
+
   </div>
 </div>
 
diff --git a/btc-UI/src/app/components/sidebar/sidebar.component.ts b/btc-UI/src/app/components/sidebar/sidebar.component.ts
index 2778b8e..9caba0a 100755
--- a/btc-UI/src/app/components/sidebar/sidebar.component.ts
+++ b/btc-UI/src/app/components/sidebar/sidebar.component.ts
@@ -293,14 +293,13 @@ payoutWarning = ''; // show GUI message when payout response is not as expected
 async printPayoutTicket() {
   console.log("🖨️ Print payout clicked");
   this.payoutWarning = '';
-  this.loadingMessage = 'Printing cancel ticket — please wait...';
   const ticketNo = this.payoutTicketNo?.toString().trim();
   if (!ticketNo) {
     console.warn("⚠️ No payout ticket number set.");
     this.payoutWarning = '❌ No payout ticket number set.';
     return;
   }
-
+  this.loadingMessage = 'Printing payout — please wait...';
   const userName = localStorage.getItem('userName') || 'Unknown';
   this.btid = localStorage.getItem('btid'); 
   this.usrid = localStorage.getItem('userid');