feat(com): permitir modificar la prioridad (#2100)

andes · Jan 5, 2021 · 0812b6d · 0812b6d
1 parent 31ac62e
commit 0812b6d
Show file tree

Hide file tree

Showing 7 changed files with 46 additions and 13 deletions.
diff --git a/src/app/modules/com/components/actualizar-estado.component.ts b/src/app/modules/com/components/actualizar-estado.component.ts
@@ -9,7 +9,7 @@ import { DriveService } from 'src/app/services/drive.service';
 @Component({
     selector: 'actualizar-estado',
     templateUrl: './actualizar-estado.html',
-    styleUrls: ['./adjuntos.scss']
+    styleUrls: ['./adjuntos.scss', './punto-inicio.scss']
 })
 export class ActualizarEstadoDerivacionComponent implements OnInit {
     @ViewChildren('upload') childsComponents: QueryList<any>;
@@ -24,11 +24,20 @@ export class ActualizarEstadoDerivacionComponent implements OnInit {
     extensions = FILE_EXT;
     public nuevoEstado;
     public documentosUrl = [];
+    public prioridad = '';
+    public opcionesPrioridad = [
+        { id: 'baja', label: 'Baja' },
+        { id: 'media', label: 'Media' },
+        { id: 'alta', label: 'Alta' },
+        { id: 'especial', label: 'Especial' }
+    ];
+    @Input() esCOM = false;
     @Input('derivacion')
     set _derivacion(value) {
         this.nuevoEstado = {
             observacion: ''
         };
+        this.prioridad = value.prioridad;
         this.adjuntosEstado = [];
         this.derivacion = value;
     }
@@ -53,6 +62,10 @@ export class ActualizarEstadoDerivacionComponent implements OnInit {
     actualizarEstado($event) {
         if ($event.formValid) {
             this.nuevoEstado.adjuntos = this.adjuntosEstado;
+            if (this.derivacion.prioridad !== this.prioridad) {
+                this.derivacion.prioridad = this.prioridad;
+                this.nuevoEstado.prioridad = this.prioridad;
+            }
             this.derivacion.historial.push(this.nuevoEstado);
             this.derivacionService.update(this.derivacion._id, this.derivacion).subscribe(() => {
                 this.plex.toast('success', 'La derivación fue actualizada exitosamente');
@@ -61,6 +74,10 @@ export class ActualizarEstadoDerivacionComponent implements OnInit {
         }
     }
 
+    setPrioridad(prioridad) {
+        this.prioridad = prioridad;
+    }
+
     onUpload($event) {
         if ($event.status = 200) {
             this.adjuntosEstado.push({

diff --git a/src/app/modules/com/components/actualizar-estado.html b/src/app/modules/com/components/actualizar-estado.html
@@ -22,9 +22,16 @@
     </div>
 </plex-detail>
 <form #formEstado="ngForm">
-    <plex-title size="sm" titulo="Actualizar estado">
+    <plex-title size="sm" titulo="Actualizar">
     </plex-title>
     <plex-wrapper>
+        <div class="mt-1" *ngIf="esCOM && derivacion.prioridad">
+            <plex-label [tituloBold]="true" titulo="Prioridad"></plex-label>
+            <ng-container *ngFor="let p of opcionesPrioridad">
+                <div [class]="p.id" [class.selected]="p.id === this.prioridad" (click)="setPrioridad(p.id);">
+                </div>
+            </ng-container>
+        </div>
         <plex-text [(ngModel)]="nuevoEstado.observacion" label="Observacion" name="observacion" multiline="true"
                    grow="full" required="true">
         </plex-text>

diff --git a/src/app/modules/com/components/detalle-derivacion.component.ts b/src/app/modules/com/components/detalle-derivacion.component.ts
@@ -159,12 +159,13 @@ export class DetalleDerivacionComponent implements OnInit {
         if ($event.formValid) {
             this.nuevoEstado.estado = this.reglaSeleccionada.estadoFinal;
             this.nuevoEstado.adjuntos = this.adjuntosEstado;
-            this.derivacion.historial.push(this.nuevoEstado);
             this.derivacion.estado = this.nuevoEstado.estado;
             this.derivacion.organizacionDestino = this.nuevoEstado.organizacionDestino;
             if (this.reglaSeleccionada.definePrioridad) {
                 this.derivacion.prioridad = this.prioridad;
+                this.nuevoEstado.prioridad = this.prioridad;
             }
+            this.derivacion.historial.push(this.nuevoEstado);
             this.derivacionService.update(this.derivacion._id, this.derivacion).subscribe(() => {
                 this.plex.toast('success', 'La derivación fue actualizada exitosamente');
                 this.returnDetalle.emit(true);

diff --git a/src/app/modules/com/components/detalle-derivacion.html b/src/app/modules/com/components/detalle-derivacion.html
@@ -86,6 +86,7 @@
     </div>
 </div>
 <div *ngIf="mostrar === 'historial'">
-    <historial-derivacion *ngIf="derivacion && derivacion.historial.length > 0" [derivacion]="derivacion">
+    <historial-derivacion *ngIf="derivacion && derivacion.historial.length > 0" [esCOM]="esCOM"
+                          [derivacion]="derivacion">
     </historial-derivacion>
 </div>
diff --git a/src/app/modules/com/components/historial-derivacion.component.ts b/src/app/modules/com/components/historial-derivacion.component.ts
@@ -7,14 +7,15 @@ import { Auth } from '@andes/auth';
 @Component({
     selector: 'historial-derivacion',
     templateUrl: './historial-derivacion.html',
-    styleUrls: ['./adjuntos.scss']
+    styleUrls: ['./adjuntos.scss', './punto-inicio.scss']
 })
 export class HistorialDerivacionComponent {
     public derivacion;
     public itemsHistorial = [];
     public fileToken;
     public adjuntos = [];
 
+    @Input() esCOM = false;
     @Input('derivacion')
     set _derivacion(value) {
         this.derivacion = value;

diff --git a/src/app/modules/com/components/historial-derivacion.html b/src/app/modules/com/components/historial-derivacion.html
@@ -1,5 +1,5 @@
-<plex-accordion>
-    <plex-panel *ngFor="let item of itemsHistorial">
+<plex-accordion *ngFor="let item of itemsHistorial">
+    <plex-panel *ngIf="item.estado || !item.prioridad || (item.prioridad && esCOM)">
         <div plex-accordion-title justify>
             <section *ngIf="item.createdBy">
                 <plex-badge type="info" class="mr-4">
@@ -8,12 +8,16 @@
                 <plex-label *ngIf="item.estado" titulo="Pasa a {{ item.estado }} por"
                             subtitulo="{{ item.createdBy.nombreCompleto }} de {{ item.createdBy.organizacion.nombre }}">
                 </plex-label>
-                <plex-label *ngIf="!item.estado" titulo="Nota sumada por"
+                <plex-label *ngIf="!item.estado" titulo="Actualizado por"
                             subtitulo="{{ item.createdBy.nombreCompleto }} de {{ item.createdBy.organizacion.nombre }}">
                 </plex-label>
                 <plex-label *ngIf="item.observacion" titulo="Observaciones" subtitulo="
                 {{ item.observacion }}">
                 </plex-label>
+                <plex-label *ngIf="item.prioridad && esCOM" titulo="Nueva prioridad">
+                </plex-label>
+                <div *ngIf="item.prioridad && esCOM" [class]="item.prioridad" [class.selected]="true">
+                </div>
                 <plex-label *ngIf="item.organizacionDestino" titulo="Destino"
                             subtitulo="{{ item.organizacionDestino.nombre }}">
                 </plex-label>
@@ -22,8 +26,9 @@
                 <plex-badge type="info" *ngIf="item.adjuntos?.length > 0" title="Tiene adjuntos">
                     <plex-icon name="file-multiple"></plex-icon>
                 </plex-badge>
-                <plex-button *ngIf="!item.estado && item.createdBy.username === auth.usuario.username" type="danger"
-                             size="sm" icon="trash-can" (click)="$event.stopPropagation();eliminarNota(item)">
+                <plex-button *ngIf="!item.prioridad && !item.estado && item.createdBy.username === auth.usuario.username"
+                             type="danger" size="sm" icon="trash-can"
+                             (click)="$event.stopPropagation();eliminarNota(item)">
                 </plex-button>
             </section>
         </div>

diff --git a/src/app/modules/com/components/punto-inicio.html b/src/app/modules/com/components/punto-inicio.html
@@ -86,7 +86,7 @@
                                         <plex-button *ngIf="esCOM || (derivacion.estado === 'aceptada' || derivacion.estado === 'encomendada') || (derivacion.historial[derivacion.historial.length - 1].createdBy?.organizacion._id === orgActual._id)"
                                                      type="info" size="sm"
                                                      (click)="actualizarEstado(derivacion);$event.stopPropagation()">
-                                            SUMAR NOTA/ADJUNTO
+                                            ACTUALIZAR
                                         </plex-button>
                                         <plex-button *ngIf="derivacion.estado === 'finalizada'" type="warning" size="sm"
                                                      (click)="imprimirComprobante(derivacion)">
@@ -186,7 +186,7 @@
                                         </plex-button>
                                         <plex-button type="info" size="sm"
                                                      (click)="actualizarEstado(derivacion);$event.stopPropagation()">
-                                            SUMAR NOTA/ADJUNTO
+                                            ACTUALIZAR
                                         </plex-button>
                                         <plex-button *ngIf="derivacion.estado === 'finalizada'" type="warning" size="sm"
                                                      (click)="imprimirComprobante(derivacion)">
@@ -214,7 +214,8 @@
             </detalle-derivacion>
         </div>
         <div *ngIf="showEditarEstado">
-            <actualizar-estado [derivacion]="derivacionSeleccionada" (returnEditarEstado)="returnDetalle($event)">
+            <actualizar-estado [esCOM]="esCOM" [derivacion]="derivacionSeleccionada"
+                               (returnEditarEstado)="returnDetalle($event)">
             </actualizar-estado>
         </div>
     </plex-layout-sidebar>