droideparanoico/myhealth
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Pagina home con layout fluid y tabla de datos con botón refresh.

Browse Source
This commit is contained in:
Marcos Garcia Nuñez
2019-12-16 23:15:18 +01:00
parent 63101a301b
commit e04bbf6f35
2 changed files with 46 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
1.sources/MyHealth/docroot/home.xhtml
View File

@@ -11,35 +11,52 @@
<ui:define name="content">
<h:form>
<p:messages id="mesgs" showDetail="true" closable="true" autoupdate="true" />
<p:panel header="Pagina principal">
<p:panelGrid>
<p:outputLabel for="selectorTema" value="Cambio de tema" />
<p:themeSwitcher id="selectorTema" style="width:165px" value="#{sessionPreferences.currentTheme}">
<f:selectItem itemLabel="Seleccione un tema" itemValue="" noSelectionOption="true" />
<f:selectItems value="#{home.themes}" var="theme" itemLabel="#{theme.displayName}" itemValue="#{theme.name}" />
<p:ajax listener="#{sessionPreferences.updateCurrentTheme}" />
</p:themeSwitcher>
</p:panelGrid>
<h:panelGrid columns="2">
<h:outputLabel value="Fecha" />
<p:calendar pattern="dd/MM/yyyy" />
<h:outputLabel value="Rich Text Editor" />
<p:editor />
</h:panelGrid>
<h:panelGroup>
<h:panelGrid columns="2">
<div class="ui-g ui-fluid">
<div class="ui-g-2 ui-md-2">
<p:outputLabel for="selectorTema" value="Cambio de tema" />
</div>
<div class="ui-g-6 ui-md-6">
<p:themeSwitcher id="selectorTema" style="width:300px" value="#{sessionPreferences.currentTheme}">
<f:selectItem itemLabel="Seleccione un tema" itemValue="" noSelectionOption="true" />
<f:selectItems value="#{home.themes}" var="theme" itemLabel="#{theme.displayName}" itemValue="#{theme.name}" />
<p:ajax listener="#{sessionPreferences.updateCurrentTheme}" />
</p:themeSwitcher>
</div>
<div class="ui-g-4 ui-md-1" />
<div class="ui-g-4 ui-md-4" />
<div class="ui-g-4 ui-md-4 ">
<p:commandButton value="Usar tema en este sesión" update="mesgs" action="#{sessionPreferences.updateCurrentTheme}" icon="pi pi-save" />
</div>
<div class="ui-g-4 ui-md-4" />
<div class="ui-g-2 ui-md-2">
<div class="ui-inputgroup">
<p:calendar pattern="dd/MM/yyyy" showButtonPanel="true" autocomplete="true" />
<p:commandButton value="Fecha" />
</div>
</div>
<div class="ui-g-10 ui-md-10" />
<div class="ui-g-2 ui-md-2">
<h:outputLabel value="Fecha" />
<p:calendar pattern="dd/MM/yyyy" showButtonPanel="true" autocomplete="true" />
</div>
<div class="ui-g-10 ui-md-10" />
<div class="ui-g-12">
<h:outputLabel value="Rich Text Editor" />
</div>
<div class="ui-g-12 ui-md-12">
<p:editor />
</div>
<div class="ui-g-12 ui-md-12">
<h:outputLabel value="Logeado como:" />
<p:inputText readonly="true" value="#{home.userName}" />
</h:panelGrid>
</h:panelGroup>
</p:panel>
<p:panel>
<h:panelGroup>
<h:panelGrid columns="1">
<p:commandButton value="Usar tema en este sesión" update="mesgs" action="#{sessionPreferences.updateCurrentTheme}" icon="pi pi-save" />
</h:panelGrid>
</h:panelGroup>
</div>
</div>
</p:panel>
</h:form>
</ui:define>