From 3a5ed10beff93c131a66faa348a2ff6668b4a109 Mon Sep 17 00:00:00 2001 From: ma7payne Date: Wed, 12 Jul 2023 15:43:21 -0300 Subject: [PATCH] feat(HUDS): implementa mockups de prestaciones --- src/app/modules/rup/components/core/_rup.scss | 41 +- .../ejecucion/hudsBusqueda.component.ts | 134 +++++- .../components/ejecucion/hudsBusqueda.html | 410 ++++++++++-------- .../components/ejecucion/hudsBusqueda.scss | 353 +++++++++++---- .../ejecucion/vistaHuds.component.ts | 8 +- .../rup/components/ejecucion/vistaHuds.html | 169 ++++---- .../rup/components/ejecucion/vistaHuds.scss | 8 +- .../elementos/adjuntarDocumento.component.ts | 2 +- .../elementos/adjuntarDocumento.html | 4 +- .../deprecated/informeEpicrisis.scss | 14 - .../rupers/seccionado/seccion.component.html | 2 +- .../solicitudPrestacionDefault.component.ts | 2 +- .../components/huds/detallePrestacion.html | 111 +++++ .../components/huds/detallePrestacion.scss | 60 +++ .../rup/components/huds/detallePrestacion.ts | 43 ++ .../rup/components/huds/detalleRegistro.html | 149 +++++++ .../rup/components/huds/detalleRegistro.scss | 52 +++ .../rup/components/huds/detalleRegistro.ts | 80 ++++ .../huds/detalleRegistroInterno.html | 28 ++ .../huds/detalleRegistroInterno.scss | 33 ++ .../components/huds/detalleRegistroInterno.ts | 26 ++ .../detalleRegistroInternacion.html | 237 ++++++++++ .../detalleRegistroInternacion.scss | 82 ++++ ...leRegistroInternaci\303\263n.component.ts" | 123 ++++++ .../internacion/paciente/detallePaciente.html | 17 + .../internacion/paciente/detallePaciente.ts | 11 + .../registro/listadoRegistros.html | 74 ++++ .../internacion/registro/listadoRegistros.ts | 13 + .../rup/components/huds/vistaCDA.component.ts | 6 +- .../modules/rup/components/huds/vistaCDA.html | 147 ++----- .../modules/rup/components/huds/vistaCDA.scss | 45 ++ .../huds/vistaContextoPrestacion.html | 2 +- .../rup/components/huds/vistaPrestacion.html | 32 +- .../rup/components/huds/vistaPrestacion.ts | 5 +- .../components/huds/vistaProcedimiento.html | 4 +- .../components/huds/vistaSolicitudTop.html | 117 ++--- .../components/huds/vistaSolicitudTop.scss | 53 +++ .../rup/components/huds/vistaSolicitudTop.ts | 26 +- src/app/modules/rup/components/variables.scss | 4 + src/app/modules/rup/huds-lib.module.ts | 18 +- src/app/modules/rup/services/huds.service.ts | 10 +- 41 files changed, 2160 insertions(+), 595 deletions(-) create mode 100644 src/app/modules/rup/components/huds/detallePrestacion.html create mode 100644 src/app/modules/rup/components/huds/detallePrestacion.scss create mode 100644 src/app/modules/rup/components/huds/detallePrestacion.ts create mode 100644 src/app/modules/rup/components/huds/detalleRegistro.html create mode 100644 src/app/modules/rup/components/huds/detalleRegistro.scss create mode 100644 src/app/modules/rup/components/huds/detalleRegistro.ts create mode 100644 src/app/modules/rup/components/huds/detalleRegistroInterno.html create mode 100644 src/app/modules/rup/components/huds/detalleRegistroInterno.scss create mode 100644 src/app/modules/rup/components/huds/detalleRegistroInterno.ts create mode 100644 src/app/modules/rup/components/huds/internacion/detalleRegistroInternacion.html create mode 100644 src/app/modules/rup/components/huds/internacion/detalleRegistroInternacion.scss create mode 100644 "src/app/modules/rup/components/huds/internacion/detalleRegistroInternaci\303\263n.component.ts" create mode 100644 src/app/modules/rup/components/huds/internacion/paciente/detallePaciente.html create mode 100644 src/app/modules/rup/components/huds/internacion/paciente/detallePaciente.ts create mode 100644 src/app/modules/rup/components/huds/internacion/registro/listadoRegistros.html create mode 100644 src/app/modules/rup/components/huds/internacion/registro/listadoRegistros.ts create mode 100644 src/app/modules/rup/components/huds/vistaCDA.scss create mode 100644 src/app/modules/rup/components/huds/vistaSolicitudTop.scss diff --git a/src/app/modules/rup/components/core/_rup.scss b/src/app/modules/rup/components/core/_rup.scss index 857945f8ed..3e4b1d1eab 100644 --- a/src/app/modules/rup/components/core/_rup.scss +++ b/src/app/modules/rup/components/core/_rup.scss @@ -64,10 +64,9 @@ $rotate: -90deg; } &.#{$tag} { + &:hover, &.active { - box-shadow: 1px 1px 20px 1px rgba($color, 0.22); - .rup-header { .icon-rup { background: $color; @@ -83,6 +82,9 @@ $rotate: -90deg; .icon-rup { border: 2px solid $color; background: white; + display: flex; + justify-content: center; + align-items: center; i { color: $color; @@ -97,17 +99,16 @@ $rotate: -90deg; &.#{$tag}:not(.mini) { &:hover { border: 2px solid $color; - box-shadow: 1px 1px 20px 1px rgba($color, 0.22); } - > .rup-header, - > .rup-header .icon-rup, + >.rup-header, + >.rup-header .icon-rup, .rup-body .legend, .rup-footer .type { background: $color !important; } - > .rup-header .icon-rup { + >.rup-header .icon-rup { border-bottom: 1px solid $color; background: $color !important; mix-blend-mode: hard-light; @@ -241,15 +242,15 @@ $rotate: -90deg; border: 0; } - > .rup-header, - > .rup-header .icon-rup, + >.rup-header, + >.rup-header .icon-rup, .rup-body .legend, .rup-footer .type { background: transparent !important; color: white; } - > .rup-header .icon-rup { + >.rup-header .icon-rup { border-bottom: 1px solid $color; background: transparent !important; } @@ -439,7 +440,7 @@ $rotate: -90deg; font-weight: normal; text-transform: uppercase; color: $color; - border: 1px solid $color; + border: 1px solid $color; &:focus { outline: 0; @@ -471,7 +472,6 @@ $rotate: -90deg; i:hover { border: 2px solid $color; - box-shadow: 1px 1px 20px 1px rgba($color, 0.22); } } @@ -491,7 +491,7 @@ $rotate: -90deg; } .form-group { - & > label { + &>label { margin-bottom: 0 !important; } } @@ -532,7 +532,8 @@ $rotate: -90deg; .grid-envolvente { display: grid; grid-template-rows: auto 1fr; - > .prestacion-offset { + + >.prestacion-offset { padding: 10px; h4 { @@ -542,11 +543,8 @@ $rotate: -90deg; } } -@mixin grid-columnas( - $cols: ( - 1fr 1fr, - ) -) { +@mixin grid-columnas($cols: (1fr 1fr, + )) { display: grid; grid-template-columns: $cols; grid-column-gap: 40px; @@ -753,15 +751,16 @@ observaciones { // Adaptación Rup-card plex-layout [type="invert"] { .rup-card .rup-header { - + .title { background: transparent; } - + .actions { background: transparent; + plex-badge { - & > span { + &>span { color: white; } } diff --git a/src/app/modules/rup/components/ejecucion/hudsBusqueda.component.ts b/src/app/modules/rup/components/ejecucion/hudsBusqueda.component.ts index 13ac0213b2..936247eb00 100644 --- a/src/app/modules/rup/components/ejecucion/hudsBusqueda.component.ts +++ b/src/app/modules/rup/components/ejecucion/hudsBusqueda.component.ts @@ -4,6 +4,7 @@ import { AfterContentInit, Component, EventEmitter, Input, Optional, Output, Vie import * as moment from 'moment'; import { Observable } from 'rxjs'; import { tap } from 'rxjs/operators'; +import { InternacionResumenHTTP } from 'src/app/apps/rup/mapa-camas/services/resumen-internacion.http'; import { SECCION_CLASIFICACION } from 'src/app/modules/epidemiologia/constantes'; import { FormsEpidemiologiaService } from 'src/app/modules/epidemiologia/services/ficha-epidemiologia.service'; import { ConceptosTurneablesService } from 'src/app/services/conceptos-turneables.service'; @@ -15,12 +16,10 @@ import { EmitConcepto, RupEjecucionService } from '../../services/ejecucion.serv import { HUDSService } from '../../services/huds.service'; import { PrestacionesService } from './../../services/prestaciones.service'; - @Component({ selector: 'rup-hudsBusqueda', templateUrl: 'hudsBusqueda.html', styleUrls: ['hudsBusqueda.scss', 'buscador.scss'], - // Use to disable CSS Encapsulation for this component encapsulation: ViewEncapsulation.None }) export class HudsBusquedaComponent implements AfterContentInit { @@ -64,9 +63,12 @@ export class HudsBusquedaComponent implements AfterContentInit { public prestacionSeleccionada = []; private _prestaciones: any = []; private prestacionesCopia: any = []; + private internaciones; + get prestaciones() { return this._prestaciones; } + set prestaciones(value) { this._prestaciones = value.sort((a, b) => { return moment(b.fecha).diff(a.fecha); @@ -83,8 +85,8 @@ export class HudsBusquedaComponent implements AfterContentInit { public hallazgosCronicos: any = []; /** - * Listado de todos los hallazgos no activos - */ + * Listado de todos los hallazgos no activos + */ public hallazgosNoActivos: any = []; public fechaInicio; public fechaFin; @@ -127,6 +129,25 @@ export class HudsBusquedaComponent implements AfterContentInit { public txtABuscar; public efectorRestringido = this.auth.check('huds:soloEfectorActual'); + public indiceInternaciones; + public otrasPrestaciones; + + /** + * Ids correspondientes a Prescripción de Medicamentos y Seguimiento Hídrico respectivamente + */ + public condicionRegistros = ['33633005', '430147008']; + + public filtros = [ + { key: 'planes', titulo: 'prestaciones', icono: 'clipboard-check-outline' }, + { key: 'solicitudes', titulo: 'solicitudes', icono: 'mano-corazon' }, + { key: 'hallazgo', titulo: 'hallazgos', icono: 'hallazgo' }, + { key: 'trastorno', titulo: 'trastornos', icono: 'trastorno' }, + { key: 'procedimiento', titulo: 'procedimientos', icono: 'termometro' }, + { key: 'producto', titulo: 'productos', icono: 'pildoras' }, + { key: 'laboratorios', titulo: 'laboratorios', icono: 'recipiente' }, + { key: 'vacunas', titulo: 'vacunas', icono: 'vacuna' }, + { key: 'dominios', titulo: 'dominios nacionales', icono: 'hospital' }, + ]; constructor( public servicioPrestacion: PrestacionesService, @@ -134,6 +155,7 @@ export class HudsBusquedaComponent implements AfterContentInit { public auth: Auth, public huds: HUDSService, private formEpidemiologiaService: FormsEpidemiologiaService, + private resumenHTTP: InternacionResumenHTTP, public ipsService: IPSService, @Optional() private ejecucionService: RupEjecucionService ) { @@ -146,6 +168,7 @@ export class HudsBusquedaComponent implements AfterContentInit { */ ngAfterContentInit() { if (this.paciente) { + this.listarInternaciones(); this.listarPrestaciones(); this.listarConceptos(); this.listarDominios(); @@ -158,6 +181,10 @@ export class HudsBusquedaComponent implements AfterContentInit { }, 1000 * 30); } + getTitulo(filtroactual) { + return this.filtros.find(filtro => filtro.key === filtroactual).titulo; + } + dragStart(e) { this._onDragStart.emit(e); } @@ -254,13 +281,26 @@ export class HudsBusquedaComponent implements AfterContentInit { registro.class = 'plan'; registro.params = params; break; + case 'internacion': + gtag('huds-open', 'rup', 'internacion', index); + registro.id = registro.id; + registro.tipo = 'internacion'; + registro.index = index; + break; } this.huds.toogle(registro, tipo); } - listarPrestaciones() { + listarInternaciones() { + this.resumenHTTP.search({ + organizacion: this.auth.organizacion.id, + ingreso: this.resumenHTTP.queryDateParams(this.fechaInicio, this.fechaFin), + paciente: this.paciente.id, + }).subscribe((internaciones) => this.internaciones = internaciones); + } + listarPrestaciones() { function groupBy(prestaciones: IPrestacion[]) { const resultado = []; const diccionario = {}; @@ -279,7 +319,6 @@ export class HudsBusquedaComponent implements AfterContentInit { Object.values(diccionario).forEach(dc => resultado.push(dc)); return resultado; - } @@ -364,6 +403,8 @@ export class HudsBusquedaComponent implements AfterContentInit { this.cargarSolicitudesMezcladas(); }); }); + + }); } @@ -385,11 +426,8 @@ export class HudsBusquedaComponent implements AfterContentInit { }); } - - // Trae los cdas registrados para el paciente buscarCDAPacientes(token) { - this.servicioPrestacion.getCDAByPaciente(this.paciente.id, token).subscribe(registros => { this.cdas = registros.map(cda => { cda.id = cda.cda_id; @@ -506,6 +544,80 @@ export class HudsBusquedaComponent implements AfterContentInit { return filtro; } + filtrarOtrasPrestaciones(prestaciones, prestacionesEnInternacion) { + const filtroPrestaciones = prestaciones.filter(prestacion => + !prestacionesEnInternacion.some(filtro => filtro.data.id === prestacion.data.id)); + + const registros = filtroPrestaciones.flatMap((prestacion) => prestacion.data.ejecucion.registros); + + const indiceRegistros = registros.reduce((grupo, registro) => { + const { concepto: { conceptId, term }, id, idPrestacion, createdAt: fecha } = registro; + const data = { conceptId, term, id, idPrestacion, fecha }; + + if (this.condicionRegistros.includes(data.conceptId)) { + return ({ + indices: { ...grupo.indices, [data.conceptId]: data }, + registros: { ...grupo.registros, [data.conceptId]: { ...grupo.registros[data.conceptId], [data.conceptId]: registro } } + }); + } + + return ({ indices: { ...grupo.indices, ['otras']: { ...grupo.indices['otras'], [data.conceptId]: data } }, registros: { ...grupo.registros, ['otras']: { ...grupo.registros['otras'], [data.conceptId]: registro } } }); + }, { indices: {}, registros: {} }); + + const fechas = registros.map((registro) => registro.createdAt); + const fechaDesde = fechas[fechas.length - 1]; + const fechaHasta = fechas[0]; + + this.otrasPrestaciones = { fechaDesde, fechaHasta, indices: Object.values(indiceRegistros.indices), registros: Object.values(indiceRegistros.registros) }; + } + + filtrarPorInternacion(prestaciones) { + const prestacionesEnInternacion = []; + + const internaciones = this.internaciones + .map(internacion => { + const prestacionesPorInternacion = prestaciones.filter(prestacion => { + const fechaIngresoValida = moment(prestacion.fecha).isSameOrAfter(internacion.fechaIngreso); + const fechaEgresoValida = internacion.fechaEgreso ? moment(prestacion.fecha).isSameOrBefore(internacion.fechaEgreso) : moment(prestacion.fecha).isSameOrBefore(moment().toDate()); + const organizacionValida = internacion.organizacion.id === prestacion.organizacion; + + if (fechaIngresoValida && fechaEgresoValida && organizacionValida) { + prestacionesEnInternacion.push(prestacion); + + return prestacion; + } else { return null; } + }); + + const indicePrestaciones = prestacionesPorInternacion.reduce((grupo, prestacion, index) => { + return ({ ...grupo, [prestacion.data.id]: prestacion }); + }, {}); + + const registros = prestacionesPorInternacion.flatMap((prestacion) => prestacion.data.ejecucion.registros); + + const grupoRegistros = registros.reduce((grupo, registro) => { + const dataRegistro = { conceptId: registro.concepto.conceptId, term: registro.concepto.term, id: registro.id, idPrestacion: registro.idPrestacion }; + + if (this.condicionRegistros.includes(registro.concepto.conceptId)) { + return ({ ...grupo, [registro.concepto.conceptId]: dataRegistro }); + } + + return ({ ...grupo, ['otras']: { ...grupo['otras'], [registro.idPrestacion]: { ...indicePrestaciones[registro.idPrestacion] } } }); + }, {}); + + return { + id: internacion.id, + fechaIngreso: internacion.fechaIngreso, + fechaEgreso: internacion.fechaEgreso, + organizacion: internacion.organizacion.nombre, + registros: Object.values(grupoRegistros) + }; + }) + .filter(grupo => grupo.registros.length); + + this.indiceInternaciones = internaciones.reverse(); + + this.filtrarOtrasPrestaciones(prestaciones, prestacionesEnInternacion); + } filtrar() { this.prestaciones = this.prestacionesCopia.slice(); @@ -523,6 +635,10 @@ export class HudsBusquedaComponent implements AfterContentInit { if (this.ambitoOrigen) { this.prestaciones = this.prestaciones.filter(p => p.ambito === this.ambitoOrigen); + + if (this.ambitoOrigen === 'internacion') { + this.filtrarPorInternacion(this.prestaciones); + } } if (this.organizacionSeleccionada) { diff --git a/src/app/modules/rup/components/ejecucion/hudsBusqueda.html b/src/app/modules/rup/components/ejecucion/hudsBusqueda.html index a786fdf7bf..13230adbb1 100644 --- a/src/app/modules/rup/components/ejecucion/hudsBusqueda.html +++ b/src/app/modules/rup/components/ejecucion/hudsBusqueda.html @@ -1,132 +1,37 @@ -
+ +
-
    -
  • - {{ - getCantidadResultados('planes')}} - -
    • -
  • - {{ - getCantidadResultados('solicitudes')}} - -
    • -
  • - {{ - getCantidadResultados('hallazgo')}} - -
    • -
  • - {{ - getCantidadResultados('trastorno')}} - -
    • -
  • - {{ - getCantidadResultados('procedimiento')}} - -
    • -
  • - {{ - getCantidadResultados('producto')}} - -
    • -
  • - {{ - getCantidadResultados('laboratorios')}} - -
    • -
  • - {{ getCantidadResultados('vacunas') }} - -
    • - -
  • - - {{ getCantidadResultados('dominios') }} - - -
    • -     -
-
-
-
-
- - - - -
+
+ +
+
+
+ {{getCantidadResultados(filtro.key)}} +
+ +
+ {{filtro.titulo}} +
+
-
-
- Filtros: - {{ getSemanticTagFiltros() }} +
{{ getTitulo(filtroActual) | uppercase }}
+
+ + +
+ +
-
-
-
@@ -139,12 +44,10 @@
-
- +
-
    - +
    +
    +
    +
    + + +
    +
    @@ -269,6 +180,14 @@
+
+
+
+ + +
+
@@ -315,7 +234,7 @@
+ [type]="registro.evoluciones[0].estado === 'activo' ? 'success' : 'danger'"> {{ registro.evoluciones[0].estado }} @@ -334,6 +253,14 @@ +
+
+
+ + +
+
@@ -386,6 +313,14 @@ +
+
+
+ + +
+
@@ -419,59 +354,158 @@
-
    - -
  • -
    -
    -
    -
    -
    -
    -
    - +
      +
      + + + +
      +
      +
      +
      + Detalle de la internacion +
      +
      +
      + Ingreso: {{internacion.fechaIngreso | fecha}} + Egreso: + {{internacion.fechaEgreso | fecha}}
      -
      - {{ prestacion.prestacion.term }} -
      -
      -
      - - Fecha: - {{ prestacion.data.ejecucion.fecha | fecha }} - - - Fecha: - {{ prestacion.fecha | fecha }} - -
      - - Profesional: - {{ prestacion.profesional }} - + {{internacion.organizacion}} +
      +
      +
      +
      + +
      +
      +
      +
      +
      +
      +

      {{registro.term || 'Evoluciones y otros registros'}}

      +
      +
      +
      + + + + + + +
      +
      +
      +
      + Prestación fuera de internación +
      +
      + Desde: {{otrasPrestaciones.fechaDesde | + fecha}} + Hasta: {{otrasPrestaciones.fechaHasta | + fecha}} +
      +
      +
      +
      + +
      +
      +
      +
      +
      +
      +

      {{indice.term || 'Evoluciones y otros registros'}}

      +
      +
      +
      +       +       +       +
      +
      +
      + + +
      +
      +
      + +
      + +
    • +
      +
      +
      +
      +
      +
      +
      + +
      +
      + {{ prestacion.prestacion.term }} +
      +
      +
      + + Fecha: + {{ prestacion.data.ejecucion.fecha | fecha }} + + + Fecha: + {{ prestacion.fecha | fecha }} + +
      + + Profesional: + {{ prestacion.profesional }} + +
      -
      -
      -
      - - {{prestacion.estado}} - +
      +
      + + {{prestacion.estado}} + +
      +
      • +       +
      +
      +
      + +
      - - +
      +
    @@ -515,7 +549,7 @@
    + type="{{ registro.evoluciones[registro.evoluciones.length-1].estado === 'activo' ? 'success' : 'danger' }}"> {{ registro.evoluciones[registro.evoluciones.length-1].estado }} @@ -528,13 +562,19 @@
-
No hay medicamentos registrados
+
+
+
+ + +
+
- -
+
  • @@ -578,14 +618,20 @@
-
No hay Laboratorios registrados
+
+
+
+
+ + +
-
  • @@ -616,7 +662,6 @@ fecha}} -
@@ -629,9 +674,17 @@ -
No hay vacunas registradas
+
+
+
+
+ + +
+
@@ -682,7 +735,14 @@ -
No se encontraron dominios para este paciente
+
+
+
+
+ + +
diff --git a/src/app/modules/rup/components/ejecucion/hudsBusqueda.scss b/src/app/modules/rup/components/ejecucion/hudsBusqueda.scss index ed5f5fd60c..bbd5f2874a 100644 --- a/src/app/modules/rup/components/ejecucion/hudsBusqueda.scss +++ b/src/app/modules/rup/components/ejecucion/hudsBusqueda.scss @@ -1,113 +1,286 @@ @import '../core/rup'; -.text-problemas { - color: $problema; -} +.slider-filtros { + display: flex; + overflow: auto; -.text-productos { - color: $producto; -} + .btn-container[prev], + .btn-container[next] { + background: none; + height: inherit; -// .border-hallazgo { -// border-color: $problemas; -// } -.text-planes { - color: $solicitud; -} + plex-button button { + padding: 0; + cursor: pointer; + height: 50px; + width: 40px; + background: white; + color: #00a8e0; + border: none !important; -.border-planes { - border-color: $solicitud; -} + plex-icon i.md { + font-size: 30px !important; + } -.borde-prestaciones input, -.borde-prestaciones input:focus { - border-color: $dark-blue; -} + &:focus, + &:active { + box-shadow: none; + } + } + } -.borde-prestaciones input, -.borde-prestaciones input:focus { - border-color: $dark-blue; - background-color: $dark-blue; - color: white; -} + section { + height: 100px; + padding-left: 40px; + margin: 0; + overflow: hidden; + } -// .prestaciones { -// background-color: $dark-blue; -// } -.borde-planes input, -.borde-planes input:focus { - border-color: $solicitud; - background-color: $solicitud !important; - background-color: $solicitud; - color: white; -} + plex-grid { + display: flex; + margin: 0; + } -// .planes { -// background-color: $solicitudes; -// } -.borde-problemas input, -.borde-problemas input:focus { - border-color: $problema; - background-color: $problema !important; - background-color: $problema; - color: white; -} + .plex-dots-wrapper { + display: none !important; + } -// .problemas { -// background-color: $problemas; -// } -.borde-procedimientos input, -.borde-procedimientos input:focus { - border-color: $procedimiento; - background-color: $procedimiento !important; - background-color: $procedimiento; - color: white; -} + .card-filtro { + cursor: pointer; -// .procedimientos { -// background-color: $procedimientos; -// } -.vista-titulo { - padding-top: 1em; - font-size: 1.4em; - color: #AAAAAA; - font-weight: 400; - text-transform: uppercase; -} + .icon-wrapper { + padding: 5px; + border: 2px solid #000; + border-radius: 100px; + width: 50px; + height: 50px; + align-self: center; + display: flex; + align-items: center; + justify-content: center; -// DEBUG - Sólo botones temporales para mostrar funcionalidad -.botones-temporales i { - padding-left: 1.2em; - padding-right: 1.3em; -} + .icon i { + font-size: 25px; + } + + .contador { + width: 25px; + line-height: 25px; + border-radius: 25px; + text-align: center; + color: white; + position: absolute; + left: calc(50% + 15px); + top: 20px; + } + } + + @mixin card-estilo($color) { + .icon-wrapper { + border-color: $color; + + .icon i { + color: $color; + } + + .contador { + background-color: $color; + } + } -.badge-validada, -.badge-ejecucion, -.badge-pendiente { - background: transparent; - border: 1.5px solid; - font-size: 0.75em; - padding: 5px; - text-transform: uppercase; + .titulo { + color: $color; + text-align: center; + text-transform: uppercase; + font-size: 11px; + } + } + + .planes { + @include card-estilo($prestacion); + } + + .solicitudes { + @include card-estilo($solicitud); + } + + .hallazgo { + @include card-estilo($hallazgo); + } + + .trastorno { + @include card-estilo($trastorno); + } + + .procedimiento { + @include card-estilo($procedimiento); + } + + .producto { + @include card-estilo($producto); + } + + .laboratorios { + @include card-estilo($laboratorio); + } + + .vacunas { + @include card-estilo($vacuna); + } + + .dominios { + @include card-estilo($dominiosNac); + } + + .card { + border: none; + padding: 0; + + .card-content { + min-width: 80px; + width: max-content; + display: flex; + margin: 0 2px; + justify-content: center; + flex-direction: column; + } + } + } } -.badge-validada { - border-color: #8CC63F; - color: #8CC63F; +.lista-internacion { + .card { + margin-bottom: 3px; + } + + .detalle { + display: flex; + flex-direction: column; + } + + .fechas { + column-gap: 5px; + } + + .icono { + border: 1px solid #9a9a9a; + border-radius: 100%; + height: 40px; + width: 40px; + display: flex; + justify-content: center; + align-items: center; + margin-right: 10px; + + plex-icon i { + line-height: inherit; + color: #9a9a9a; + } + + &.medico { + border-color: $producto; + + plex-icon i { + color: $producto; + } + } + + &.hidrico { + border-color: #47c0e9; + + plex-icon i { + color: #47c0e9; + } + } + + &.otras { + border-color: #000; + + plex-icon i { + color: #000; + } + } + } + + .card-header { + padding: 10px; + } + + .list-group { + padding: 3px; + } + + .card-block { + padding: 0; + } } -.badge-ejecucion { - border-color: #AAAAAA; - color: #AAAAAA; +.item-prestacion { + padding: 10px 20px; + display: flex; + align-items: center; + + .titulo { + p { + font-size: small; + margin: 0; + } + } } -.badge-pendiente { - border-color: #AAAAAA; - color: #AAAAAA; +.titulo-filtro { + margin: 5px 0; + + &.planes { + color: $prestacion + } + + &.solicitudes { + color: $solicitud + } + + &.hallazgo { + color: $hallazgo + } + + &.trastorno { + color: $trastorno + } + + &.procedimiento { + color: $procedimiento + } + + &.producto { + color: $producto + } + + &.laboratorios { + color: $laboratorio + } + + &.vacunas { + color: $vacuna + } + + &.dominios { + color: $dominiosNac + } } -.menu-huds { - .btn { - width: 32.5%; +.filtros-ambitos { + display: grid; + + .btn-primary:active, .btn-primary.active { + background-color: $invert; + color: $blue; + } + + .col { + column-gap: 5px; } } + +.item-lista-vacia { + margin-top: 10% +} \ No newline at end of file diff --git a/src/app/modules/rup/components/ejecucion/vistaHuds.component.ts b/src/app/modules/rup/components/ejecucion/vistaHuds.component.ts index e0c801b9cf..8a65fac1f8 100644 --- a/src/app/modules/rup/components/ejecucion/vistaHuds.component.ts +++ b/src/app/modules/rup/components/ejecucion/vistaHuds.component.ts @@ -28,11 +28,8 @@ export class VistaHudsComponent implements OnInit, OnDestroy { public activeIndexResumen = 0; public internacione$: Observable; public registros = []; - // Seguimiento Paciente San Juan public flagSeguimiento = false; - - constructor( public elementosRUPService: ElementosRUPService, public plex: Plex, @@ -142,5 +139,8 @@ export class VistaHudsComponent implements OnInit, OnDestroy { this.router.navigate(['huds', 'timeline', this.paciente.id]); } - + prestacionVisible(registro) { + return registro.data.class === 'plan' || registro.data.class === 'regimen' || + registro.data.class === 'procedimiento' || registro.data.class === 'elementoderegistro' || registro.data.class === 'producto'; + } } diff --git a/src/app/modules/rup/components/ejecucion/vistaHuds.html b/src/app/modules/rup/components/ejecucion/vistaHuds.html index efd6ea8297..0373f14fc7 100644 --- a/src/app/modules/rup/components/ejecucion/vistaHuds.html +++ b/src/app/modules/rup/components/ejecucion/vistaHuds.html @@ -1,104 +1,111 @@ - - - - - - - - - - - - - - - - - - + + Volver + +
+ + + + + + + + + + + + + + + + + + - - - - - + + + + + - - + + + + + + - - - - - - - - - + + + + - - + [registro]="registro.data" [paciente]="paciente"> + - - - + + - - - - + + + + - + + + + - - - - + - + + + + - - - + - - - + + + - - - - + + + - - - + + + + + + + + - - + + +
- - - \ No newline at end of file diff --git a/src/app/modules/rup/components/ejecucion/vistaHuds.scss b/src/app/modules/rup/components/ejecucion/vistaHuds.scss index ac1e5b1c81..7a9f0f8bbf 100644 --- a/src/app/modules/rup/components/ejecucion/vistaHuds.scss +++ b/src/app/modules/rup/components/ejecucion/vistaHuds.scss @@ -1,4 +1,6 @@ -// TODO: Mover a PLEX +plex-tabs > section { + margin-bottom: 10px; +} plex-tab { & @@ -14,7 +16,6 @@ plex-tab { } } - form ~ form { border: none; } @@ -28,7 +29,4 @@ form ~ form { .contenedor-mensaje { width: 100%; height: 100%; -} -.mensaje { - } \ No newline at end of file diff --git a/src/app/modules/rup/components/elementos/adjuntarDocumento.component.ts b/src/app/modules/rup/components/elementos/adjuntarDocumento.component.ts index 45e3e8519c..962a2b7701 100644 --- a/src/app/modules/rup/components/elementos/adjuntarDocumento.component.ts +++ b/src/app/modules/rup/components/elementos/adjuntarDocumento.component.ts @@ -38,7 +38,7 @@ export class AdjuntarDocumentoComponent extends RUPComponent implements OnInit { if (!this.parametroRegistro === undefined) { this.registro = this.parametroRegistro; } - if (!this.registro.valor) { + if (!this.registro?.valor) { this.registro.valor = {}; } if (!this.registro.valor.documentos) { diff --git a/src/app/modules/rup/components/elementos/adjuntarDocumento.html b/src/app/modules/rup/components/elementos/adjuntarDocumento.html index 4d3ef34a53..55a59d9c3e 100644 --- a/src/app/modules/rup/components/elementos/adjuntarDocumento.html +++ b/src/app/modules/rup/components/elementos/adjuntarDocumento.html @@ -32,7 +32,7 @@ - +
@@ -69,7 +69,7 @@
- +
diff --git a/src/app/modules/rup/components/elementos/deprecated/informeEpicrisis.scss b/src/app/modules/rup/components/elementos/deprecated/informeEpicrisis.scss index 0be183e070..715583603f 100644 --- a/src/app/modules/rup/components/elementos/deprecated/informeEpicrisis.scss +++ b/src/app/modules/rup/components/elementos/deprecated/informeEpicrisis.scss @@ -7,20 +7,6 @@ border: 0; } -.card { - background-color: transparent; - border: 1px solid #111; - border-radius: 0; -} - -.card-header { - padding: 0 !important; - margin-bottom: 0; - background-color: #ffffff; - border-bottom: 1px solid rgba(0, 0, 0, 0.125); - max-height: 40px; - height: auto; -} .btn-collapse { position: relative; diff --git a/src/app/modules/rup/components/elementos/rupers/seccionado/seccion.component.html b/src/app/modules/rup/components/elementos/rupers/seccionado/seccion.component.html index ab3ffd1fa4..a4a74c34d9 100644 --- a/src/app/modules/rup/components/elementos/rupers/seccionado/seccion.component.html +++ b/src/app/modules/rup/components/elementos/rupers/seccionado/seccion.component.html @@ -81,7 +81,7 @@ {{ registro.esSolicitud ? 'solicitud': registro.concepto.semanticTag }} + *ngIf='registro.esPrimeraVez && prestacion.estados && prestacion.estados[prestacion.estados.length - 1].tipo === "validada"'> Es primera vez diff --git a/src/app/modules/rup/components/elementos/solicitudPrestacionDefault.component.ts b/src/app/modules/rup/components/elementos/solicitudPrestacionDefault.component.ts index cfb0c0c1d9..81d80ed2ab 100644 --- a/src/app/modules/rup/components/elementos/solicitudPrestacionDefault.component.ts +++ b/src/app/modules/rup/components/elementos/solicitudPrestacionDefault.component.ts @@ -33,7 +33,7 @@ export class SolicitudPrestacionDefaultComponent extends RUPComponent implements } this.servicioReglas.get({ organizacionOrigen: this.auth.organizacion.id, - prestacionOrigen: this.prestacion?.solicitud.tipoPrestacion.conceptId, + prestacionOrigen: this.prestacion?.solicitud?.tipoPrestacion.conceptId, prestacionDestino: this.registro.concepto?.conceptId }).subscribe(reglas => { this.reglasMatch = reglas; diff --git a/src/app/modules/rup/components/huds/detallePrestacion.html b/src/app/modules/rup/components/huds/detallePrestacion.html new file mode 100644 index 0000000000..690ba7fe61 --- /dev/null +++ b/src/app/modules/rup/components/huds/detallePrestacion.html @@ -0,0 +1,111 @@ +
+ +
+ + Registro Privado + + + {{ !registro.esSolicitud ? registro.concepto.semanticTag : 'Solicitud' }} + +
+ +
+ +
+ + + Registros + + + + +
+
+
+ Organización de destino +

+ {{registro.registros[indice].valor.solicitudPrestacion.organizacionDestino.nombre}}

+
+
+ Profesionales +

{{registro.evoluciones[indice].profesional}}

+
+ +
+ +
+
+
Diagnóstico / Motivo +

{{registro.registros[indice].valor?.solicitudPrestacion?.motivo || 'Sin diagnóstico o motivo'}}

+
+
+ Indicaciones +

{{registro.registros[indice].valor?.solicitudPrestacion?.indicaciones || 'Sin indicación' | html}}

+
+
+
+
+
+
+ +
+ +
+ + Datos de la prestación + +
{{prestacionOrigen.solicitud.fecha | fecha}}
+
+
+
+ + +
+
+
+ +
+ Prestación +

{{prestacionOrigen.solicitud.tipoPrestacion.term}}

+
+
+ Profesional +

{{prestacionOrigen.solicitud.profesional | nombre}}

+
+
+ Ámbito +

{{prestacionOrigen.solicitud.ambitoOrigen}}

+
+ +
+ +
+
+
Historial de la solicitud
+ +
+ + +
+ +
+
+
Otros registros de la prestación
+ + +
+
+ {{ registro.nombre }} +
+ + +
+
+ +
+ + +
+
\ No newline at end of file diff --git a/src/app/modules/rup/components/huds/detallePrestacion.scss b/src/app/modules/rup/components/huds/detallePrestacion.scss new file mode 100644 index 0000000000..ace40cf6de --- /dev/null +++ b/src/app/modules/rup/components/huds/detallePrestacion.scss @@ -0,0 +1,60 @@ +.solicitud-wrapper { + .titulo-badges { + display: flex; + column-gap: 5px; + align-items: center; + } + + .registros { + display: flex; + align-items: center; + grid-gap: 20px; + + .icon-info { + color: var(--nav-bar-color); + padding: 10px; + border: 1px solid var(--nav-bar-color); + border-radius: 100%; + width: 60px; + height: 60px; + align-items: center; + display: flex; + justify-content: center; + } + + .info-registro { + display: flex; + flex-direction: column; + + plex-badge { + margin-bottom: 10px; + } + + hr { + float: left; + margin: 0.75rem 0; + width: 35px; + border: solid 0.5px var(--nav-bar-color); + } + } + } + + .texto-detalle { + text-transform: capitalize; + font-size: 80%; + line-height: normal; + } +} + +.lista-panel { + margin-bottom: 3px; + display: block; +} + +.subtitulo { + font-size: 1.4em; + font-weight: 300; + margin-bottom: -5px; + text-transform: uppercase; + color: var(--nav-bar-color); +} \ No newline at end of file diff --git a/src/app/modules/rup/components/huds/detallePrestacion.ts b/src/app/modules/rup/components/huds/detallePrestacion.ts new file mode 100644 index 0000000000..69243d011c --- /dev/null +++ b/src/app/modules/rup/components/huds/detallePrestacion.ts @@ -0,0 +1,43 @@ +import { Component, Input, OnInit } from '@angular/core'; +import { IElementoRUP } from '../../interfaces/elementoRUP.interface'; +import { IPaciente } from 'src/app/core/mpi/interfaces/IPaciente'; +import { IPrestacion } from '../../interfaces/prestacion.interface'; +import { PrestacionesService } from '../../services/prestaciones.service'; +import { ElementosRUPService } from '../../services/elementosRUP.service'; +import { HUDSService } from '../../services/huds.service'; + +@Component({ + selector: 'detalle-prestacion', + templateUrl: 'detallePrestacion.html', + styleUrls: ['detallePrestacion.scss'] +}) + +export class DetallePrestacionComponent implements OnInit { + @Input() paciente: IPaciente; + @Input() registro; + @Input() prestacion: IPrestacion; + @Input() evolucionActual; + @Input() indice = 0; + + elementoRUP: IElementoRUP; + prestacionOrigen; + + public relacionAux; + + constructor( + public prestacionesService: PrestacionesService, + public elementosRUPService: ElementosRUPService, + public huds: HUDSService + ) { } + + abrirSolicitud() { + const tipo = 'rup'; + this.huds.toogle(this.prestacionOrigen, tipo); + } + + ngOnInit() { + this.prestacionesService.getByPaciente(this.paciente.id).subscribe(prestacion => { + this.prestacionOrigen = prestacion.find(x => x.id === this.registro.idPrestacion); + }); + } +} diff --git a/src/app/modules/rup/components/huds/detalleRegistro.html b/src/app/modules/rup/components/huds/detalleRegistro.html new file mode 100644 index 0000000000..2a57d84ebd --- /dev/null +++ b/src/app/modules/rup/components/huds/detalleRegistro.html @@ -0,0 +1,149 @@ +
+ +
+
+
+ + + {{ registro.evoluciones[indice]?.fechaCarga | fecha }} + + +
+
+ + {{ registro.concepto.semanticTag }} + + + {{ registro?.valor?.estado }} + + + {{ registro?.evoluciones[indice].estado }} +
+ +
+ +
+ + + Registros + +
+
+ +
+ Profesionales +

{{ registro?.evoluciones[indice].profesional }}

+
+
+ Inicio aproximado +

+ + + {{ registro.evoluciones[indice]?.fechaInicio ? + (registro.evoluciones[indice]?.fechaInicio | fecha) : 'Sin registro de inicio' }} + + + + + {{ registro.evoluciones[indice]?.fechaInicio ? + (registro.evoluciones[indice]?.fechaInicio | fromNow) : 'Sin registro de inicio' }} + + + {{ registro.valor.fechaInicio ? (registro.valor.fechaInicio | fromNow) : 'Sin + registro de inicio' }} + + +

+
+
+ Relacionado con +
+ + + + {{ relacion | relacionRUP }} + + + + + + + +
+
+ +
+ +
+
+ Evolución +
+
+
+
+
+
+
+ +
+ +
+ + Datos de la prestación + +
{{prestacionRelacionada.solicitud.fecha | fecha}}
+
+
+
+ + +
+
+
+ +
+ Prestación +

{{prestacionRelacionada.solicitud.tipoPrestacion.term}}

+
+
+ Profesional +

{{prestacionRelacionada.solicitud.profesional.apellido}}, + {{prestacionRelacionada.solicitud.profesional.nombre}}

+
+
+ Ámbito +

{{prestacionRelacionada.solicitud.ambitoOrigen}}

+
+ +
+ +
+
+ + + +
+
+ {{ registro.nombre }} +
+ + +
+ +
+ +
+ + +
+
\ No newline at end of file diff --git a/src/app/modules/rup/components/huds/detalleRegistro.scss b/src/app/modules/rup/components/huds/detalleRegistro.scss new file mode 100644 index 0000000000..9a2cbed8fa --- /dev/null +++ b/src/app/modules/rup/components/huds/detalleRegistro.scss @@ -0,0 +1,52 @@ +.solicitud-wrapper { + .titulo-badges { + display: flex; + column-gap: 5px; + align-items: center; + } + + .registros { + display: flex; + align-items: center; + grid-gap: 20px; + + .icon-info { + color: var(--nav-bar-color); + padding: 10px; + border: 1px solid var(--nav-bar-color); + border-radius: 100%; + width: 60px; + height: 60px; + align-items: center; + display: flex; + justify-content: center; + } + + .info-registro { + display: flex; + flex-direction: column; + + plex-badge { + margin-bottom: 10px; + } + + hr { + float: left; + margin: 0.75rem 0; + width: 35px; + border: solid 0.5px var(--nav-bar-color); + } + } + } + + .texto-detalle { + text-transform: capitalize; + font-size: 80%; + line-height: normal; + } +} + +.lista-panel { + margin-bottom: 3px; + display: block; +} \ No newline at end of file diff --git a/src/app/modules/rup/components/huds/detalleRegistro.ts b/src/app/modules/rup/components/huds/detalleRegistro.ts new file mode 100644 index 0000000000..0e819e71a9 --- /dev/null +++ b/src/app/modules/rup/components/huds/detalleRegistro.ts @@ -0,0 +1,80 @@ +import { Component, Input, OnInit } from '@angular/core'; +import { IPaciente } from 'src/app/core/mpi/interfaces/IPaciente'; +import { IPrestacion } from '../../interfaces/prestacion.interface'; +import { PrestacionesService } from '../../services/prestaciones.service'; +import { HUDSService } from '../../services/huds.service'; + +@Component({ + selector: 'detalle-registro', + templateUrl: 'detalleRegistro.html', + styleUrls: ['detalleRegistro.scss'] +}) + +export class DetalleRegistronComponent implements OnInit { + @Input() paciente: IPaciente; + @Input() registro: any; + @Input() indice = 0; + + prestaciones: IPrestacion[]; + contextoEvolutivo: IPrestacion = null; + relacionAux; + prestacionRelacionada; + + constructor( + public prestacionesService: PrestacionesService, + public huds: HUDSService + ) { } + + ngOnInit() { + this.prestacionesService.getByPaciente(this.paciente.id).subscribe(arrayPrestaciones => { + this.prestaciones = arrayPrestaciones; + if (this.registro.evoluciones) { + this.contextoEvolutivo = this.prestaciones.find(p => p.id === this.registro.evoluciones[0].idPrestacion); + this.buscarRelacion(); + } + }); + + this.prestacionesService.getByPaciente(this.paciente.id).subscribe(prestacion => { + this.prestacionRelacionada = prestacion.find(x => x.id === this.registro.idPrestacion); + }); + } + + cambiarEvolucion(signo) { + if (signo === '+') { + if (this.indice < (this.registro.evoluciones.length - 1)) { + this.indice = this.indice + 1; + } + } else { + if (this.indice > 0) { + this.indice = this.indice - 1; + } + } + this.prestacionRelacionada = this.prestaciones?.find(p => p.id === this.registro.evoluciones[this.indice].idPrestacion); + this.buscarRelacion(); + } + + buscarRelacion() { + const relacionInvertida = this.contextoEvolutivo.ejecucion.registros.find(r => { + return r.relacionadoCon.some(rl => rl.concepto.conceptId === this.registro.concepto.conceptId); + }); + + if (relacionInvertida) { + this.relacionAux = relacionInvertida; + } else { + if (this.registro.evoluciones[this.indice]?.relacionadoCon[0]?.concepto.conceptId === '1921000013108') { + this.relacionAux = this.registro.evoluciones[this.indice].relacionadoCon[0]; + } else { + this.relacionAux = null; + } + } + } + + getPrestacion() { + const tipo = 'rup'; + this.huds.toogle(this.prestacionRelacionada, tipo); + } + + getEstado(tipo: string) { + return { activo: 'success', inactivo: 'danger', resuelto: 'info' }[tipo]; + } +} diff --git a/src/app/modules/rup/components/huds/detalleRegistroInterno.html b/src/app/modules/rup/components/huds/detalleRegistroInterno.html new file mode 100644 index 0000000000..9a7eefee15 --- /dev/null +++ b/src/app/modules/rup/components/huds/detalleRegistroInterno.html @@ -0,0 +1,28 @@ + +
+ +
+ + {{registro.concepto.semanticTag}} + +
Registros
+
+
+
+
+ +
+ Profesional +

{{prestacion?.solicitud.profesional | nombre}}

+
+
+ Ámbito +

{{prestacion?.solicitud.ambitoOrigen}}

+
+
+ Organización +

{{prestacion?.solicitud.organizacion.nombre}}

+
+ +
+ \ No newline at end of file diff --git a/src/app/modules/rup/components/huds/detalleRegistroInterno.scss b/src/app/modules/rup/components/huds/detalleRegistroInterno.scss new file mode 100644 index 0000000000..8a0333245a --- /dev/null +++ b/src/app/modules/rup/components/huds/detalleRegistroInterno.scss @@ -0,0 +1,33 @@ +.registros { + display: flex; + align-items: center; + grid-gap: 20px; + + .icon-info { + color: var(--nav-bar-color); + padding: 5px; + border: 1px solid var(--nav-bar-color); + border-radius: 100%; + width: 50px; + height: 50px; + align-items: center; + display: flex; + justify-content: center; + } + + .info-registro { + display: flex; + flex-direction: column; + + plex-badge { + margin-bottom: 10px; + } + + hr { + float: left; + margin: 0.75rem 0; + width: 35px; + border: solid 0.5px var(--nav-bar-color); + } + } +} \ No newline at end of file diff --git a/src/app/modules/rup/components/huds/detalleRegistroInterno.ts b/src/app/modules/rup/components/huds/detalleRegistroInterno.ts new file mode 100644 index 0000000000..f1b30a72c5 --- /dev/null +++ b/src/app/modules/rup/components/huds/detalleRegistroInterno.ts @@ -0,0 +1,26 @@ +import { Component, Input, OnChanges, OnInit } from '@angular/core'; +import { PrestacionesService } from '../../services/prestaciones.service'; + +@Component({ + selector: 'detalle-registro-interno', + templateUrl: 'detalleRegistroInterno.html', + styleUrls: ['detalleRegistroInterno.scss'] +}) + +export class DetalleRegistroInternoComponent implements OnChanges { + @Input() registro; + + public prestacion; + + constructor( + public prestacionesService: PrestacionesService, + ) { } + + ngOnChanges() { + if (this.registro?.idPrestacio) { + this.prestacionesService.getById(this.registro.idPrestacion).subscribe(resultado => { + this.prestacion = resultado; + }); + } + } +} diff --git a/src/app/modules/rup/components/huds/internacion/detalleRegistroInternacion.html b/src/app/modules/rup/components/huds/internacion/detalleRegistroInternacion.html new file mode 100644 index 0000000000..0ce164d6b9 --- /dev/null +++ b/src/app/modules/rup/components/huds/internacion/detalleRegistroInternacion.html @@ -0,0 +1,237 @@ +
+
+ +
+ + + + + + + + +
+
+ + + + + + +
+ + + + +
+ + +
+ +
+ + + + +
+ + + + +
+ +
+
+
+ +
+
+
+ {{prestacion.prestacion.term}} +
+ + {{ prestacion.data.estadoActual.tipo }} + +
+
+ + + + +
+ +
+ + + +
+
+
+
+ +
+
+ + {{ elemento.nombre[0].toUpperCase() + elemento.nombre.slice(1) }} + +
+ Relacionado con: + + + {{ relacionado | relacionRUP }} + + +
+
+
+ + Relacionado con: + {{ elemento.relacionadoCon[0].concepto?.term[0].toUpperCase() + + elemento.relacionadoCon[0].concepto?.term.slice(1)}} + + + Procedimiento / diagnóstico principal + +
+
+
+
+ + {{ (elemento.esSolicitud) ? 'solicitud' : + elemento.concepto.semanticTag}} + +
+
+
+
+ + + +
+
+
+
+
+
+ + +
+
+ + +
+ +
+ + + + +
+ + + + +
+ +
+ + +
+ +
+
+
+ {{prestacion.concepto.term}} +
+
+
+ + +
+ +
+ + +
+
+
+
+ +
+
+ + {{ prestacion.nombre[0].toUpperCase() + prestacion.nombre.slice(1) }} + +
+ Relacionado con: + + + {{ relacionado | relacionRUP }} + + +
+
+
+ + {{ prestacion?.concepto.semanticTag}} + + + Procedimiento / diagnóstico principal + +
+
+
+
+ + {{ (prestacion.esSolicitud) ? 'solicitud' : + prestacion.concepto.semanticTag}} + +
+
+
+
+ + + +
+
+
+
+
+
+ + +
+
\ No newline at end of file diff --git a/src/app/modules/rup/components/huds/internacion/detalleRegistroInternacion.scss b/src/app/modules/rup/components/huds/internacion/detalleRegistroInternacion.scss new file mode 100644 index 0000000000..02b5999f7e --- /dev/null +++ b/src/app/modules/rup/components/huds/internacion/detalleRegistroInternacion.scss @@ -0,0 +1,82 @@ +.prestacion-label { + display: contents; +} + +.badges { + display: flex; + column-gap: 5px; + align-items: flex-start; +} + +.lista-prestacion { + .lista-grid { + column-gap: 3%; + } + + .titulo { + display: flex; + align-items: center; + } + + .lista-header { + display: flex; + align-items: center; + justify-content: space-between; + + .titulo { + color: var(--nav-bar-color); + } + + .icono { + padding: 10px 15px; + margin-right: 10px; + color: white; + background-color: var(--nav-bar-color); + + plex-icon i { + font-size: 20px; + } + } + } + + .lista-detail { + display: flex; + column-gap: 20px; + justify-content: space-around; + } + + .lista-panel { + margin-bottom: 3px; + display: block; + + .icono { + border: 1px solid #00bcb4; + border-radius: 100%; + height: 40px; + width: 40px; + display: flex; + justify-content: center; + align-items: center; + margin-right: 10px; + + &.medico { + border-color: #00bcb4; + color: #00bcb4; + } + + &.hidrico { + border-color: #47c0e9; + color: #47c0e9; + } + } + } +} + +.accordion .card-header { + padding: 0 !important +} + +.filtro-fechas { + display: flex; + column-gap: 8px; +} \ No newline at end of file diff --git "a/src/app/modules/rup/components/huds/internacion/detalleRegistroInternaci\303\263n.component.ts" "b/src/app/modules/rup/components/huds/internacion/detalleRegistroInternaci\303\263n.component.ts" new file mode 100644 index 0000000000..522db5926d --- /dev/null +++ "b/src/app/modules/rup/components/huds/internacion/detalleRegistroInternaci\303\263n.component.ts" @@ -0,0 +1,123 @@ + +import { Component, Input, OnInit } from '@angular/core'; +import { PlanIndicacionesServices } from 'src/app/apps/rup/mapa-camas/services/plan-indicaciones.service'; +import { IPaciente } from 'src/app/core/mpi/interfaces/IPaciente'; +import { ElementosRUPService } from '../../../services/elementosRUP.service'; +import { PrestacionesService } from '../../../services/prestaciones.service'; + +@Component({ + selector: 'detalle-registro-internacion', + templateUrl: 'detalleRegistroInternacion.html', + styleUrls: ['detalleRegistroInternacion.scss'] +}) + +export class DetalleRegistroInternacionComponent implements OnInit { + @Input() paciente: IPaciente; + @Input() internacion; + + public ready$ = this.elementosRUPService.ready; + public mostrarMas = false; + public registro; + public prestacion; + public indicaciones; + public tipo; + public prestacionSeleccionada = []; + public tiposPrestacion; + public indicacionesCache; + public fechaInicio; + public fechaFin; + + constructor( + public servicioPrestacion: PrestacionesService, + public elementosRUPService: ElementosRUPService, + private planIndicacionesServices: PlanIndicacionesServices, + ) { + } + + ngOnInit() { + const { data: { id, index, registros, indices, fechaIngreso } } = this.internacion; + + if (id) { + if (registros) { + this.registro = registros[index]; + this.tipo = 'internacion'; + + if (this.registro.conceptId) { + this.getPrestacion(this.registro.idPrestacion); + this.filtrarIndicaciones(this.registro.conceptId, id, fechaIngreso); + } else { + this.indicaciones = Object.values(this.registro).reverse(); + this.indicacionesCache = Object.values(this.registro); + this.tiposPrestacion = this.indicaciones.map(p => p.prestacion); + this.tipo = 'otras'; + } + } + } else { + this.registro = indices[index]; + this.indicaciones = Object.values(registros[index]).reverse(); + + if (this.registro.conceptId) { + this.tipo = 'internacion'; + this.getPrestacion(this.registro.idPrestacion); + } else { + this.tipo = 'sinInternacion'; + this.indicacionesCache = Object.values(registros[index]); + this.tiposPrestacion = this.indicaciones.map(p => p.concepto); + } + } + } + + getPrestacion(id) { + this.servicioPrestacion.getById(id).subscribe((prestacion) => { + this.prestacion = prestacion; + }); + } + + filtrarIndicaciones(conceptId, idInternacion, fecha) { + this.planIndicacionesServices.getIndicaciones(idInternacion, fecha, 'medica').subscribe((indicaciones) => { + this.indicaciones = indicaciones.filter((indicacion) => indicacion.concepto.conceptId === conceptId).map((indicacion) => { + const diasSuministro = moment().diff(moment(indicacion.fechaInicio), 'days'); + + return { ...indicacion, diasSuministro }; + }); + }); + } + + getIndicaciones(id) { + this.planIndicacionesServices.search({ prestacion: id }).subscribe((indicaciones) => { + this.indicaciones = indicaciones; + }); + } + + mostrar() { + this.mostrarMas = !this.mostrarMas; + } + + getTimestamp(fecha) { + return fecha.getTime(); + } + + filtrar() { + let filtroIndicaciones = this.indicacionesCache.slice(); + + if (this.prestacionSeleccionada?.length) { + const seleccion = this.prestacionSeleccionada.map(e => e.prestacion ? e.prestacion.conceptId : e.conceptId); + + filtroIndicaciones = filtroIndicaciones.filter(p => seleccion.includes(p.concepto?.conceptId || p.prestacion?.conceptId)); + } + + if (this.fechaInicio || this.fechaFin) { + filtroIndicaciones = filtroIndicaciones.filter(p => { + const inicio = this.fechaInicio && moment(this.fechaInicio).startOf('day').toDate(); + const fin = this.fechaFin && moment(this.fechaFin).endOf('day').toDate(); + const fecha = p.createdAt || p.fecha; + + return inicio && fin ? moment(fecha).isSameOrAfter(inicio) && moment(fecha).isSameOrBefore(fin) + : inicio && !fin ? moment(fecha).isSameOrAfter(inicio) + : moment(fecha).isSameOrBefore(fin); + }); + } + + this.indicaciones = filtroIndicaciones; + } +} diff --git a/src/app/modules/rup/components/huds/internacion/paciente/detallePaciente.html b/src/app/modules/rup/components/huds/internacion/paciente/detallePaciente.html new file mode 100644 index 0000000000..1c242d60b4 --- /dev/null +++ b/src/app/modules/rup/components/huds/internacion/paciente/detallePaciente.html @@ -0,0 +1,17 @@ + + +
{{ paciente | nombre }}
+
+ {{ paciente.documento | + number }} + {{ + paciente.numeroIdentificacion }} + Sin DNI +
+ + + + + + + \ No newline at end of file diff --git a/src/app/modules/rup/components/huds/internacion/paciente/detallePaciente.ts b/src/app/modules/rup/components/huds/internacion/paciente/detallePaciente.ts new file mode 100644 index 0000000000..af0904a278 --- /dev/null +++ b/src/app/modules/rup/components/huds/internacion/paciente/detallePaciente.ts @@ -0,0 +1,11 @@ +import { Component, Input } from '@angular/core'; + +@Component({ + selector: 'detalle-paciente', + templateUrl: 'detallePaciente.html', +}) + +export class DetallePacienteComponent { + @Input() paciente; + +} diff --git a/src/app/modules/rup/components/huds/internacion/registro/listadoRegistros.html b/src/app/modules/rup/components/huds/internacion/registro/listadoRegistros.html new file mode 100644 index 0000000000..07f85f7169 --- /dev/null +++ b/src/app/modules/rup/components/huds/internacion/registro/listadoRegistros.html @@ -0,0 +1,74 @@ + + +
+
+
+
+ Indicaciones de + medicación + Indicaciones de + hidratación +
+
+
+ + +
+
+
+ +
+
+ {{indicacion.nombre}} +
+ + +
+
+
+ + {{ indicacion.diasSuministro > 0 ? indicacion.diasSuministro + ' días' : + 'Hoy' }} + + + {{ indicacion.estado.tipo}} + +
+ + + + + + + + + + + + +
+ + +
+
+ \ No newline at end of file diff --git a/src/app/modules/rup/components/huds/internacion/registro/listadoRegistros.ts b/src/app/modules/rup/components/huds/internacion/registro/listadoRegistros.ts new file mode 100644 index 0000000000..9d25590aa3 --- /dev/null +++ b/src/app/modules/rup/components/huds/internacion/registro/listadoRegistros.ts @@ -0,0 +1,13 @@ +import { Component, Input } from '@angular/core'; + +@Component({ + selector: 'listado-registros', + templateUrl: 'listadoRegistros.html', + styleUrls: ['./../detalleRegistroInternacion.scss'] +}) + +export class ListadoRegistrosComponent { + @Input() registro; + @Input() indicaciones; + +} diff --git a/src/app/modules/rup/components/huds/vistaCDA.component.ts b/src/app/modules/rup/components/huds/vistaCDA.component.ts index f662ca2dd3..3694fd52ea 100644 --- a/src/app/modules/rup/components/huds/vistaCDA.component.ts +++ b/src/app/modules/rup/components/huds/vistaCDA.component.ts @@ -1,18 +1,20 @@ import { Component, OnInit, ViewEncapsulation, Input } from '@angular/core'; import { CDAService } from '../../services/CDA.service'; import { environment } from '../../../../../environments/environment'; +import { PrestacionesService } from '../../services/prestaciones.service'; @Component({ selector: 'vista-cda', templateUrl: 'vistaCDA.html', + styleUrls: ['vistaCDA.scss'], encapsulation: ViewEncapsulation.None, }) export class VistaCDAComponent implements OnInit { - @Input() registro: any = {}; // 12948300 + @Input() registro; - archivo: any; + archivo; public codificacionCDA = null; public autorCDA = null; diff --git a/src/app/modules/rup/components/huds/vistaCDA.html b/src/app/modules/rup/components/huds/vistaCDA.html index 181a0546dd..3c76495691 100644 --- a/src/app/modules/rup/components/huds/vistaCDA.html +++ b/src/app/modules/rup/components/huds/vistaCDA.html @@ -1,107 +1,56 @@ - -
-
- -
-
-

- {{ registro.data.prestacion.snomed.term[0].toUpperCase() + - registro.data.prestacion.snomed.term.slice(1) }} -

-
- - {{ registro.data.prestacion.snomed.semanticTag }} -
+ + +
+ + {{ registro.data.prestacion.snomed.semanticTag || 'solicitud' }} + +
+ +
+ +
+ +
+ + Registros + +
{{ registro.data.fecha | fecha : 'utc' }}
+
-
-
- -
Registros
-
-
- {{ registro.data.fecha | fecha : 'utc' }} -
+
+ PDF + +
- -
-
- - Codificación:
- {{ codificacionCDA.code.$.code }} - {{ codificacionCDA.code.$.displayName }}
- - Registros de la consulta:
- - - - - - Sin registros. - -
-
- - Documentos adjuntos: -
- -
- {{ - registro.data.prestacion.snomed.term[0].toUpperCase() + - registro.data.prestacion.snomed.term.slice(1) - }} -
-
- PDF - - -
- -
- - - No hay documentos adjuntos. - -
- -
-
- -
-
-
- +
- -
-
 
-
-
- -
Datos de la Prestación
+
+ +
+ Profesionales +

+ {{registro?.data.profesional | nombre}}

+
+
+ Organización de origen +

+ {{ registro?.data.organizacion.nombre }}

-
-
-
- Profesionales:
- - {{registro?.data.profesional.apellido }} - {{registro?.data.profesional.nombre }}
- {{autorCDA?.name?.family}} - {{autorCDA?.name?.given}} - + +
+ Codificación +

+ {{ codificacionCDA.code.$.code }}

-
- Organización:
- - {{registro?.data.organizacion.nombre }} - - - {{organizacionCDA?.name}} - +
Tipo de prestación +

{{ codificacionCDA.code.$.displayName || 'No especificado'}}

-
+
- + +
+
+ Detalles del registro +

{{ codificacionCDA.text | html }}

- \ No newline at end of file + \ No newline at end of file diff --git a/src/app/modules/rup/components/huds/vistaCDA.scss b/src/app/modules/rup/components/huds/vistaCDA.scss new file mode 100644 index 0000000000..f1c4dabf07 --- /dev/null +++ b/src/app/modules/rup/components/huds/vistaCDA.scss @@ -0,0 +1,45 @@ +.titulo-badges { + display: flex; + column-gap: 5px; + align-items: center; +} + +.registros { + display: flex; + align-items: center; + grid-gap: 20px; + + .icon-info { + color: var(--nav-bar-color); + padding: 10px; + border: 1px solid var(--nav-bar-color); + border-radius: 100%; + width: 60px; + height: 60px; + align-items: center; + display: flex; + justify-content: center; + } + + .info-registro { + display: flex; + flex-direction: column; + + plex-badge { + margin-bottom: 10px; + } + + hr { + float: left; + margin: 0.75rem 0; + width: 35px; + border: solid 0.5px var(--nav-bar-color); + } + } +} + +.texto-detalle { + text-transform: capitalize; + font-size: 80%; + line-height: normal; +} \ No newline at end of file diff --git a/src/app/modules/rup/components/huds/vistaContextoPrestacion.html b/src/app/modules/rup/components/huds/vistaContextoPrestacion.html index ebd77811fa..2a280e58d4 100644 --- a/src/app/modules/rup/components/huds/vistaContextoPrestacion.html +++ b/src/app/modules/rup/components/huds/vistaContextoPrestacion.html @@ -15,7 +15,7 @@
Prestación: {{ prestacion.solicitud.tipoPrestacion.term }} - +
diff --git a/src/app/modules/rup/components/huds/vistaPrestacion.html b/src/app/modules/rup/components/huds/vistaPrestacion.html index 88f08a14d9..582a848607 100644 --- a/src/app/modules/rup/components/huds/vistaPrestacion.html +++ b/src/app/modules/rup/components/huds/vistaPrestacion.html @@ -15,55 +15,55 @@ - + - - - - - - - - - - - - - - diff --git a/src/app/modules/rup/components/huds/vistaPrestacion.ts b/src/app/modules/rup/components/huds/vistaPrestacion.ts index 5ade81a164..4fa45b7798 100644 --- a/src/app/modules/rup/components/huds/vistaPrestacion.ts +++ b/src/app/modules/rup/components/huds/vistaPrestacion.ts @@ -21,6 +21,7 @@ export class VistaPrestacionComponent implements OnInit { @Input() paciente: IPaciente; @Input() prestacion: IPrestacion; @Input() puedeEditar: boolean; + @Input() tipo; public ready$ = this.elementosRUPService.ready; public puedeDescargarInforme: boolean; @@ -34,9 +35,9 @@ export class VistaPrestacionComponent implements OnInit { constructor( private auth: Auth, private servicioDocumentos: DocumentosService, - public servicioPrestacion: PrestacionesService, + private servicioPrestacion: PrestacionesService, private servicioPaciente: PacienteService, - public elementosRUPService: ElementosRUPService, + private elementosRUPService: ElementosRUPService, private router: Router ) { } diff --git a/src/app/modules/rup/components/huds/vistaProcedimiento.html b/src/app/modules/rup/components/huds/vistaProcedimiento.html index 9eafebfb91..3a40d223de 100644 --- a/src/app/modules/rup/components/huds/vistaProcedimiento.html +++ b/src/app/modules/rup/components/huds/vistaProcedimiento.html @@ -43,8 +43,6 @@
[innerHTML]="prestacionesService.mostrarInformeRelacionado(paciente, registro, registro.concepto) | async">
- -
Profesionales:
@@ -68,7 +66,7 @@
diff --git a/src/app/modules/rup/components/huds/vistaSolicitudTop.html b/src/app/modules/rup/components/huds/vistaSolicitudTop.html index e2a045ec06..83e5e13c63 100644 --- a/src/app/modules/rup/components/huds/vistaSolicitudTop.html +++ b/src/app/modules/rup/components/huds/vistaSolicitudTop.html @@ -1,64 +1,65 @@ - -
- -
-
-

- {{ registro.solicitud.tipoPrestacion.term }} -

-
-
-
- -
Datos de la Solicitud
- - -
-
+ + +
+ + {{ estado }} + + + {{ registro.solicitud.tipoPrestacion.semanticTag || 'solicitud' }} + +
+ -
+
+ +
+ + + Registros + + + + +
+
+
+ Tipo de Prestación Origen +

+ {{registro.solicitud.tipoPrestacionOrigen.term}}

-
-
- Tipo de Prestación Origen - - {{registro.solicitud.tipoPrestacionOrigen.term}} - - Organización Origen - - {{registro.solicitud.organizacionOrigen.nombre}} - - Motivo - de Solicitud - - {{registro.solicitud.registros[0].valor.solicitudPrestacion.motivo}} - - Estado - {{estado}} - - - Turno Dado - Fecha Turno - {{ turno.horaInicio | fecha }} - {{ turno.horaInicio | date: 'HH:mm' }} - - - Observaciones - {{observaciones}} - - Archivos Adjuntos - - - (Sin documentos - adjuntos) - - -
+
+ Organización de origen +

+ {{registro.solicitud.organizacionOrigen.nombre}}

- + +
+
+
Diagnóstico / Motivo +

{{registro.solicitud.registros[0].valor.solicitudPrestacion.motivo || 'Sin diagnóstico o motivo'}}

+
+
+ Observaciones +

{{observaciones || 'Sin observaciones'}}

+
+
+ Archivos adjuntos +
+ + + (Sin documentos + adjuntos) +
+
+
+
Historial de la solicitud
+ +
+ +
+
\ No newline at end of file diff --git a/src/app/modules/rup/components/huds/vistaSolicitudTop.scss b/src/app/modules/rup/components/huds/vistaSolicitudTop.scss new file mode 100644 index 0000000000..9d9b7801ff --- /dev/null +++ b/src/app/modules/rup/components/huds/vistaSolicitudTop.scss @@ -0,0 +1,53 @@ +.titulo-badges { + display: flex; + column-gap: 5px; + align-items: center; +} + +.registros { + display: flex; + align-items: center; + grid-gap: 20px; + + .icon-info { + color: var(--nav-bar-color); + padding: 10px; + border: 1px solid var(--nav-bar-color); + border-radius: 100%; + width: 60px; + height: 60px; + align-items: center; + display: flex; + justify-content: center; + } + + .info-registro { + display: flex; + flex-direction: column; + + plex-badge { + margin-bottom: 10px; + } + + hr { + float: left; + margin: 0.75rem 0; + width: 35px; + border: solid 0.5px var(--nav-bar-color); + } + } +} + +.texto-detalle { + text-transform: capitalize; + font-size: 80%; + line-height: normal; +} + +.subtitulo { + font-size: 1.4em; + font-weight: 300; + margin-bottom: -5px; + text-transform: uppercase; + color: var(--nav-bar-color); +} \ No newline at end of file diff --git a/src/app/modules/rup/components/huds/vistaSolicitudTop.ts b/src/app/modules/rup/components/huds/vistaSolicitudTop.ts index 8c64af3cee..f05ff10280 100644 --- a/src/app/modules/rup/components/huds/vistaSolicitudTop.ts +++ b/src/app/modules/rup/components/huds/vistaSolicitudTop.ts @@ -3,16 +3,31 @@ import { TurnoService } from '../../../../services/turnos/turno.service'; import { HUDSService } from '../../services/huds.service'; @Component({ selector: 'vista-solicitud-top', - templateUrl: 'vistaSolicitudTop.html' + templateUrl: 'vistaSolicitudTop.html', + styleUrls: ['vistaSolicitudTop.scss'], }) export class VistaSolicitudTopComponent implements OnInit { - @Input() registro: any; - turno: any; - estado: string; + @Input() registro; + turno; + estado; observaciones = ''; + public tipoEstado = { + validada: 'success', + anulada: 'danger', + ejecucion: 'default', + pendiente: 'info', + auditoria: 'info', + asignada: 'success', + rechazada: 'danger', + vencida: 'danger', + 'turno dado': 'success', + 'contrarreferida': 'warning', + 'registro en huds': 'success' + }; + constructor( public servicioTurnos: TurnoService, public huds: HUDSService @@ -38,9 +53,8 @@ export class VistaSolicitudTopComponent implements OnInit { } } - getPrestacion() { + abrirSolicitud() { const tipo = 'rup'; this.huds.toogle(this.registro, tipo); } - } diff --git a/src/app/modules/rup/components/variables.scss b/src/app/modules/rup/components/variables.scss index fc487a2378..fe4e724763 100644 --- a/src/app/modules/rup/components/variables.scss +++ b/src/app/modules/rup/components/variables.scss @@ -8,12 +8,14 @@ $trastorno: #ff4a1a; $hallazgo: #f4a03b; $procedimiento: #92278e; $solicitud: #0070cc; +$prestacion: #e12079; // $productos: #ef0993; $producto: #00bcb4; $adjunto: #b9c512; $todos: #111; $otro: #b9c512; $invert: #002738; +$blue: #00a8e0; $calificador: #660520; $laboratorio: #a0a0a0; $registro: #8bc43f; // elemento de registro @@ -32,6 +34,7 @@ $rup_colors: (problema: $problema, regimen: $procedimiento, entidad: $procedimiento, solicitud: $solicitud, + prestacion: $prestacion, plan: $solicitud, producto: $producto, 'medicamento.clínico': $producto, @@ -42,6 +45,7 @@ $rup_colors: (problema: $problema, elementoderegistro: $registro, 'estructura.corporal': $registro, invert: $invert, + blue: $blue, todos: $todos, otro: $otro); diff --git a/src/app/modules/rup/huds-lib.module.ts b/src/app/modules/rup/huds-lib.module.ts index 6c30bf5429..8b388392fe 100644 --- a/src/app/modules/rup/huds-lib.module.ts +++ b/src/app/modules/rup/huds-lib.module.ts @@ -21,6 +21,8 @@ import { ListadoInternacionHudsComponent } from './components/huds/listado-inter import { VistaIPSComponent } from './components/huds/vista-ips.component'; import { VistaCDAComponent } from './components/huds/vistaCDA.component'; import { VistaContextoPrestacionComponent } from './components/huds/vistaContextoPrestacion'; +import { DetallePrestacionComponent } from './components/huds/detallePrestacion'; +import { DetalleRegistroInternoComponent } from './components/huds/detalleRegistroInterno'; import { VistaDetalleRegistroComponent } from './components/huds/vistaDetalleRegistro'; import { VistaProcedimientoComponent } from './components/huds/vistaProcedimiento'; import { VistaRegistroComponent } from './components/huds/vistaRegistro'; @@ -28,6 +30,10 @@ import { VistaSolicitudTopComponent } from './components/huds/vistaSolicitudTop' import { ElementosRUPModule } from './elementos-rup.module'; import { RUPLibModule } from './rup-lib.module'; import { VistaHistorialTurnosComponent } from './components/huds/vistaHistorialTurnos.component'; +import { DetalleRegistronComponent } from './components/huds/detalleRegistro'; +import { DetalleRegistroInternacionComponent } from './components/huds/internacion/detalleRegistroInternación.component'; +import { ListadoRegistrosComponent } from './components/huds/internacion/registro/listadoRegistros'; +import { DetallePacienteComponent } from './components/huds/internacion/paciente/detallePaciente'; @NgModule({ imports: [ @@ -58,12 +64,18 @@ import { VistaHistorialTurnosComponent } from './components/huds/vistaHistorialT VistaRegistroComponent, VistaProcedimientoComponent, VistaContextoPrestacionComponent, + DetallePrestacionComponent, + DetalleRegistroInternacionComponent, + DetalleRegistroInternoComponent, + ListadoRegistrosComponent, + DetalleRegistronComponent, + DetallePacienteComponent, VistaDetalleRegistroComponent, VistaAccesosHudsComponent, VistaSolicitudTopComponent, VistaHistorialTurnosComponent, HudsBusquedaComponent, - ListadoInternacionHudsComponent + ListadoInternacionHudsComponent, ], exports: [ VistaCDAComponent, @@ -75,6 +87,10 @@ import { VistaHistorialTurnosComponent } from './components/huds/vistaHistorialT VistaRegistroComponent, VistaProcedimientoComponent, VistaContextoPrestacionComponent, + DetallePrestacionComponent, + DetalleRegistroInternacionComponent, + DetalleRegistronComponent, + DetalleRegistroInternoComponent, VistaDetalleRegistroComponent, VistaAccesosHudsComponent, VistaSolicitudTopComponent, diff --git a/src/app/modules/rup/services/huds.service.ts b/src/app/modules/rup/services/huds.service.ts index 4f10a887ac..b9976144bb 100644 --- a/src/app/modules/rup/services/huds.service.ts +++ b/src/app/modules/rup/services/huds.service.ts @@ -46,10 +46,11 @@ export class HUDSService { */ public toogle(registro: Registro, tipo: string) { const index = this.index(registro, tipo); + if (index === -1) { const elemento: ElementoHUDS = { tipo: tipo, - data: registro + data: { ...registro } }; this.push(elemento); } else { @@ -69,6 +70,7 @@ export class HUDSService { } for (let i = 0; i < this._registrosHUDS.length; i++) { const _registro = this._registrosHUDS[i].data; + if (this._registrosHUDS[i].tipo === tipo) { switch (tipo) { case 'concepto': @@ -85,12 +87,14 @@ export class HUDSService { case 'cda': case 'dominio': case 'solicitud': + case 'ficha-epidemiologica': if (registro.id === _registro.id) { return i; } break; - case 'ficha-epidemiologica': - if (registro.id === _registro.id) { + + case 'internacion': + if (registro.id === _registro.id && registro.index === _registro.index) { return i; } break;