From 6ecd7dd6e7b18e4fd3fd50b14039b7df949621cd Mon Sep 17 00:00:00 2001
From: aldoEMatamala <aldo.emanuel.matamla@gmail.com>
Date: Tue, 3 Dec 2024 19:39:48 -0300
Subject: [PATCH] feat(RUP-437): registro en rup para colposcopia

---
 .../elementos/colposcopia.component.html      | 56 +++++++++++++++++++
 .../elementos/colposcopia.component.ts        | 55 ++++++++++++++++++
 src/app/modules/rup/elementos-rup.module.ts   |  4 +-
 3 files changed, 114 insertions(+), 1 deletion(-)
 create mode 100644 src/app/modules/rup/components/elementos/colposcopia.component.html
 create mode 100644 src/app/modules/rup/components/elementos/colposcopia.component.ts

diff --git a/src/app/modules/rup/components/elementos/colposcopia.component.html b/src/app/modules/rup/components/elementos/colposcopia.component.html
new file mode 100644
index 0000000000..bd2b14c293
--- /dev/null
+++ b/src/app/modules/rup/components/elementos/colposcopia.component.html
@@ -0,0 +1,56 @@
+<ng-container *ngIf="!soloValores">
+    <form #formColposcopia="ngForm">
+        <plex-select label='Colposcopia' [(ngModel)]="colposcopiaRegistro.colposcopia" name="colposcopia1"
+                     [data]="colposcopia">
+        </plex-select>
+        <plex-text [(ngModel)]="colposcopiaRegistro.detalle" label="Detalle colposcopia" name="detalle" multiline="true"
+                   grow="full">
+        </plex-text>
+        <plex-select label='Visibilidad de la unión escamocolumnar' [(ngModel)]="colposcopiaRegistro.visibilidadUEC"
+                     name="visibilidadUEC" [data]="visibilidadUEC">
+        </plex-select>
+        <plex-radio [(ngModel)]="colposcopiaRegistro.zona" label="Zona de transformación" [data]="zonaTransformacion"
+                    name="zona">
+        </plex-radio>
+        <plex-select label='Hallazgos colposcopicos' [(ngModel)]="colposcopiaRegistro.hallazgos" name="hallazgos"
+                     [data]="hallazgos">
+        </plex-select>
+        <hr>
+        <plex-wrapper>
+            <plex-bool type="checkbox" label="¿Se toma biopsia?" [(ngModel)]="colposcopiaRegistro.biopsia"
+                       name="biopsia">
+            </plex-bool>
+            <plex-text *ngIf="colposcopiaRegistro.biopsia" [(ngModel)]="colposcopiaRegistro.descripcionBiopsia"
+                       label="Descripción Biopsia" name="biopsiaDescripcion" multiline="true" grow="full">
+            </plex-text>
+        </plex-wrapper>
+        <plex-bool type="checkbox" label="¿Se evalua conducto endocervical?"
+                   [(ngModel)]="colposcopiaRegistro.evaluacionEndocervical" name="biopsia">
+        </plex-bool>
+        <plex-radio label="Test de Schiller" [(ngModel)]="colposcopiaRegistro.testSchiller" name="biopsia"
+                    [data]="testSchiller">
+        </plex-radio>
+    </form>
+</ng-container>
+<div *ngIf="soloValores">
+    <plex-label [tituloBold]="true" titulo="Colposcopia {{registro.valor.colposcopia?.colposcopia?.nombre }}"
+                subtitulo="{{ registro.valor.colposcopia?.detalle}}"></plex-label>
+    <plex-badge *ngIf="registro.valor.colposcopia?.zona" type="info" hintIcon="informacion">Zona Transformación
+        {{registro.valor.colposcopia.zona}}</plex-badge>
+    <plex-badge *ngIf="registro.valor.colposcopia.hallazgos"
+                type="info">{{registro.valor.colposcopia?.hallazgos?.nombre}}
+    </plex-badge>
+    <plex-badge *ngIf="registro.valor.colposcopia.visibilidadUEC" type="info"> UEC
+        {{registro.valor.colposcopia.visibilidadUEC.nombre}}
+    </plex-badge>
+    <plex-badge *ngIf="registro.valor.colposcopia.biopsia" type="info"> Se toma biopsia
+    </plex-badge>
+    <plex-badge *ngIf="!registro.valor.colposcopia.biopsia" type="info"> No toma biopsia
+    </plex-badge>
+    <plex-badge *ngIf="registro.valor.colposcopia.testSchiller" type="info">Test Schiller positivo
+    </plex-badge>
+    <plex-badge *ngIf="!registro.valor.colposcopia.testSchiller" type="info"> Test Schiller negativo
+    </plex-badge>
+    <plex-badge *ngIf="registro.valor.colposcopia.evaluacionEndocervical" type="info">Conducto endocervical evaluado
+    </plex-badge>
+</div>
\ No newline at end of file
diff --git a/src/app/modules/rup/components/elementos/colposcopia.component.ts b/src/app/modules/rup/components/elementos/colposcopia.component.ts
new file mode 100644
index 0000000000..a310f4fdf3
--- /dev/null
+++ b/src/app/modules/rup/components/elementos/colposcopia.component.ts
@@ -0,0 +1,55 @@
+import { Component, OnInit } from '@angular/core';
+import { RupElement } from '.';
+import { RUPComponent } from '../core/rup.component';
+import { Unsubscribe } from '@andes/shared';
+
+@Component({
+    selector: 'app-colposcopia', templateUrl: './colposcopia.component.html'
+}
+)
+@RupElement('ColposcopiaComponent')
+
+export class ColposcopiaComponent extends RUPComponent implements OnInit {
+    public colposcopiaRegistro: any =
+    {
+        colpospia: null,
+        detalle: null,
+        visibilidadUEC: null,
+        zona: null,
+        biopsia: null,
+        descripcionBiopsia: null,
+        evaluacionEndocervical: null,
+        testSchiller: null
+    };
+    @Unsubscribe()
+    ngOnInit() {
+        if (!this.registro.valor) {
+            this.registro.valor = {};
+        }
+        if (!this.registro.valor.colposcopia) {
+            this.registro.valor.colposcopia = this.colposcopiaRegistro;
+        }
+    }
+
+    public colposcopia = [
+        { id: 'adecuada', nombre: 'adecuada' },
+        { id: 'inadecuada', nombre: 'inadecuada' }
+    ];
+    public visibilidadUEC = [
+        { id: 'completamenteV', nombre: 'completamente visible' },
+        { id: 'parcialmeteV', nombre: 'parcialmente visible' },
+        { id: 'noVisible', nombre: 'no visible' }
+
+    ];
+    public zonaTransformacion = [{ id: '1', label: '1' }, { id: '2', label: '2' }, { id: '3', label: '3' }];
+    public hallazgos = [
+        { id: 'normal', nombre: 'normal' },
+        { id: 'grado 1', nombre: 'grado 1' },
+        { id: 'grado 2', nombre: 'grado 2' },
+        { id: 'sospechaInvasion', nombre: 'sospecha invasión' },
+        { id: 'hallazgosVarios', nombre: 'hallazgos varios' }];
+    public testSchiller = [{ id: 'positivo', label: 'positivo' }, { id: 'negativo', label: 'negativo' }];
+
+
+}
+
diff --git a/src/app/modules/rup/elementos-rup.module.ts b/src/app/modules/rup/elementos-rup.module.ts
index 277ef064ef..b5171377c0 100644
--- a/src/app/modules/rup/elementos-rup.module.ts
+++ b/src/app/modules/rup/elementos-rup.module.ts
@@ -74,6 +74,7 @@ import { SemanticClassPipe } from './pipes/semantic-class.pipes';
 import { SemanticIconPipe } from './pipes/semantic-icon.pipes';
 import { RUPSoloValorPipe } from './pipes/elemento-rup-valor.pipes';
 import { DirectiveLibModule } from '../../directives/directives.module';
+import { ColposcopiaComponent } from './components/elementos/colposcopia.component';
 
 const RUPComponentsArray = [
     RUPComponent,
@@ -157,7 +158,8 @@ const RUPComponentsArray = [
         SemanticClassPipe,
         ElementoRUPByIdPipes,
         RUPSoloValorPipe,
-        RUPMedicamentosBusquedaDetalleComponent
+        RUPMedicamentosBusquedaDetalleComponent,
+        ColposcopiaComponent
     ],
     entryComponents: [
         ...RUPComponentsArray