From 2715885bfa7a749acc243c8033186e73ae151a39 Mon Sep 17 00:00:00 2001
From: Marcelo Puebla <mpuebla@focasoftware.com>
Date: Tue, 11 Feb 2020 15:42:15 -0300
Subject: [PATCH] Fix Validacion en seleccion de sinonimos

---
 src/app/shared/sinonimo/sinonimo.component.html |  5 +++--
 src/app/shared/sinonimo/sinonimo.component.ts   | 11 +++++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/app/shared/sinonimo/sinonimo.component.html b/src/app/shared/sinonimo/sinonimo.component.html
index 4a72003..0981e18 100644
--- a/src/app/shared/sinonimo/sinonimo.component.html
+++ b/src/app/shared/sinonimo/sinonimo.component.html
@@ -69,9 +69,10 @@
       VOLVER
     </div>
     <div
+      [ngClass]="validateNext()"
       *ngIf="currentIndex != sinonimos.length-1"
-      class="d-inline-block py-1 bg-white badge-pill text-primary btn-effect ml-auto fade-in-left"
-      (click)="currentIndex = currentIndex+1">
+      class="d-inline-block py-1 bg-white badge-pill text-primary ml-auto fade-in-left"
+      (click)="goNext()">
       SIGUIENTE
       <img
         draggable="false"
diff --git a/src/app/shared/sinonimo/sinonimo.component.ts b/src/app/shared/sinonimo/sinonimo.component.ts
index 9639046..f8f9c63 100644
--- a/src/app/shared/sinonimo/sinonimo.component.ts
+++ b/src/app/shared/sinonimo/sinonimo.component.ts
@@ -45,6 +45,17 @@ export class SinonimoComponent implements OnInit {
     return !this.isValid ? 'disabled' : 'btn-effect';
   }
 
+  validateNext() {
+    const sinonimo = this.sinonimos[this.currentIndex]
+    sinonimo.selected = (sinonimo.cantidadRestante > 0) ? false : true;
+    return !sinonimo.selected ? 'disabled' : 'btn-effect';
+  }
+
+  goNext() {
+    if (!this.sinonimos[this.currentIndex].selected) return;
+    this.currentIndex++;
+  }
+
   continue() {
     if (!this.isValid) return;
     if (this.isSinonimoSelected) return;
-- 
1.9.1