diff --git a/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.html b/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.html index 46ab67b..56915eb 100644 --- a/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.html +++ b/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.html @@ -17,31 +17,7 @@
-
- Seleccioná Entrada/s: - @if (validationStatus(); as status) { - - @switch (status) { - @case ('validating') { - - Validando - } - @case ('validated') { - - Validado - } - @case ('error') { - - Error - } - } - - } -
+ Seleccioná Entrada/s:
@for (row of rows(); track row.id) { diff --git a/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.scss b/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.scss index caa11c6..15c81b0 100644 --- a/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.scss +++ b/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.scss @@ -44,49 +44,14 @@ padding-top: 1rem; } - &__label-row { - display: flex; - align-items: center; - gap: 0.65rem; - min-height: 1.5rem; - margin-bottom: 0.5rem; - } - &__label { + display: inline-block; + margin-bottom: 0.5rem; color: #555; font-size: 15px; font-weight: 700; } - &__validation { - display: inline-flex; - align-items: center; - gap: 0.3rem; - font-size: 13px; - font-weight: 600; - - &--validating { - color: #777; - } - - &--validated { - color: var(--success-color, #198754); - } - - &--error { - color: var(--danger-color, #dc3545); - } - } - - &__validation-spinner { - width: 0.8rem; - height: 0.8rem; - border: 2px solid currentcolor; - border-right-color: transparent; - border-radius: 50%; - animation: ticket-selector-spin 0.7s linear infinite; - } - &__rows { display: grid; gap: 0.5rem; @@ -150,18 +115,6 @@ } } -@keyframes ticket-selector-spin { - to { - transform: rotate(360deg); - } -} - -@media (prefers-reduced-motion: reduce) { - .ticket-selector__validation-spinner { - animation-duration: 1.4s; - } -} - @media (max-width: 767.98px) { .ticket-selector { &__header { diff --git a/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.spec.ts b/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.spec.ts index 0a1116c..df2f903 100644 --- a/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.spec.ts +++ b/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.spec.ts @@ -160,9 +160,6 @@ describe('ProductTicketSelectorComponent', () => { }); fixture.detectChanges(); - const validation = fixture.nativeElement.querySelector('.ticket-selector__validation'); - expect(validation.textContent).toContain('Validado'); - expect(validation.querySelector('.fa-check')).not.toBeNull(); expect(fixture.nativeElement.querySelector('.ticket-selector__row-status')).toBeNull(); expect(fixture.nativeElement.querySelector('.ticket-selector__row-error')).toBeNull(); @@ -283,9 +280,6 @@ describe('ProductTicketSelectorComponent', () => { 'Sector A', '1', ]); - expect( - fixture.nativeElement.querySelector('.ticket-selector__validation').textContent, - ).toContain('Validado'); }); it('keeps the reserved selection and shows a toast when a variant change cannot be completed', async () => { diff --git a/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.ts b/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.ts index 8040799..219e9d1 100644 --- a/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.ts +++ b/src/app/shared/components/product-ticket-selector/product-ticket-selector.component.ts @@ -36,8 +36,6 @@ type TicketSelectionStatus = | 'removing' | 'error'; -type TicketValidationStatus = 'validating' | 'validated' | 'error'; - interface TicketSelectionRow { id: number; variantId: number | null; @@ -92,15 +90,6 @@ export class ProductTicketSelectorComponent { row.variantId === row.reservedVariantId, ), ); - protected readonly validationStatus = computed(() => { - const rows = this.rows(); - - if (rows.some((row) => this.isBusy(row))) return 'validating'; - if (rows.some((row) => row.status === 'error' || row.error !== null)) return 'error'; - if (rows.length > 0 && rows.every((row) => row.status === 'reserved')) return 'validated'; - - return null; - }); protected readonly canAddRow = computed( () => this.availableVariantCount() > 0 &&