]> git.mxchange.org Git - jjobs-war.git/blobdiff - web/WEB-INF/templates/base.tpl
Please cherry-pick:
[jjobs-war.git] / web / WEB-INF / templates / base.tpl
index e6e227a7815b9d920aa993e15e4f29e447f42252..186aacdc12bd134cf98a204ad1e7d2a07eda9a5e 100644 (file)
 <?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>