Skip to content

Commit

Permalink
improved uigen html output
Browse files Browse the repository at this point in the history
  • Loading branch information
@ppazos
ppazos committed Oct 23, 2023
1 parent e20d655 commit a0a7d46
Show file tree
Hide file tree
Showing 5 changed files with 590 additions and 258 deletions.
104 changes: 104 additions & 0 deletions Monitoreo de signos vitales_20231022062345_es.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,104 @@
<!doctype html">
<html lang="es">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" /><!-- simple style -->
<link rel="stylesheet" href="/static/style.css" />
<style>
.form-item {
padding-left: 1em;
margin-bottom: 0.5em;
}
</style><!-- boostrap style -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" />
</head>
<body>
<div class="form-container">
<h1>Monitoreo de signos vitales</h1>
<input type="hidden" name="template_id" value="Monitoreo de signos vitales" />
<div class="OBSERVATION form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.presion_arterial.v1]">
<span class="col">
<label>Presion arterial</label>
</span>
<div class="EVENT form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.presion_arterial.v1]/data[at0001]/events[at0002]">
<span class="col">
<label>Cualquier evento</label>
</span>
<div class="ELEMENT form-group row form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.presion_arterial.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0004]">
<label class="col col-form-label">Sistolica</label>
<div class="col">
<input class="DV_QUANTITY form-control" type="number" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.presion_arterial.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0004]/value/magnitude" data-archetype="openEHR-EHR-OBSERVATION.presion_arterial.v1" data-path="/data[at0001]/events[at0002]/data[at0003]/items[at0004]/value/magnitude" />
</div>
<div class="col">
<select class="DV_QUANTITY form-control" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.presion_arterial.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0004]/value/units" data-archetype="openEHR-EHR-OBSERVATION.presion_arterial.v1" data-path="/data[at0001]/events[at0002]/data[at0003]/items[at0004]/value/units">
<option value=""></option>
<option value="mm[Hg]">mm[Hg]</option>
</select>
</div>
</div>
<div class="ELEMENT form-group row form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.presion_arterial.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0005]">
<label class="col col-form-label">Diastolica</label>
<div class="col">
<input class="DV_QUANTITY form-control" type="number" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.presion_arterial.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value/magnitude" data-archetype="openEHR-EHR-OBSERVATION.presion_arterial.v1" data-path="/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value/magnitude" />
</div>
<div class="col">
<select class="DV_QUANTITY form-control" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.presion_arterial.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value/units" data-archetype="openEHR-EHR-OBSERVATION.presion_arterial.v1" data-path="/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value/units">
<option value=""></option>
<option value="mm[Hg]">mm[Hg]</option>
</select>
</div>
</div>
</div>
</div>
<div class="OBSERVATION form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1]">
<span class="col">
<label>Frecuencia cardiaca</label>
</span>
<div class="EVENT form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1]/data[at0001]/events[at0002]">
<span class="col">
<label>Cualquier evento</label>
</span>
<div class="ELEMENT form-group row form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0004]">
<label class="col col-form-label">Medida de frecuencia cardiaca</label>
<div class="col">
<input class="DV_QUANTITY form-control" type="number" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0004]/value/magnitude" data-archetype="openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1" data-path="/data[at0001]/events[at0002]/data[at0003]/items[at0004]/value/magnitude" />
</div>
<div class="col">
<select class="DV_QUANTITY form-control" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0004]/value/units" data-archetype="openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1" data-path="/data[at0001]/events[at0002]/data[at0003]/items[at0004]/value/units">
<option value=""></option>
<option value="/min">/min</option>
</select>
</div>
</div>
<div class="ELEMENT form-group row form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0005]">
<label class="col col-form-label">Comentario</label>
<textarea class="DV_TEXT form-control" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value/value" data-archetype="openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1" data-path="/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value"></textarea>
</div>
</div>
</div>
<div class="OBSERVATION form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.saturacion_de_oxigeno.v1]">
<span class="col">
<label>Saturacion de oxigeno</label>
</span>
<div class="EVENT form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.saturacion_de_oxigeno.v1]/data[at0001]/events[at0002]">
<span class="col">
<label>Cualquier evento</label>
</span>
<div class="ELEMENT form-group row form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.saturacion_de_oxigeno.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0005]">
<label class="col col-form-label">SpO2</label>
<div class="col-md-5">
<label>numerator
<input type="number" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.saturacion_de_oxigeno.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value/numerator" data-archetype="openEHR-EHR-OBSERVATION.saturacion_de_oxigeno.v1" data-path="/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value/numerator" class="DV_PROPORTION form-control" />
</label>
</div>
<div class="col-md-5">
<label>denominator
<input type="number" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.saturacion_de_oxigeno.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value/denominator" data-archetype="openEHR-EHR-OBSERVATION.saturacion_de_oxigeno.v1" data-path="/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value/denominator" class="DV_PROPORTION form-control" />
</label>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
109 changes: 109 additions & 0 deletions Monitoreo de signos vitales_20231022062804_es.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,109 @@
<!doctype html">
<html lang="es">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" /><!-- simple style -->
<link rel="stylesheet" href="/static/style.css" />
<style>
.form-item {
padding-left: 1em;
margin-bottom: 0.5em;
}
</style><!-- boostrap style -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" />
</head>
<body>
<div class="form-container">
<h1>Monitoreo de signos vitales</h1>
<input type="hidden" name="template_id" value="Monitoreo de signos vitales" />
<div class="OBSERVATION form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.presion_arterial.v1]">
<span class="col">
<label>Presion arterial</label>
</span>
<div class="EVENT form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.presion_arterial.v1]/data[at0001]/events[at0002]">
<span class="col">
<label>Cualquier evento</label>
</span>
<div class="ELEMENT form-group row form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.presion_arterial.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0004]">
<label class="col col-form-label">Sistolica</label>
<div class="DV_QUANTITY form-group row form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.presion_arterial.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0004]/value" />
<div class="col">
<input class="DV_QUANTITY form-control" type="number" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.presion_arterial.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0004]/value/magnitude" data-archetype="openEHR-EHR-OBSERVATION.presion_arterial.v1" data-path="/data[at0001]/events[at0002]/data[at0003]/items[at0004]/value/magnitude" />
</div>
<div class="col">
<select class="DV_QUANTITY form-control" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.presion_arterial.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0004]/value/units" data-archetype="openEHR-EHR-OBSERVATION.presion_arterial.v1" data-path="/data[at0001]/events[at0002]/data[at0003]/items[at0004]/value/units">
<option value=""></option>
<option value="mm[Hg]">mm[Hg]</option>
</select>
</div>
</div>
<div class="ELEMENT form-group row form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.presion_arterial.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0005]">
<label class="col col-form-label">Diastolica</label>
<div class="DV_QUANTITY form-group row form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.presion_arterial.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value" />
<div class="col">
<input class="DV_QUANTITY form-control" type="number" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.presion_arterial.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value/magnitude" data-archetype="openEHR-EHR-OBSERVATION.presion_arterial.v1" data-path="/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value/magnitude" />
</div>
<div class="col">
<select class="DV_QUANTITY form-control" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.presion_arterial.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value/units" data-archetype="openEHR-EHR-OBSERVATION.presion_arterial.v1" data-path="/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value/units">
<option value=""></option>
<option value="mm[Hg]">mm[Hg]</option>
</select>
</div>
</div>
</div>
</div>
<div class="OBSERVATION form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1]">
<span class="col">
<label>Frecuencia cardiaca</label>
</span>
<div class="EVENT form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1]/data[at0001]/events[at0002]">
<span class="col">
<label>Cualquier evento</label>
</span>
<div class="ELEMENT form-group row form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0004]">
<label class="col col-form-label">Medida de frecuencia cardiaca</label>
<div class="DV_QUANTITY form-group row form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0004]/value" />
<div class="col">
<input class="DV_QUANTITY form-control" type="number" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0004]/value/magnitude" data-archetype="openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1" data-path="/data[at0001]/events[at0002]/data[at0003]/items[at0004]/value/magnitude" />
</div>
<div class="col">
<select class="DV_QUANTITY form-control" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0004]/value/units" data-archetype="openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1" data-path="/data[at0001]/events[at0002]/data[at0003]/items[at0004]/value/units">
<option value=""></option>
<option value="/min">/min</option>
</select>
</div>
</div>
<div class="ELEMENT form-group row form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0005]">
<label class="col col-form-label">Comentario</label>
<div class="DV_TEXT form-group row form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value" />
<textarea class="DV_TEXT form-control" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value/value" data-archetype="openEHR-EHR-OBSERVATION.frecuencia_cardiaca.v1" data-path="/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value"></textarea>
</div>
</div>
</div>
<div class="OBSERVATION form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.saturacion_de_oxigeno.v1]">
<span class="col">
<label>Saturacion de oxigeno</label>
</span>
<div class="EVENT form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.saturacion_de_oxigeno.v1]/data[at0001]/events[at0002]">
<span class="col">
<label>Cualquier evento</label>
</span>
<div class="ELEMENT form-group row form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.saturacion_de_oxigeno.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0005]">
<label class="col col-form-label">SpO2</label>
<div class="DV_PROPORTION form-group row form-item" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.saturacion_de_oxigeno.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value" />
<div class="col-md-5">
<label>numerator
<input type="number" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.saturacion_de_oxigeno.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value/numerator" data-archetype="openEHR-EHR-OBSERVATION.saturacion_de_oxigeno.v1" data-path="/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value/numerator" class="DV_PROPORTION form-control" />
</label>
</div>
<div class="col-md-5">
<label>denominator
<input type="number" data-tpath="/content[archetype_id=openEHR-EHR-OBSERVATION.saturacion_de_oxigeno.v1]/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value/denominator" data-archetype="openEHR-EHR-OBSERVATION.saturacion_de_oxigeno.v1" data-path="/data[at0001]/events[at0002]/data[at0003]/items[at0005]/value/denominator" class="DV_PROPORTION form-control" />
</label>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Loading

0 comments on commit a0a7d46

Please sign in to comment.