X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=web%2FWEB-INF%2Ftemplates%2Fbase.tpl;h=186aacdc12bd134cf98a204ad1e7d2a07eda9a5e;hb=abcfa82e07e4a6391e98aaf9ad7042382e2138a6;hp=455ab7aef11002e3efeaeeb36caf7f646d19304b;hpb=4dbc87c422801f4525830385e2845046931d984d;p=jjobs-war.git

diff --git a/web/WEB-INF/templates/base.tpl b/web/WEB-INF/templates/base.tpl
index 455ab7ae..186aacdc 100644
--- a/web/WEB-INF/templates/base.tpl
+++ b/web/WEB-INF/templates/base.tpl
@@ -2,79 +2,112 @@
 <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:ui="http://xmlns.jcp.org/jsf/facelets"
+				xmlns:p="http://primefaces.org/ui"
+				xmlns:pm="http://primefaces.org/mobile">
 
 	<h:doctype rootElement="html" public="-//W3C//DTD XHTML 1.0 Transitional//EN" system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>
+
 	<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>
+		<f:view locale="#{localizationController.locale}" contentType="text/html" />
+		<h:head>
+			<f:facet name="first">
 				<ui:insert name="metadata" />
 
-				<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8" />
-
-				<f:loadBundle var="msg" basename="org.mxchange.localization.bundle" />
-
-				<h:outputStylesheet name="/css/default.css" />
-				<h:outputStylesheet name="/css/layout.css" />
-
-				<title>
-					<h:outputText value="JJobs" />
-					<h:outputText value=" - " />
-					<ui:insert name="title">
-						<h:outputText value="Default title" />
-					</ui:insert>
-				</title>
-			</h:head>
-
-			<h:body>
-				<div id="top">
-					<div id="page_header">
-						<div id="page_title">
-							<h1>
-								<h:outputText value="JJobs" />
-								<h:outputText value=" - " />
-								<ui:insert name="title">
-									<h:outputText value="Default title" />
-								</ui:insert>
-							</h1>
-						</div>
-					</div>
-				</div>
-
-				<h:panelGroup id="menu_content" layout="block">
-					<div id="left">
-						<ui:insert name="menu">
-							<h:outputText value="Default menu" />
-						</ui:insert>
-
-						<ui:include src="/WEB-INF/templates/widgets/locale_change_widget.tpl" />
-					</div>
-
-					<h:panelGroup id="content_outer" class="left_content" layout="block">
-						<div id="content_header">
-							<ui:insert name="content_header">
-								<h:outputText value="Default content header" />
+				<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" />
+
+			<title>
+				<h:outputText value="#{initParam['project_title']} - " />
+
+				<ui:insert name="document_title">
+					<h:outputText value="Default document title" />
+				</ui:insert>
+			</title>
+		</h:head>
+
+		<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>
-						</div>
 
-						<div id="content">
-							<ui:insert name="content">
-								<h:outputText value="Default content" />
+							<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>
-						</div>
+						</h:panelGroup>
 					</h:panelGroup>
-				</h:panelGroup>
 
-				<h:panelGroup id="page_footer" layout="block">
-					<ui:insert name="footer">
-						<h:outputText value="Default footer" />
-					</ui:insert>
-				</h:panelGroup>
+					<h:panelGroup styleClass="error-container" layout="block">
+						<p:growl autoUpdate="true" showDetail="true" sticky="true" />
 
-				<h:panelGroup styleClass="error_container" layout="block">
-					<h:messages showDetail="true" errorClass="errors" fatalClass="errors" warnClass="errors" />
+						<p:ajaxExceptionHandler
+							type="javax.faces.application.ViewExpiredException"
+							update="exceptionDialog"
+							onexception="PF('exceptionDialog').show();"
+							/>
+
+						<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>
-			</h:body>
-		</f:view>
+			</pm:page>
+		</h:body>
 	</html>
 </ui:composition>
