From 9fa31c56b710b7f95149ea60ea8750eacedc2ec5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcos=20Garcia=20Nu=C3=B1ez?= <mgarcianun@uoc.edu>
Date: Sat, 4 Jan 2020 11:26:51 +0100
Subject: [PATCH] Mejora en interfaz. Quitado panel externo en preguntas.

---
 .../docroot/medicaltest/Questions.xhtml       | 147 +++++++++---------
 1 file changed, 72 insertions(+), 75 deletions(-)

diff --git a/1.sources/MyHealth/docroot/medicaltest/Questions.xhtml b/1.sources/MyHealth/docroot/medicaltest/Questions.xhtml
index 2eedb71..6014ac7 100644
--- a/1.sources/MyHealth/docroot/medicaltest/Questions.xhtml
+++ b/1.sources/MyHealth/docroot/medicaltest/Questions.xhtml
@@ -8,82 +8,79 @@
 	<ui:define name="content">
 		<h:form id="frmQuestions">
 			<p:growl id="mesgs" showDetail="true" closable="true" autoupdate="true" />
-
-			<p:panel id="panelQuestions" header="Preguntas">
-				<div class="ui-g ui-fluid">
-					<div class="ui-g-4">
-						<p:panel id="panelQuestionList" header="">
-							<f:facet name="header">
-								<h:outputText rendered="#{Questions.patient}" value="Lista de preguntas realizadas" />
-								<h:outputText rendered="#{Questions.familyDoctor}" value="Lista de preguntas pendientes" />
-							</f:facet>
-							<f:facet name="actions">
-								<h:commandLink action="#{Questions.init}" immediate="true" update="frmQuestions" styleClass="ui-panel-titlebar-icon ui-corner-all ui-state-default">
-									<h:outputText styleClass="ui-icon pi pi-refresh" />
-								</h:commandLink>
-								<h:commandLink rendered="#{Questions.patient}" action="#{Questions.create}" update="questionDetail" styleClass="ui-panel-titlebar-icon ui-corner-all ui-state-default">
-									<h:outputText styleClass="ui-icon pi pi-plus" />
-								</h:commandLink>
-							</f:facet>
-							<p:orderList value="#{Questions.pendingQuestions}" var="pq" controlsLocation="none" itemValue="#{pq}" responsive="true">
-								<o:converter converterId="omnifaces.ListConverter" list="#{Questions.pendingQuestions}" />
-								<p:ajax event="select" listener="#{Questions.onSelect}" update="questionDetail" />
-								<p:ajax event="unselect" listener="#{Questions.onUnSelect}" update="questionDetail" />
-								<p:column headerText="" style="width: 30px;">
-									<h:graphicImage name="images/#{pq.status}.png" alt="#{pq.status}" styleClass="ui-theme" />
-								</p:column>
-								<p:column headerText="Título" width="auto">
-									<h:outputText value="#{pq.title}" />
-								</p:column>
-							</p:orderList>
-						</p:panel>
-					</div>
-					<div class="ui-g-8">
-						<p:outputPanel id="questionDetail">
-							<p:panel id="panelAddQuestion" rendered="#{Questions.addNewMode}" header="Añadir nueva pregunta">
-								<div class="ui-g ui-fluid">
-									<div class="ui-g-12">
-										<h3>Título:</h3>
-										<p:inputText value="#{Questions.selected.title}" required="true" requiredMessage="Es necesario especificar el título de la pregunta" />
-									</div>
-									<div class="ui-g-12">
-										<h3>Pregunta:</h3>
-										<p:textEditor value="#{Questions.selected.message}" required="true" requiredMessage="Es necesario especificar el texto de la pregunta" />
-									</div>
-									<div class="ui-g-4" />
-									<div class="ui-g-4">
-										<p:commandButton value="Preguntar" action="#{Questions.addNewQuestion}" update="frmQuestions" icon="pi pi-save" />
-									</div>
-									<div class="ui-g-4" />
-								</div>
-							</p:panel>
-							<p:panel id="panelDetail" rendered="#{Questions.showPanelDetail}" header="Pregunta de #{Questions.selected.patient.displayName}">
-								<!-- Responder pregunta -->
-								<div class="ui-g ui-fluid">
-									<div class="ui-g-12">
-										<h3>Título:</h3>
-										<p:inputText value="#{Questions.selected.title}" readonly="true" />
-									</div>
-									<div class="ui-g-12">
-										<h3>Pregunta:</h3>
-										<p:textEditor value="#{Questions.selected.message}" toolbarVisible="false" readonly="true" />
-									</div>
-									<div class="ui-g-12">
-										<h3>Respuesta:</h3>
-										<p:textEditor value="#{Questions.selected.response}" toolbarVisible="#{Questions.respuestaEditable}" readonly="#{not Questions.respuestaEditable}" required="true"
-											requiredMessage="Es necesario especificar una respuesta." />
-									</div>
-									<div class="ui-g-4" />
-									<div class="ui-g-4">
-										<p:commandButton value="Responder" rendered="#{Questions.respuestaEditable}" action="#{Questions.save}" update="frmQuestions" icon="pi pi-save" />
-									</div>
-									<div class="ui-g-4" />
-								</div>
-							</p:panel>
-						</p:outputPanel>
-					</div>
+			<div class="ui-g ui-fluid">
+				<div class="ui-g-4">
+					<p:panel id="panelQuestionList" header="">
+						<f:facet name="header">
+							<h:outputText rendered="#{Questions.patient}" value="Lista de preguntas realizadas" />
+							<h:outputText rendered="#{Questions.familyDoctor}" value="Lista de preguntas pendientes" />
+						</f:facet>
+						<f:facet name="actions">
+							<h:commandLink action="#{Questions.init}" immediate="true" update="frmQuestions" styleClass="ui-panel-titlebar-icon ui-corner-all ui-state-default">
+								<h:outputText styleClass="ui-icon pi pi-refresh" />
+							</h:commandLink>
+							<h:commandLink rendered="#{Questions.patient}" action="#{Questions.create}" update="questionDetail" styleClass="ui-panel-titlebar-icon ui-corner-all ui-state-default">
+								<h:outputText styleClass="ui-icon pi pi-plus" />
+							</h:commandLink>
+						</f:facet>
+						<p:orderList value="#{Questions.pendingQuestions}" var="pq" controlsLocation="none" itemValue="#{pq}" responsive="true">
+							<o:converter converterId="omnifaces.ListConverter" list="#{Questions.pendingQuestions}" />
+							<p:ajax event="select" listener="#{Questions.onSelect}" update="questionDetail" />
+							<p:ajax event="unselect" listener="#{Questions.onUnSelect}" update="questionDetail" />
+							<p:column headerText="" style="width: 30px;">
+								<h:graphicImage name="images/#{pq.status}.png" alt="#{pq.status}" styleClass="ui-theme" />
+							</p:column>
+							<p:column headerText="Título" width="auto">
+								<h:outputText value="#{pq.title}" />
+							</p:column>
+						</p:orderList>
+					</p:panel>
 				</div>
-			</p:panel>
+				<div class="ui-g-8">
+					<p:outputPanel id="questionDetail">
+						<p:panel id="panelAddQuestion" rendered="#{Questions.addNewMode}" header="Añadir nueva pregunta">
+							<div class="ui-g ui-fluid">
+								<div class="ui-g-12">
+									<h3>Título:</h3>
+									<p:inputText value="#{Questions.selected.title}" required="true" requiredMessage="Es necesario especificar el título de la pregunta" />
+								</div>
+								<div class="ui-g-12">
+									<h3>Pregunta:</h3>
+									<p:textEditor value="#{Questions.selected.message}" required="true" requiredMessage="Es necesario especificar el texto de la pregunta" />
+								</div>
+								<div class="ui-g-4" />
+								<div class="ui-g-4">
+									<p:commandButton value="Preguntar" action="#{Questions.addNewQuestion}" update="frmQuestions" icon="pi pi-save" />
+								</div>
+								<div class="ui-g-4" />
+							</div>
+						</p:panel>
+						<p:panel id="panelDetail" rendered="#{Questions.showPanelDetail}" header="Pregunta de #{Questions.selected.patient.displayName}">
+							<!-- Responder pregunta -->
+							<div class="ui-g ui-fluid">
+								<div class="ui-g-12">
+									<h3>Título:</h3>
+									<p:inputText value="#{Questions.selected.title}" readonly="true" />
+								</div>
+								<div class="ui-g-12">
+									<h3>Pregunta:</h3>
+									<p:textEditor value="#{Questions.selected.message}" toolbarVisible="false" readonly="true" />
+								</div>
+								<div class="ui-g-12">
+									<h3>Respuesta:</h3>
+									<p:textEditor value="#{Questions.selected.response}" toolbarVisible="#{Questions.respuestaEditable}" readonly="#{not Questions.respuestaEditable}" required="true"
+										requiredMessage="Es necesario especificar una respuesta." />
+								</div>
+								<div class="ui-g-4" />
+								<div class="ui-g-4">
+									<p:commandButton value="Responder" rendered="#{Questions.respuestaEditable}" action="#{Questions.save}" update="frmQuestions" icon="pi pi-save" />
+								</div>
+								<div class="ui-g-4" />
+							</div>
+						</p:panel>
+					</p:outputPanel>
+				</div>
+			</div>
 		</h:form>
 	</ui:define>
 </ui:composition>