Code: Select all
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui"
template="/WEB-INF/template.xhtml">
<ui:define name="title">Roster</ui:define>
<ui:define name="content">
<div class="wrapper">
<h2>Guild Roster</h2>
<h:form>
<p:dataTable value="#{rosterController.guildCharacters}" var="toon" rowKey="#{toon.id}" rowStyleClass="#{rosterController.fetchClassTextColor(toon.gameClass)}"
styleClass="rosterList" selectionMode="single">
<p:ajax event="rowSelect" listener="#{rosterController.loadCharacter()}" />
<p:column headerText="#{textRes.roster_char_name}" sortable="true" sortBy="#{toon.toonName}">
<h:outputText value="#{toon.toonName}" />
</p:column>
<p:column headerText="#{textRes.roster_char_class}" sortable="true" sortBy="#{toon.gameClass.gameId}">
<h:outputText value="#{toon.gameClass.name}" />
</p:column>
<p:column headerText="#{textRes.roster_char_level}" sortable="true" sortBy="#{toon.toonLevel}">
<h:outputText value="#{toon.toonLevel}" />
</p:column>
<p:column headerText="#{textRes.roster_char_grank}" sortable="true" sortBy="#{toon.guildRank}">
<h:outputText value="#{toon.guildRank}" />
</p:column>
</p:dataTable>
</h:form>
</div>
</ui:define>
</ui:composition>
Code: Select all
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui"
lang="en">
<h:head>
<f:facet name="first">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
</f:facet>
<title><ui:insert name="title">PrimeFaces Manhattan</ui:insert></title>
<h:outputScript name="js/nanoscroller.js" library="manhattan-layout" />
<h:outputScript name="js/layout.js" library="manhattan-layout" />
<ui:insert name="head"/>
</h:head>
<h:body>
<div class="layout-wrapper layout-slim">
<ui:include src="./sidebar.xhtml" />
<div class="layout-main">
<ui:include src="./topbar.xhtml" />
<div class="layout-content">
<ui:insert name="content"/>
</div>
<div class="layout-main-mask"></div>
</div>
<ui:include src="./rightpanel.xhtml" />
</div>
<p:ajaxStatus style="width:32px;height:32px;position:fixed;right:7px;bottom:7px">
<f:facet name="start">
<i class="fa fa-circle-o-notch fa-spin ajax-loader" aria-hidden="true"></i>
</f:facet>
<f:facet name="complete">
<h:outputText value="" />
</f:facet>
</p:ajaxStatus>
<h:outputStylesheet name="css/nanoscroller.css" library="manhattan-layout" />
<h:outputStylesheet name="css/layout-blue-grey.css" library="manhattan-layout" />
<h:outputStylesheet name="css/defaults.css" library="content" />
<h:outputStylesheet name="css/styling.css" library="content" />
</h:body>
</html>