From 8bf733183703dd4b462b5faeeb36eae463f11102 Mon Sep 17 00:00:00 2001
From: Luis Eduardo Estevao <luis@jurunense.com.br>
Date: Fri, 20 Feb 2026 10:04:44 -0300
Subject: [PATCH] feat: implement new shopping cart sales component with
 responsive Kendo UI grid for item display and management.

---
 src/app/sales/cart-sales/cart-sales.component.html | 11 ++++++++++-
 src/app/sales/cart-sales/cart-sales.component.ts   |  4 ++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/app/sales/cart-sales/cart-sales.component.html b/src/app/sales/cart-sales/cart-sales.component.html
index d29e1d2..85ed134 100644
--- a/src/app/sales/cart-sales/cart-sales.component.html
+++ b/src/app/sales/cart-sales/cart-sales.component.html
@@ -849,10 +849,19 @@
                   <div class="col-12 col-sm-6 p-0 mt-3 mt-sm-0">
                     <div class="row w-100 m-0 p-0 d-flex justify-content-between">
                       <div class="col-6 p-1">
-                        <button kendoButton class="btn-pre-order w-100" [disabled]="isLoadingPreOrder"
+                        <!-- <button kendoButton class="btn-pre-order w-100" [disabled]="isLoadingPreOrder"
                           [icon]="loadingIconPreOrder" (click)="showConfirmation()">
                           <span *ngIf="!isLoadingPreOrder" class="text-btn-order">Fechar orçamento</span>
+                        </button> -->
+
+                        <button *ngIf="!isLoadingPreOrder" kendoButton class="btn-order w-100"
+                          (click)="showConfirmation()" [disabled]="isLoadingPreOrder" [icon]="loadingIconOrder">
+                          <span class="text-btn-order">Fechar orçamento</span>
                         </button>
+                        <kendo-loader *ngIf="isLoadingPreOrder" size="small"></kendo-loader>
+
+
+
                       </div>
                       <div class="col-6 p-1">
                         <button *ngIf="!isLoadingOrder" kendoButton class="btn-order w-100"
diff --git a/src/app/sales/cart-sales/cart-sales.component.ts b/src/app/sales/cart-sales/cart-sales.component.ts
index ab7042d..178a38a 100644
--- a/src/app/sales/cart-sales/cart-sales.component.ts
+++ b/src/app/sales/cart-sales/cart-sales.component.ts
@@ -65,6 +65,7 @@ import { OrderDiscount } from '../store/models/order-discount.model';
 import { SaleState } from '../store/models/sale-state.model';
 import { ShoppingItem } from '../store/models/shopping-item';
 import { Shopping } from '../store/models/shopping.model';
+import { THIS_EXPR } from '@angular/compiler/src/output/output_ast';
 
 export interface JsonModel {
   shippingDate: string;
@@ -700,6 +701,7 @@ export class CartSalesComponent
   }
 
   async showConfirmation() {
+    this.isLoadingPreOrder = true;
     const dialog: DialogRef = this.dialogService.open({
       title: 'Por favor, confirme',
       content: 'Deseja gravar como orçamento ?',
@@ -715,6 +717,7 @@ export class CartSalesComponent
     dialog.result.subscribe((result) => {
       if (result instanceof DialogCloseResult) {
         console.log('close');
+        this.isLoadingPreOrder = false;
       } else {
         const resultConfirmation = JSON.stringify(result);
         console.log('action1', resultConfirmation);
@@ -722,6 +725,7 @@ export class CartSalesComponent
           console.log('criando orçamento');
           this.createPreOrder();
         }
+        this.isLoadingPreOrder = false;
       }
     });
   }