(es). *Inlcuido javascript para traducción de los textos del componente datepicker a español.
87 lines
3.6 KiB
HTML
87 lines
3.6 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">
|
|
|
|
<ui:composition template="../header.xhtml">
|
|
<ui:define name="content">
|
|
<h:form id="frmVisitList">
|
|
<p:growl id="mesgs" showDetail="true" closable="true" autoupdate="true" />
|
|
<p:panel id="panelAngenda" header="Consultar agenda del día">
|
|
<div class="ui-g ui-fluid">
|
|
|
|
<div class="ui-g-2">
|
|
<p:outputLabel for="fecha" value="Ver agenda del día:" />
|
|
</div>
|
|
<div class="ui-g-3">
|
|
<div class="ui-inputgroup">
|
|
<p:datePicker id="fecha" value="#{VisitList.selectedDate}" pattern="dd/MM/yyyy" locale="es" showIcon="true" showButtonBar="true" autocomplete="true" required="true"
|
|
requiredMessage="Especifique una fecha para realizar la consulta.">
|
|
<f:convertDateTime type="localDate" pattern="dd/MM/yyyy" />
|
|
<p:ajax event="dateSelect" listener="#{VisitList.showData}" update="frmVisitList" />
|
|
</p:datePicker>
|
|
<p:commandButton value="Mostrar" update="frmVisitList" action="#{VisitList.showData}" icon="fa calendar-alt" />
|
|
</div>
|
|
</div>
|
|
<div class="ui-g-2" />
|
|
<div class="ui-g-5">
|
|
Médico de familia:
|
|
<h:outputText value="#{VisitList.familyDoctorDisplayName}" style="font-weight: bold;" />
|
|
</div>
|
|
|
|
<p:dataTable id="dtVisitList" widgetVar="dtVisitList" var="v" value="#{VisitList.lazyDataModelVisitList}" lazy="true" paginator="true" rows="10" paginatorPosition="bottom"
|
|
paginatorAlwaysVisible="true" paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
|
|
rowsPerPageTemplate="10,20,30,40" emptyMessage="No existen datos para los filtros seleccionados.">
|
|
|
|
<p:column headerText="Fecha" width="90">
|
|
<h:outputText value="#{v.date}">
|
|
<f:convertDateTime type="localDate" pattern="dd/MM/yyyy" />
|
|
</h:outputText>
|
|
</p:column>
|
|
|
|
<p:column headerText="Hora" width="60">
|
|
<h:outputText value="#{v.time}">
|
|
<f:convertDateTime type="localTime" pattern="HH:mm" />
|
|
</h:outputText>
|
|
</p:column>
|
|
|
|
<p:column headerText="Paciente" width="auto">
|
|
<h:outputText value="#{v.patient.displayName}" />
|
|
</p:column>
|
|
|
|
<p:column headerText="Observaciones" width="auto">
|
|
<h:outputText value="#{v.observations}" />
|
|
</p:column>
|
|
|
|
<p:column headerText="Resultado" width="auto">
|
|
<h:outputText value="#{v.result}" />
|
|
</p:column>
|
|
|
|
<p:column headerText="Ver" width="80px;">
|
|
<p:commandButton value="Ver" action="#{VisitList.showVisit(v.id)}" icon="pi pi-check" />
|
|
</p:column>
|
|
|
|
<p:column headerText="Modificar" width="100px;">
|
|
<p:commandButton value="Modificar" action="#{VisitList.editVisit(v.id)}" icon="pi pi-check" />
|
|
</p:column>
|
|
|
|
<f:facet name="paginatorBottomLeft">
|
|
<p:commandButton update="dtVisitList" action="#{VisitList.showData}" icon="pi pi-refresh" />
|
|
</f:facet>
|
|
</p:dataTable>
|
|
|
|
<div class="ui-g-12 ui-g-nopad">
|
|
<div class="ui-g-4 ui-md-5" />
|
|
<div class="ui-g-2 ui-md-2">
|
|
<p:button value="Volver" outcome="/home" icon="pi pi-home" />
|
|
</div>
|
|
<div class="ui-g-4 ui-md-5" />
|
|
</div>
|
|
</div>
|
|
</p:panel>
|
|
</h:form>
|
|
</ui:define>
|
|
</ui:composition>
|
|
</html>
|