charts.xhtml 1.98 KB
<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core" xmlns:users="http://java.sun.com/jsf/composite/cditools/user"
	xmlns:p="http://primefaces.org/ui"
>
<h:body>
	<ui:composition template="#{sessionHandler.template}">
		<f:metadata>
			<f:event type="preRenderView" listener="#{chartView.initCreateView}" />
		</f:metadata>
		<ui:define name="content">
			<h:panelGrid columns="2">
				<h:form>
					<h:panelGroup>
						<h:panelGrid columns="2">
							<h:panelGroup>
				
								<h:outputLabel for="rolefilter" value="#{i18n['userlist.rolefilter']}" /> 
								<h:selectManyCheckbox layout="pageDirection" styleClass="nowrap" id="rolefilter"
											  value="#{chartView.filterRoles}" converter="#{roleConverter}">
									<f:selectItems value="#{roleDataView.roles}" var="r" itemLabel="#{r.name}" />
								</h:selectManyCheckbox>					
							</h:panelGroup>
							<h:panelGroup>
								<h:outputLabel for="typeShown" value="Kuvaajan y arvo" /> 
								<h:selectOneRadio layout="pageDirection" styleClass="nowrap" id="typeShown"
											  value="#{chartView.type}">
									<f:selectItem value="1" itemLabel="Prosentuaalinen"></f:selectItem>
									<f:selectItem value="0" itemLabel="Kokonaismäärä"></f:selectItem>
								</h:selectOneRadio>
							</h:panelGroup>
							<!-- <h:commandButton action="#{chartView.updateAgesChart()}" value="Päivitä kuvaaja"></h:commandButton> -->
						</h:panelGrid>
					</h:panelGroup>
					<h:panelGroup>
						<p:barChart id="basic" value="#{chartView.agesChart}" legendPosition="ne"  
            					title="Käyttäjien Ikäjakauma" style="width:600px" xaxisAngle="-45"/>  
					</h:panelGroup>
				</h:form>
			</h:panelGrid>
		</ui:define>
	</ui:composition>
</h:body>
</html>