feat(CIT-185): guardar motivo suspension de agenda

andes · Aug 9, 2022 · b4914b7 · b4914b7
1 parent a7c89e7
commit b4914b7
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 14 deletions.
diff --git a/src/app/components/turnos/gestor-agendas/gestor-agendas.component.ts b/src/app/components/turnos/gestor-agendas/gestor-agendas.component.ts
@@ -464,6 +464,7 @@ export class GestorAgendasComponent implements OnInit, OnDestroy {
                     this.showGestorAgendas = true;
                     this.showEditarAgendaPanel = true;
                     this.showTurnos = false;
+                    this.showSuspenderAgenda = false;
                 }
                 this.showAgregarNotaAgenda = false;
                 this.showRevisionFueraAgenda = false;

diff --git a/src/app/components/turnos/gestor-agendas/operaciones-agenda/suspender-agenda.component.ts b/src/app/components/turnos/gestor-agendas/operaciones-agenda/suspender-agenda.component.ts
@@ -80,7 +80,8 @@ export class SuspenderAgendaComponent implements OnInit {
 
         const patch = {
             'op': 'suspendida',
-            'estado': 'suspendida'
+            'estado': 'suspendida',
+            'motivo': this.motivoSuspensionSelect.select.nombre
         };
 
         this.serviceAgenda.patch(this.agenda.id, patch).subscribe((resultado: any) => {

diff --git a/src/app/components/turnos/gestor-agendas/operaciones-agenda/suspender-agenda.html b/src/app/components/turnos/gestor-agendas/operaciones-agenda/suspender-agenda.html
@@ -194,18 +194,21 @@
 
 
 <ng-container *ngIf="showConfirmar">
-    <plex-title titulo="Suspender Agenda" size="md"></plex-title>
-    <plex-select [(ngModel)]="motivoSuspensionSelect.select" name="motivoSuspension" [data]="motivoSuspension"
-                 label="Motivos de Suspensión" placeholder="Seleccione un motivo de suspensión">
-    </plex-select>
-    <ng-container class="bg-warning p-3 text-white" *ngIf="!motivoSuspensionSelect.select?.nombre">
-        Seleccione un motivo de suspensión
-    </ng-container>
+    <form #formulario="ngForm">
+        <plex-title titulo="Suspender Agenda" size="md"></plex-title>
+        <plex-select [(ngModel)]="motivoSuspensionSelect.select" name="motivoSuspension" [data]="motivoSuspension"
+                     label="Motivos de Suspensión" placeholder="Seleccione un motivo de suspensión" [required]="true">
+        </plex-select>
+        <ng-container class="bg-warning p-3 text-white" *ngIf="!motivoSuspensionSelect.select?.nombre">
+            Seleccione un motivo de suspensión
+        </ng-container>
 
-    <div class="mt-3 float-right">
-        <plex-button type="danger" label="Cancelar" (click)="cancelar()">
-        </plex-button>
-        <plex-button type="success" label="Confirmar" (click)="suspenderAgenda()" title="Confirmar">
-        </plex-button>
-    </div>
+        <div class="mt-3 float-right">
+            <plex-button type="danger" label="Cancelar" (click)="cancelar()">
+            </plex-button>
+            <plex-button class="ml-1" [disabled]="!formulario.valid" type="success" label="Confirmar"
+                         (click)="suspenderAgenda()">
+            </plex-button>
+        </div>
+    </form>
 </ng-container>