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

diff --git a/web/WEB-INF/templates/base.tpl b/web/WEB-INF/templates/base.tpl
index e6e227a7..186aacdc 100644
--- a/web/WEB-INF/templates/base.tpl
+++ b/web/WEB-INF/templates/base.tpl
@@ -1,60 +1,113 @@
 <?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>
