template.xhtml 9.19 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" />
		<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}/favicon.ico" type="image/x-icon" />

		<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/templates/template2014/css/print.css" />
		<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/templates/template2014/css/skinning.css" />
		<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/templates/template2014/css/structual.css" />
		<link rel="stylesheet" type="text/css" href="#{request.contextPath}/resources/templates/custom_components.css" />


		<ui:insert name="headerdata" />

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

	</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]-->









		<p:layout fullPage="true">


			<p:layoutUnit id="toppanel" collapsible="true" position="north" styleClass="bgColor1" minSize="55">
				<f:facet name="header">
					<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>
								<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>

					<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>


					<a href="http://www.codecrew.fi"><img src="#{request.contextPath}/resources/templates/template1/img/moya_logo.png" /> </a>

				</f:facet>
			</p:layoutUnit>
			<p:layoutUnit header="Menu**" collapsible="true" id="leftpanel" position="west" resizable="true">
				<nav>
					<p:panelMenu model="#{primeMenuView.menuModel}" />
					<h:link style="font-size: 10px;" rendered="#{readerView.shopToOthers}" outcome="/shop/showReaderEvents" value="Readers" />
				</nav>
			</p:layoutUnit>

			<p:layoutUnit position="center">
				<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" />
				<!--  TODO -->

				<ui:insert name="edittab" />
				<!--  ??? -->

				<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>

			</p:layoutUnit>

			<p:layoutUnit header="User**" resizable="true" collapsible="true" id="rightpanel" position="east" >



				<p:fieldset 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>
				</p:fieldset>
				<p:fieldset 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>
				</p:fieldset>

				<br />

				<p:fieldset legend="Select Mode**" rendered="#{menuView.renderTopmenuChanger}">
					<h:form>
						<p:button outcome="/index" value="käyttäjänäkymä**" />
						<br />
						<p:button outcome="/useradmin/list" value="ylläpitonäkymä**" />
					</h:form>
				</p:fieldset>
			</p:layoutUnit>
		</p:layout>



		<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>