Files
myhealth/1.sources/MyHealth/docroot/medicaltest/MedicalTests.xhtml
Roberto Orden Erena 2e0cc8bf36 Ver pruebas médicas casi funcionando al completo: falta cargar imagen real
Crear prueba medica: formulario comenzado.
2019-12-28 22:59:55 +01:00

92 lines
4.2 KiB
HTML

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:o="http://omnifaces.org/ui">
<ui:composition template="../header.xhtml">
<ui:define name="content">
<h:form id="frmMT">
<p:messages id="mesgs" showDetail="true" closable="true"
autoupdate="true" />
<div class="ui-g ui-fluid">
<div class="ui-g-5 ui-md-5">
<p:panel id="mainPanel" header="Pruebas médicas">
<f:facet name="actions">
<h:commandLink action="#{mt.addMT}" immediate="true" update="frmMT" rendered="#{mt.patIdSelected != -1}" styleClass="ui-panel-titlebar-icon ui-corner-all ui-state-default">
<h:outputText styleClass="ui-icon pi pi-plus" />
</h:commandLink>
</f:facet>
<p:selectOneMenu id="lazy" value="#{mt.patIdSelected}" converter="omnifaces.SelectItemsConverter">
<p:ajax event="valueChange" listener="#{mt.onSelectPatient}" update="frmMT"/>
<f:selectItem itemLabel="Todos" itemValue="-1" />
<f:selectItems value="#{mt.patients}" var="el" itemLabel="#{el.name} #{el.surname}" itemValue="#{el.id}" />
</p:selectOneMenu>
<p:orderList id="medicalTestList" value="#{mt.medicalTests}" var="el" itemValue="#{el}" controlsLocation="none" responsive="true">
<p:ajax event="select" listener="#{mt.onSelectMT}" update="frmMT"/>
<o:converter converterId="omnifaces.ListConverter" list="#{mt.medicalTests}" />
<p:column>
<h:outputText value="#{el.onlyDate} - #{el.type.testTypeName}"/>
<br/>
<h:outputText rendered="#{mt.patIdSelected == -1}" value="#{el.patient.name} #{el.patient.surname}" style="font-size: 0.8em !important; font-style: italic;" />
</p:column>
</p:orderList>
</p:panel>
</div>
<div class="ui-g-7 ui-md-7">
<p:panel rendered="#{mt.viewEdit}" id="detailPanel" header="Detalle de prueba médica">
<div class="ui-g ui-fluid">
<div class="ui-g-4 ui-md-4">Fecha: </div>
<div class="ui-g-8 ui-md-8">
<h:outputText value="#{mt.selected.date}"></h:outputText>
</div>
<div class="ui-g-4 ui-md-4">Hora: </div>
<div class="ui-g-8 ui-md-8">
<h:outputText value="#{mt.selected.time}"></h:outputText>
</div>
<div class="ui-g-4 ui-md-4">Observaciones: </div>
<div class="ui-g-8 ui-md-8">
<h:outputText value="#{mt.selected.observations}"></h:outputText>
</div>
<div class="ui-g-4 ui-md-4">Tipo de prueba: </div>
<div class="ui-g-8 ui-md-8">
<h:outputText value="#{mt.selected.type.testTypeName}"></h:outputText>
</div>
<div class="ui-g-4 ui-md-4">Imagen de alta resolución: </div>
<div class="ui-g-8 ui-md-8">
<h:outputText rendered="#{mt.selected.highresimage != null}" value="#{mt.selected.highresimage}"></h:outputText>
</div>
</div>
</p:panel>
<p:panel rendered="#{mt.viewCreate}" id="createPanel" header="Detalle de prueba médica">
<div class="ui-g ui-fluid">
<div class="ui-g-4 ui-md-4">Fecha: </div>
<div class="ui-g-8 ui-md-8">
<p:inputText value="#{mt.selected.date}"></p:inputText>
</div>
<div class="ui-g-4 ui-md-4">Hora: </div>
<div class="ui-g-8 ui-md-8">
<p:inputText value="#{mt.selected.time}"></p:inputText>
</div>
<div class="ui-g-4 ui-md-4">Observaciones: </div>
<div class="ui-g-8 ui-md-8">
<p:textEditor value="#{mt.selected.observations}"></p:textEditor>
</div>
<div class="ui-g-4 ui-md-4">Tipo de prueba: </div>
<div class="ui-g-8 ui-md-8">
<p:selectOneMenu value="#{mt.selected.type}">
<f:selectItems value="#{mt.selected.type}" />
</p:selectOneMenu>
</div>
</div>
</p:panel>
</div>
</div>
</h:form>
</ui:define>
</ui:composition>
</html>