template.xhtml 9.95 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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<title><h:outputText value="#{layoutView.getHeader()}" /></title>
		<meta name="description" content="Lippukauppa" />
		<meta name="author" content="CodeCrew ry" />
		<meta name="viewport" content="width=device-width" />
		<meta http-equiv="Content-Language" content="#{sessionHandler.locale}" />

		<link rel="icon" href="#{request.contextPath}/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="#{request.contextPath}/resources/templates/template1/css/normalize.min.css" />
		<link rel="stylesheet" href="#{request.contextPath}/resources/templates/template1/css//main.css" />
		<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/templates/template1/css/style.css" />
		<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/templates/template1/css/general.css" />
		<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/templates/template1/css/print.css" />
		<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/templates/custom_components.css" />
		<script src="#{request.contextPath}/resources/templates/template1/js/modernizr-2.6.2.min.js"></script>


		<h:outputStylesheet>
		.bgColor1 {
			background-color: #{layoutView.getLayoutProperty1('#68A3C2')};
		}
		
		</h:outputStylesheet>

		<ui:insert name="headerdata" />

	</h:head>


	<h:body>
		<!-- Javascript-lokalisaatiolippupuljausta -->
		<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("");
							});
		</script>
		<!--[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 class="bgColor1 box">
			<div id="header_left">
				<h:link outcome="/index">

					<c:choose>
						<c:when test="#{sessionHandler.isInDevelopmentMode()}">
							<img src="#{request.contextPath}/resources/templates/insomnia2/img/devel_logo.png" />
						</c:when>
						<c:otherwise>
							<img id="eventlogo" src="#{request.contextPath}/dydata/logo/#{layoutView.logoid}" />
						</c:otherwise>
					</c:choose>
				</h:link>
			</div>
			<div id="header_center" class="flex1">

				<ui:fragment rendered="#{layoutView.canManageContent}">
					<div>
						<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_right">
				<a href="http://www.codecrew.fi"><img src="#{request.contextPath}/resources/templates/template1/img/moya_logo.png" /> </a>
			</div>
		</header>




		<section class="box">


			<nav>
				<div id="menu">
					<p:panelMenu model="#{primeMenuView.menuModel}" />
					<h:link style="font-size: 10px;" rendered="#{readerView.shopToOthers}" outcome="/shop/showReaderEvents" value="Readers" />
				</div>
			</nav>
			<section id="main" class="flex2">
				<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:insert name="title" />
				<p:menubar rendered="#{primeMenuView.hasSecondaryMenu}" model="#{primeMenuView.secondaryMenuModel}" />

				<p:messages severity="info" />
				<ui:insert name="edittab" />
				<!-- <h:messages />  -->
				<ui:repeat var="cont1" value="#{menuView.getPagecontent('top')}">
					<h:outputText value="#{cont1.content}" escape="false" />
				</ui:repeat>
				<ui:insert name="content" />
				<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>
			</section>

			<aside class="flex1">
				<div id="aside">
					<div class="ui-widget-header">Login</div>
					<div class="ui-widget-content" style="text-align: center;">

						<ui:fragment rendered="#{sessionHandler.loggedIn}">
							<h:outputText value="#{i18n['template.loggedInAs']}" />
							<br />
							<b><h:outputText value="#{sessionHandler.currentUser.nick}" /></b>
							<br />
							<h:link outcome="/auth/logout">
								<h:outputText value="#{i18n['login.logout']}" />
							</h:link>
						</ui:fragment>
						<ui:fragment rendered="#{!sessionHandler.loggedIn}">
							<div style="text-align: left; padding: 0.7em;">
								<h:form>
									<p:inputText styleClass="form" id="linelogin" value="#{authView.login}" />
									<br />
									<p:password styleClass="form" id="linepwd" value="#{authView.password}" />
									<br />
									<p:commandButton styleClass="button" id="onelinesubmit" action="#{authView.executeLoginAction}" ajax="false" value="#{i18n['login.submit']}" />
								</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>
						</ui:fragment>
					</div>
					<br />

					<ui:fragment rendered="#{menuView.renderTopmenuChanger}">
						<div class="ui-widget-header">Select Mode</div>
						<div class="ui-widget-content" style="text-align: center">
							<h:form>
								<p:selectOneMenu value="#{menuView.menuChange}" valueChangeListener="#{menuView.menuChangeEvent}" onchange="this.form.submit()">
									<!--  <p:ajax listener="#{menuView.menuChangeEvent}"  /> -->
									<f:selectItems var="menuitem" value="#{menuView.viewChangeTopmenu}" itemLabel="#{i18n[menuitem.navigation.key]}" itemValue="#{menuitem.outcome}" />
								</p:selectOneMenu>
							</h:form>
						</div>
					</ui:fragment>
				</div>
			</aside>
		</section>


		<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">
			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>
	</h:body>

</f:view>
</html>