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

andes · Aug 19, 2022 · 151c209 · 151c209
1 parent c3348b7
commit 151c209
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 15 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
@@ -54,6 +54,12 @@
                         <span *ngIf="agenda.cupo == -1">Sin límite</span>
                     </div>
                 </div>
+                <div *ngIf="agenda.estado === 'suspendida'" class="row">
+                    <div class="col-12">
+                        <label>Motivo de suspensión</label>
+                        <span *ngIf="agenda.motivoDeSuspension">{{agenda.motivoDeSuspension}}</span>
+                    </div>
+                </div>
             </div>
         </plex-help>
         <plex-help *ngIf="agenda.nota" class="mr-1" type="help" icon="message">
@@ -194,18 +200,17 @@
 
 
 <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>
-
-    <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>
+    <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>
+        <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>