<?xml version="1.0" encoding="UTF-8" ?>
-<ui:composition
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:f="http://java.sun.com/jsf/core"
- xmlns:h="http://java.sun.com/jsf/html"
- xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:f="http://java.sun.com/jsf/core"
+ xmlns:h="http://java.sun.com/jsf/html"
+ xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+ xmlns:p="http://primefaces.org/ui"
+ xmlns:pm="http://primefaces.org/mobile">
- <ui:insert name="metadata">
- </ui:insert>
+ <h:doctype rootElement="html" public="-//W3C//DTD XHTML 1.0 Transitional//EN" system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>
- <f:view locale="#{localizationController.locale}" contentType="text/html">
+ <html lang="#{localizationController.locale.language}" xml:lang="#{localizationController.locale.language}" xmlns="http://www.w3.org/1999/xhtml">
+ <f:view locale="#{localizationController.locale}" contentType="text/html" />
<h:head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <f:facet name="first">
+ <ui:insert name="metadata" />
+
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
+ <meta name="apple-mobile-web-app-capable" content="yes" />
+ </f:facet>
<f:loadBundle var="msg" basename="org.mxchange.localization.bundle" />
+ <f:loadBundle var="project" basename="org.mxchange.localization.project" />
+
+ <h:outputStylesheet name="/css/custom.css" />
- <h:outputStylesheet name="/css/default.css" />
- <h:outputStylesheet name="/css/cssLayout.css" />
+ <title>
+ <h:outputText value="#{initParam['project_title']} - " />
- <title>JJobs - <ui:insert name="title">Default title</ui:insert></title>
+ <ui:insert name="document_title">
+ <h:outputText value="Default document title" />
+ </ui:insert>
+ </title>
</h:head>
- <h:body id="body">
- <div id="top">
- <div id="page_header">
- <div id="page_title">
- <h1>JJobs - <ui:insert name="title">Default title</ui:insert></h1>
- </div>
- </div>
- </div>
-
- <div id="menu_content">
- <div id="left">
- <ui:insert name="menu">Default menu</ui:insert>
- <ui:include src="/WEB-INF/templates/generic/locale_selection_box.tpl" />
- </div>
-
- <div id="content_outer" class="left_content">
- <div id="content_header">
- <ui:insert name="content_header">Default content header</ui:insert>
- </div>
-
- <div id="content">
- <ui:insert name="content">Default content</ui:insert>
- </div>
-
- <h:panelGroup styleClass="error_container" layout="block">
- <h:messages showDetail="true" errorClass="errors" fatalClass="errors" warnClass="errors" />
+ <h:body>
+ <pm:page id="master">
+ <h:panelGroup styleClass="ui-fluid" layout="block">
+ <pm:header>
+ <h:panelGroup layout="block">
+ <h:panelGroup styleClass="page-header" layout="block">
+ <h1>
+ <h:outputText value="#{initParam['project_title']} - " />
+
+ <ui:insert name="content_header">
+ <h:outputText value="Default header title" />
+ </ui:insert>
+ </h1>
+ </h:panelGroup>
+
+ <h:panelGroup styleClass="page-content-gap" layout="block">
+ </h:panelGroup>
+ </h:panelGroup>
+ </pm:header>
+
+ <h:panelGroup styleClass="ui-g" layout="block">
+ <h:panelGroup styleClass="ui-g-12 ui-md-2" layout="block">
+ <ui:insert name="menu">
+ <h:outputText value="Default menu" />
+ </ui:insert>
+
+ <ui:include src="/WEB-INF/templates/widgets/locale_change_widget.tpl" />
+ </h:panelGroup>
+
+ <h:panelGroup styleClass="ui-g-12 ui-md-10 ui-g-nopad" layout="block">
+ <h:panelGroup styleClass="ui-g-12 ui-g-nopad">
+ <ui:insert name="content">
+ <h:outputText value="Default content" />
+ </ui:insert>
+ </h:panelGroup>
+ </h:panelGroup>
+
+ <h:panelGroup styleClass="ui-g-12 page-footer" layout="block">
+ <ui:insert name="footer">
+ <h:outputText value="Default footer" />
+ </ui:insert>
+ </h:panelGroup>
</h:panelGroup>
- </div>
- <div class="clear"></div>
- </div>
+ <h:panelGroup styleClass="error-container" layout="block">
+ <p:growl autoUpdate="true" showDetail="true" sticky="true" />
+
+ <p:ajaxExceptionHandler
+ type="javax.faces.application.ViewExpiredException"
+ update="exceptionDialog"
+ onexception="PF('exceptionDialog').show();"
+ />
- <div id="page_footer">
- <ui:insert name="footer">Default footer</ui:insert>
- </div>
+ <p:dialog id="exceptionDialog" closable="true" closeOnEscape="true" header="Exception '#{pfExceptionHandler.type}' occured!" widgetVar="exceptionDialog"
+ height="500px">
+ <div class="para">
+ <h:outputText value="#{msg.EXCEPTION_MESSAGE}:" />
+ <h:outputText value="#{pfExceptionHandler.message}" />
+ </div>
+
+ <div class="para">
+ <h:outputText value="#{msg.EXCEPTION_STACK_TRACE}:" />
+ <h:outputText value="#{pfExceptionHandler.formattedStackTrace}" escape="false" />
+ </div>
+
+ <div class="para">
+ <p:button onclick="window.location.href = document.location.href;"
+ value="#{msg.RELOAD_PAGE}"
+ rendered="#{pfExceptionHandler.type == 'javax.faces.application.ViewExpiredException'}" />
+ </div>
+ </p:dialog>
+ </h:panelGroup>
+ </h:panelGroup>
+ </pm:page>
</h:body>
- </f:view>
+ </html>
</ui:composition>