GDU: mostrar en detalle si el profesional esta matriculado

src/app/apps/gestor-usuarios/components/usuario-detalle/usuario-detalle.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit, Input, OnChanges, SimpleChange } from '@angular/core';
+import { Component, Input, OnChanges, SimpleChange } from '@angular/core';
 import { IUsuario } from '../../interfaces/IUsuario';
 import { ProfesionalService } from '../../../../services/profesional.service';
 import { Observable, BehaviorSubject } from 'rxjs';
@@ -15,7 +15,7 @@ function elementAt(index = 0) {
     styleUrls: ['usuario-detalle.scss']
 })
 
-export class UsuarioDetalleComponent implements OnInit, OnChanges {
+export class UsuarioDetalleComponent implements OnChanges {
     private usuario$ = new BehaviorSubject<IUsuario>(null);
     public profesional$: Observable<IProfesional>;
     @Input() usuario: IUsuario;
@@ -40,11 +40,8 @@ export class UsuarioDetalleComponent implements OnInit, OnChanges {
     getProfesional(user) {
         return this.profesionalService.get({
             documento: user.usuario,
-            fields: 'nombre'
+            fields: 'id documento nombre apellido profesionalMatriculado formacionGrado'
         });
     }
 
-    ngOnInit() {
-
-    }
 }

src/app/apps/gestor-usuarios/components/usuario-detalle/usuario-detalle.html

@@ -1,10 +1,20 @@
 <plex-detail>
     <img class="img-user" *ngIf="!usuario.foto" />
     <img *ngIf="usuario.foto" src="{{ usuario.foto }}" />
-
-    <plex-badge type="success" *ngIf="(profesional$ | async) as profesional">
+    <plex-badge [type]="profesional.profesionalMatriculado ? 'info' : 'warning'"
+                *ngIf="(profesional$ | async) as profesional;else notProfesional">
         Profesional
+        <span dato>{{profesional.formacionGrado.length > 0 ?
+        profesional.formacionGrado[0].profesion.nombre + ': MATRÍCULA N° '
+        + profesional.formacionGrado[0].matriculacion[profesional.formacionGrado[0].matriculacion.length -
+                1].matriculaNumero:'NO MATRICULADO'}}</span>
+
     </plex-badge>
+    <ng-template #notProfesional>
+        <plex-badge type="default">
+            No profesional
+        </plex-badge>
+    </ng-template>
 
     <div title>
         {{ usuario.nombre }} {{ usuario.apellido }}
@@ -14,4 +24,4 @@
         <plex-copy *ngIf="usuario.documento" [value]="usuario.documento">{{ usuario.documento | number }}</plex-copy>
     </div>
 
-</plex-detail>
+</plex-detail>

src/app/interfaces/IProfesional.ts

@@ -1,5 +1,5 @@
-import { IUbicacion} from './IUbicacion';
-import { IMatricula} from './IMatricula';
+import { IUbicacion } from './IUbicacion';
+import { IMatricula } from './IMatricula';
 import { Sexo, Genero, EstadoCivil, tipoComunicacion } from './../utils/enumerados';
 
 export interface IProfesional {
@@ -44,7 +44,38 @@ export interface IProfesional {
         fechaInicio: Date;
         fechaVencimiento: Date;
         activo: Boolean;
-
+    }];
+    formacionGrado: [{
+        exportadoSisa?: Boolean;
+        profesion: {
+            nombre: string;
+            codigo: number;
+            tipoDeFormacion: String;
+        };
+        entidadFormadora: {
+            nombre: string;
+            codigo: number;
+        };
+        titulo: string;
+        fechaEgreso: Date;
+        fechaTitulo: Date;
+        renovacion: boolean;
+        papelesVerificados: boolean;
+        matriculacion?: [{
+            matriculaNumero: Number;
+            libro: String;
+            folio: String;
+            inicio: Date;
+            baja: {
+                motivo: String;
+                fecha: any;
+            };
+            notificacionVencimiento: Boolean;
+            fin: Date;
+            revalidacionNumero: Number;
+        }];
+        matriculado: boolean;
+        fechaDeInscripcion?: Date;
     }];
     profesionalMatriculado: Boolean;
 }

src/app/services/profesional.service.ts

@@ -16,7 +16,9 @@ export class ProfesionalService {
      * @param {any} params Opciones de búsqueda
      */
     get(params: any): Observable<IProfesional[]> {
-        params['fields'] = 'id documento nombre apellido';
+        if (!params['fields']) {
+            params['fields'] = 'id documento nombre apellido';
+        }
         return this.server.get(this.profesionalUrl, { params: params, showError: true });
     }