tbianchini/shopit-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: integrate quantity selector component into cart and product detail pages for enhanced functionality

Browse Source
This commit is contained in:
ncoronel
2026-07-02 09:01:30 -03:00
parent 394a1dde0d
commit 202205c038
8 changed files with 66 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/shared/components/cart-item/cart-item.component.html
View File

@@ -33,11 +33,15 @@
}
</div>
<div class="d-flex justify-content-end align-items-center mt-auto cart-item-actions" aria-hidden="true">
<button class="border d-inline-flex align-items-center justify-content-center bg-white rounded-0 cart-item-qty-btn" type="button">-</button>
<span class="border d-inline-flex align-items-center justify-content-center bg-white rounded-0 cart-item-qty-value" >{{ quantity() }}</span>
<button class="border d-inline-flex align-items-center justify-content-center bg-white rounded-0 cart-item-qty-btn" type="button">+</button>
<button class="border-0 bg-transparent d-inline-flex align-items-center justify-content-center cart-item-remove-btn" type="button">
<div class="d-flex justify-content-end align-items-center mt-auto cart-item-actions">
<app-quantity-selector
size="small"
[quantity]="quantity()"
(quantityChange)="onQuantityChange($event)"
(increase)="onIncrease()"
(decrease)="onDecrease()"
/>
<button class="border-0 bg-transparent d-inline-flex align-items-center justify-content-center cart-item-remove-btn" type="button" (click)="onRemove()">
<i class="fa-solid fa-trash"></i>
</button>
</div>