template.xhtml 11.8 KB
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html class="no-js" xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:tools="http://java.sun.com/jsf/composite/cditools" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:c="http://java.sun.com/jsp/jstl/core" xmlns:p="http://primefaces.org/ui">
<f:view contentType="text/html" locale="#{sessionHandler.locale}">
	<h:head>

		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title><h:outputText value="#{layoutView.getHeader()}" /></title>
		<meta name="description" content="Lippukauppa" />
		<meta name="author" content="CodeCrew ry" />
		<meta http-equiv="Content-Language" content="#{sessionHandler.locale}" />
		<link rel="icon" href="#{request.contextPath}/resources/templates/moyav2/img/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" />
		<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/templates/moyav2/css/print.css" />
		<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/templates/moyav2/css/skinning.css" />
		<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/templates/custom_components.css" />
		<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/templates/moyav2/css/style.css" />
		<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/templates/moyav2/css/media.css" />
		<ui:insert name="headerdata" />
		<script language="javascript" type="text/javascript" src="#{request.contextPath}/resources/templates/moyav2/js/main.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
						<ui:repeat value="#{localeSelectorView.availableLocales}" var="loc" varStatus="idx">
						$(
								".languageSelector .ui-button:eq(#{idx.index})")
								.css(
								"background",
								"url('#{request.contextPath}/resources/icons/flags/#{loc.locale.language}.png') no-repeat")
								.css("width", "16px").css("height",
								"11px").css("padding", "0")
								.css("margin-right", "5px").css(
								"border-radius", "0")
						</ui:repeat>
						$(".languageSelector .ui-button-text").text("");
					});
			var apina = null;
		</script>
	</h:head>

	<h:body>
		<!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

			<header id="top" class="grid clearfix">
					<div id="header_first" class="col span_2_of_10">
						<h:link outcome="/index">
							<c:choose>
								<c:when test="#{sessionHandler.isInDevelopmentMode()}">
									<h1>Development</h1>
								</c:when>
								<c:otherwise>
									<p:graphicImage rendered="#{layoutView.headerIsImage}" value="#{layoutView.headerimage}" />
									<ui:fragment rendered="#{!layoutView.headerIsImage}">
										<h1>
											<h:outputText value="#{layoutView.headertext}" />
										</h1>
									</ui:fragment>
								</c:otherwise>
							</c:choose>
						</h:link>
					</div>
					<div id="header_second"  class="col span_3_of_10">
						<div id="event-info">
								<h2>26.2. - 1.3.2015</h2>
								<h3>Messukeskus, Tampere</h3>
						</div>
					</div>

					<div id="header_third" class="col span_3_of_10">
							<p:fieldset legend="#{i18n['mode.title']}" rendered="#{menuView.renderTopmenuChanger}">
								<div id="user-mode">
								<h:form>
									<span id="mode-user">
										<p:button outcome="/index" value="#{i18n['mode.user']}"/>
									</span>
									<span id="mode-admin">
										<p:button outcome="/useradmin/list" value="#{i18n['mode.admin']}"/>
									</span>
								</h:form></div>
							</p:fieldset>
							<ui:fragment rendered="#{layoutView.canManageContent}">
								<div id="content-edit-links">
									<h:form>
										<h:outputLabel for="manageBtn" value="#{i18n['content.showContentEditLinks']}" />
										<h:selectBooleanCheckbox value="#{sessionStore.manageContentLinks}" onclick="this.form.submit()" />
									</h:form>
								</div>
							</ui:fragment>
					</div>

					<div id="header_fourth" class="col span_2_of_10">
						<div id="user-login">
								<p:fieldset rendered="#{sessionHandler.loggedIn}">
									<div id="logged-in" class="grid clearfix">
										<div class="currentnick col span_8_of_10">
											<div class="nickname"></div>
											<b><h:outputText value="#{sessionHandler.currentUser.nick}" /></b>
											<div class="links">

											</div>
										</div>
										<div id="log-out" class="col span_2_of_10 logout">
											<h:link outcome="/auth/logout">
												<h:outputText value="#{i18n['login.logout']}" />
											</h:link>
										</div>
									</div>
								</p:fieldset>
								<p:fieldset rendered="#{!sessionHandler.loggedIn}">
								<div id="open-user-login"><p>Kirjaudu</p></div>
								<div id="not-logged" class="login">
									<h:form>
										<span id="login-form-username-field">
											<p:outputLabel for="linelogin" value="Käyttäjänimi: " />
											<p:inputText styleClass="form" id="linelogin" value="#{authView.login}" />
										</span>
										<span id="login-form-password-field">
											<p:outputLabel for="linepwd" value="Salasana: " />
											<p:password styleClass="form" id="linepwd" value="#{authView.password}" />
										</span>
										<span id="login-form-submit-button">
											<p:commandButton styleClass="button" id="onelinesubmit" action="#{authView.executeLoginAction}" ajax="false" value="#{i18n['login.submit']}" />
										</span>
									</h:form>
									<ui:fragment rendered="#{authView.canCreateUser}">
										<h:link value="#{i18n['submenu.user.create']}" outcome="/user/create" />
										<br />
									</ui:fragment>
									<h:link value="#{i18n['submenu.auth.sendResetMail']}" outcome="/auth/sendResetMail" />
								</div>
							</p:fieldset>

						</div>
					</div>
			</header>

			<div id="content-wrapper" class="clearfix grid">
				<div id="toggle-navigation"></div>
				<ui:fragment rendered="#{!ignorenavigationleft}">
				<div id="left-bar" class="col span_2_of_10">
						<nav id="menu">
							<h:form id="mainMenu">
								<p:panelMenu id="panelmenu" model="#{primeMenuView.menuModel}" />
							</h:form>
							<div id="readers">
								<h:link style="font-size: 10px;" rendered="#{readerView.shopToOthers}" outcome="/shop/showReaderEvents" value="Readers" />
							</div>
						</nav>
						<div id="moya-logo">
							<a href="http://www.codecrew.fi"><img src="#{request.contextPath}/resources/templates/moyav2/img/moya_logo.png" alt="Moya by Codecrew" title="Moya by Codecrew"/> </a>
						</div>
				</div>
				</ui:fragment>

				<div id="main" class="#{(!ignorenavigationleft)?'col span_8_of_10':'col span_10_of_10'}">
					<div class="content-padding">
						<ui:fragment rendered="#{!ignorenavigationleft}">
					<div class="container top">
						<h:form id="selectLanguage">
							<p:selectOneButton id="langselect" styleClass="languageSelector" value="#{sessionStore.locale}" immediate="true" converter="#{localeConverter}">
								<f:selectItems value="#{localeSelectorView.availableLocales}" var="loc" itemValue="#{loc.locale}" itemLabel="#{loc.locale.displayName}" />
								<p:ajax update="@all" event="change" />
							</p:selectOneButton>
						</h:form>

						<h:link rendered="#{layoutView.manageContent}" styleClass="editorlink" value="#{i18n['layout.editTop']}" outcome="/pages/manage">
							<f:param name="pagename" value="#{layoutView.pagepath}:top" />
						</h:link>
					</div>
						</ui:fragment>
					<ui:insert name="title" />

					<p:menubar rendered="#{primeMenuView.hasSecondaryMenu}" model="#{primeMenuView.secondaryMenuModel}" />
					<h:form id="messages">
						<p:growl id="growl" showDetail="true" />
					</h:form>

					<ui:insert name="edittab" />

					<ui:repeat var="cont1" value="#{menuView.getPagecontent('top')}">
						<h:outputText value="#{cont1.content}" escape="false" />
					</ui:repeat>

					<div class="moya-content">
						<ui:insert name="content" />
					</div>

					<ui:repeat var="cont1" value="#{menuView.getPagecontent('bottom')}">
						<h:outputText value="#{cont1.content}" escape="false" />
					</ui:repeat>

					<h:link rendered="#{layoutView.manageContent}" styleClass="editorlink" value="#{i18n['layout.editBottom']}" outcome="/pages/manage">
						<f:param name="pagename" value="#{layoutView.pagepath}:bottom" />
					</h:link>
				</div></div>
			</div>

		<h:form>
			<p:confirmDialog global="true" showEffect="fade" hideEffect="explode">
				<p:commandButton value="Yes" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
				<p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
			</p:confirmDialog>
		</h:form>



		<footer class="bgColor1"> </footer>

		<script type="text/javascript">
		$(function() {

			// autoresize for main panels, this is magic :)
			PrimeFaces.widgets.mainlayout.layout.loadCookie();

			PrimeFaces.widgets.mainlayout.onclose = function() {
				PrimeFaces.widgets.mainlayout.layout.saveCookie()
			}

			PrimeFaces.widgets.mainlayout.onopen = function() {
				PrimeFaces.widgets.mainlayout.layout.saveCookie()
			}

		});


			PrimeFaces.locales['fi'] = {
				closeText : 'Sulje',
				prevText : 'Edellinen',
				nextText : 'Seuraava',
				currentText : 'Tänään',
				monthNames : [ 'Tammikuu', 'Helmikuu', 'Maaliskuu', 'Huhtikuu',
						'Toukokuu', 'Kesäkuu', 'Heinäkuu', 'Elokuu', 'Syyskuu',
						'Lokakuu', 'Marraskuu', 'Joulukuu' ],
				monthNamesShort : [ 'Tammikuu', 'Helmikuu', 'Maaliskuu',
						'Huhtikuu', 'Toukokuu', 'Kesäkuu', 'Heinäkuu',
						'Elokuu', 'Syyskuu', 'Lokakuu', 'Marraskuu', 'Joulukuu' ],
				dayNames : [ 'Sunnuntai', 'Maanantai', 'Tiistain',
						'Keskiviikko', 'Torstai', 'Perjantai', 'Lauantai' ],
				dayNamesShort : [ 'Su', 'Ma', 'Ti', 'Ke', 'To', 'Pe', 'La' ],
				dayNamesMin : [ 'Su', 'Ma', 'Ti', 'Ke', 'To', 'Pe', 'La' ],
				weekHeader : 'vk',
				firstDay : 1,
				isRTL : false,
				showMonthAfterYear : false,
				yearSuffix : '',
				month : 'Kuukausi',
				week : 'Viikko',
				day : 'Päivä',
				allDayText : 'Koko päivä'

			};

			PrimeFaces.locales['und'] = {
				closeText : 'Sulje',
				prevText : 'Edellinen',
				nextText : 'Seuraava',
				currentText : 'Tänään',
				monthNames : [ 'Tammikuu', 'Helmikuu', 'Maaliskuu', 'Huhtikuu',
						'Toukokuu', 'Kesäkuu', 'Heinäkuu', 'Elokuu', 'Syyskuu',
						'Lokakuu', 'Marraskuu', 'Joulukuu' ],
				monthNamesShort : [ 'Tammikuu', 'Helmikuu', 'Maaliskuu',
						'Huhtikuu', 'Toukokuu', 'Kesäkuu', 'Heinäkuu',
						'Elokuu', 'Syyskuu', 'Lokakuu', 'Marraskuu', 'Joulukuu' ],
				dayNames : [ 'Sunnuntai', 'Maanantai', 'Tiistain',
						'Keskiviikko', 'Torstai', 'Perjantai', 'Lauantai' ],
				dayNamesShort : [ 'Su', 'Ma', 'Ti', 'Ke', 'To', 'Pe', 'La' ],
				dayNamesMin : [ 'Su', 'Ma', 'Ti', 'Ke', 'To', 'Pe', 'La' ],
				weekHeader : 'vk',
				firstDay : 1,
				isRTL : false,
				showMonthAfterYear : false,
				yearSuffix : '',
				month : 'Kuukausi',
				week : 'Viikko',
				day : 'Päivä',
				allDayText : 'Koko päivä'
			};
		</script>

		<c:if test="#{sessionHandler.isInDevelopmentMode()}">
			<script type="text/javascript">
				$('*:contains("???"):not(:has(*))').filter(
						function() {
							return (this.textContent || this.innerText)
									.indexOf("???") === 0;
						}).addClass("missing_i18n");
			</script>
		</c:if>
	</h:body>

</f:view>
</html>