[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / login.tpl

{include file='documentHeader'}

<head>
	<title>{lang}wcf.user.login{/lang} - {PAGE_TITLE|language}</title>
	
	{include file='headInclude'}
	
	<script data-relocate="true">
		//<![CDATA[
		$(function() {
			new WCF.User.Login(false);
		})
		//]]>
	</script>
</head>

<body id="tpl{$templateName|ucfirst}" data-template="{$templateName}" data-application="{$templateNameApplication}">
{include file='header' __disableLoginLink=true __disableAds=true}

<header class="contentHeader">
	<div class="contentHeaderTitle"><h1 class="contentTitle">{lang}wcf.user.login{/lang}</h1></div>
	
	{hascontent}
		<nav class="contentHeaderNavigation">
			<ul>
				{content}{event name='contentHeaderNavigation'}{/content}
			</ul>
		</nav>
	{/hascontent}
</header>

{include file='userNotice'}

{if !$errorField|empty && $errorField == 'cookie'}
	<p class="error">{lang}wcf.user.login.error.cookieRequired{/lang}</p>
{else}
	{include file='formError'}
{/if}

<div id="loginForm" class="loginForm">
	<form method="post" action="{@$loginController}">
		<section class="section loginFormLogin">
			<h2 class="sectionTitle">{lang}wcf.user.login.login{/lang}</h2>
			
			<dl{if $errorField == 'username'} class="formError"{/if}>
				<dt><label for="username">{lang}wcf.user.usernameOrEmail{/lang}</label></dt>
				<dd>
					<input type="text" id="username" name="username" value="{$username}" required="required" class="long" />
					{if $errorField == 'username'}
						<small class="innerError">
							{if $errorType == 'empty'}
								{lang}wcf.global.form.error.empty{/lang}
							{else}
								{lang}wcf.user.username.error.{@$errorType}{/lang}
							{/if}
						</small>
					{/if}
				</dd>
			</dl>
			
			<dl{if $errorField == 'password'} class="formError"{/if}>
				<dt><label for="password">{lang}wcf.user.password{/lang}</label></dt>
				<dd>
					<input type="password" id="password" name="password" value="{$password}" class="long" />
					{if $errorField == 'password'}
						<small class="innerError">
							{if $errorType == 'empty'}
								{lang}wcf.global.form.error.empty{/lang}
							{else}
								{lang}wcf.user.password.error.{@$errorType}{/lang}
							{/if}
						</small>
					{/if}
					<small><a href="{link controller='LostPassword'}{/link}">{lang}wcf.user.lostPassword{/lang}</a></small>
				</dd>
			</dl>
			
			{if $supportsPersistentLogins}
				<dl>
					<dt></dt>
					<dd>
						<label for="useCookies"><input type="checkbox" id="useCookies" name="useCookies" value="1"{if $useCookies} checked{/if}> {lang}wcf.user.useCookies{/lang}</label>
					</dd>
				</dl>
			{/if}
			
			{event name='fields'}
			
			{include file='captcha'}
			
			<div class="userLoginButtons">
				<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s">
				<input type="hidden" name="url" value="{$url}">
				{@SECURITY_TOKEN_INPUT_TAG}
			</div>
		</section>
		
		{if !REGISTER_DISABLED}
			<section class="section loginFormRegister">
				<h2 class="sectionTitle">{lang}wcf.user.login.register{/lang}</h2>
				
				<p>{lang}wcf.user.login.register.teaser{/lang}</p>
				
				<div class="userLoginButtons">
					<a href="{link controller='Register'}{/link}" class="button loginFormRegisterButton">{lang}wcf.user.login.register.registerNow{/lang}</a>
				</div>
			</section>
		{/if}
		
		{hascontent}
			<section class="section loginFormThirdPartyLogin">
				<h2 class="sectionTitle">{lang}wcf.user.login.3rdParty{/lang}</h2>
				
				<dl>
					<dt></dt>
					<dd>
						<ul class="buttonList smallButtons">
							{content}
								{if GITHUB_PUBLIC_KEY !== '' && GITHUB_PRIVATE_KEY !== ''}
									<li id="githubAuth" class="thirdPartyLogin">
										<a href="{link controller='GithubAuth'}{/link}" class="button thirdPartyLoginButton githubLoginButton"><span class="icon icon16 fa-github"></span> <span>{lang}wcf.user.3rdparty.github.login{/lang}</span></a>
									</li>
								{/if}
								
								{if TWITTER_PUBLIC_KEY !== '' && TWITTER_PRIVATE_KEY !== ''}
									<li id="twitterAuth" class="thirdPartyLogin">
										<a href="{link controller='TwitterAuth'}{/link}" class="button thirdPartyLoginButton twitterLoginButton"><span class="icon icon16 fa-twitter"></span> <span>{lang}wcf.user.3rdparty.twitter.login{/lang}</span></a>
									</li>
								{/if}
								
								{if FACEBOOK_PUBLIC_KEY !== '' && FACEBOOK_PRIVATE_KEY !== ''}
									<li id="facebookAuth" class="thirdPartyLogin">
										<a href="{link controller='FacebookAuth'}{/link}" class="button thirdPartyLoginButton facebookLoginButton"><span class="icon icon16 fa-facebook"></span> <span>{lang}wcf.user.3rdparty.facebook.login{/lang}</span></a>
									</li>
								{/if}
								
								{if GOOGLE_PUBLIC_KEY !== '' && GOOGLE_PRIVATE_KEY !== ''}
									<li id="googleAuth" class="thirdPartyLogin">
										<a href="{link controller='GoogleAuth'}{/link}" class="button thirdPartyLoginButton googleLoginButton"><span class="icon icon16 fa-google-plus"></span> <span>{lang}wcf.user.3rdparty.google.login{/lang}</span></a>
									</li>
								{/if}
								
								{event name='3rdpartyButtons'}
							{/content}
						</ul>
					</dd>
				</dl>
			</section>
		{/hascontent}
	</form>
</div>

{include file='footer' __disableAds=true}

</body>
</html>
Commit	Line	Data
320f4a6d MW	1	{include file='documentHeader'}
	2
	3	<head>
	4	<title>{lang}wcf.user.login{/lang} - {PAGE_TITLE\|language}</title>
	5
	6	{include file='headInclude'}
	7
9543d9fe	8	<script data-relocate="true">
320f4a6d MW	9	//<![CDATA[
	10	$(function() {
	11	new WCF.User.Login(false);
	12	})
	13	//]]>
	14	</script>
	15	</head>
	16
887a3153	17	<body id="tpl{$templateName\|ucfirst}" data-template="{$templateName}" data-application="{$templateNameApplication}">
c893138d	18	{include file='header' __disableLoginLink=true __disableAds=true}
320f4a6d	19
95961bdf	20	<header class="contentHeader">
e7b063d6 AE	21	<div class="contentHeaderTitle"><h1 class="contentTitle">{lang}wcf.user.login{/lang}</h1></div>
	22
	23	{hascontent}
	24	<nav class="contentHeaderNavigation">
	25	<ul>
	26	{content}{event name='contentHeaderNavigation'}{/content}
	27	</ul>
	28	</nav>
	29	{/hascontent}
320f4a6d MW	30	</header>
	31
	32	{include file='userNotice'}
	33
91082aee AE	34	{if !$errorField\|empty && $errorField == 'cookie'}
	35	<p class="error">{lang}wcf.user.login.error.cookieRequired{/lang}</p>
	36	{else}
	37	{include file='formError'}
	38	{/if}
320f4a6d	39
5ea92119 AE	40	<div id="loginForm" class="loginForm">
	41	<form method="post" action="{@$loginController}">
	42	<section class="section loginFormLogin">
	43	<h2 class="sectionTitle">{lang}wcf.user.login.login{/lang}</h2>
	44
	45	<dl{if $errorField == 'username'} class="formError"{/if}>
	46	<dt><label for="username">{lang}wcf.user.usernameOrEmail{/lang}</label></dt>
320f4a6d	47	<dd>
5ea92119 AE	48	<input type="text" id="username" name="username" value="{$username}" required="required" class="long" />
	49	{if $errorField == 'username'}
	50	<small class="innerError">
	51	{if $errorType == 'empty'}
	52	{lang}wcf.global.form.error.empty{/lang}
	53	{else}
	54	{lang}wcf.user.username.error.{@$errorType}{/lang}
	55	{/if}
	56	</small>
	57	{/if}
320f4a6d MW	58	</dd>
320f4a6d MW	59	</dl>
320f4a6d	60
5ea92119 AE	61	<dl{if $errorField == 'password'} class="formError"{/if}>
5ea92119 AE	62	<dt><label for="password">{lang}wcf.user.password{/lang}</label></dt>
320f4a6d	63	<dd>
5ea92119 AE	64	<input type="password" id="password" name="password" value="{$password}" class="long" />
	65	{if $errorField == 'password'}
	66	<small class="innerError">
	67	{if $errorType == 'empty'}
	68	{lang}wcf.global.form.error.empty{/lang}
	69	{else}
	70	{lang}wcf.user.password.error.{@$errorType}{/lang}
95961bdf	71	{/if}
5ea92119 AE	72	</small>
	73	{/if}
	74	<small><a href="{link controller='LostPassword'}{/link}">{lang}wcf.user.lostPassword{/lang}</a></small>
320f4a6d MW	75	</dd>
320f4a6d MW	76	</dl>
5ea92119 AE	77
	78	{if $supportsPersistentLogins}
	79	<dl>
	80	<dt></dt>
	81	<dd>
	82	<label for="useCookies"><input type="checkbox" id="useCookies" name="useCookies" value="1"{if $useCookies} checked{/if}> {lang}wcf.user.useCookies{/lang}</label>
	83	</dd>
	84	</dl>
	85	{/if}
	86
	87	{event name='fields'}
	88
	89	{include file='captcha'}
	90
	91	<div class="userLoginButtons">
	92	<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s">
	93	<input type="hidden" name="url" value="{$url}">
	94	{@SECURITY_TOKEN_INPUT_TAG}
	95	</div>
95961bdf	96	</section>
5ea92119 AE	97
	98	{if !REGISTER_DISABLED}
	99	<section class="section loginFormRegister">
	100	<h2 class="sectionTitle">{lang}wcf.user.login.register{/lang}</h2>
	101
	102	<p>{lang}wcf.user.login.register.teaser{/lang}</p>
	103
	104	<div class="userLoginButtons">
	105	<a href="{link controller='Register'}{/link}" class="button loginFormRegisterButton">{lang}wcf.user.login.register.registerNow{/lang}</a>
	106	</div>
	107	</section>
	108	{/if}
	109
	110	{hascontent}
	111	<section class="section loginFormThirdPartyLogin">
	112	<h2 class="sectionTitle">{lang}wcf.user.login.3rdParty{/lang}</h2>
	113
	114	<dl>
	115	<dt></dt>
	116	<dd>
	117	<ul class="buttonList smallButtons">
	118	{content}
	119	{if GITHUB_PUBLIC_KEY !== '' && GITHUB_PRIVATE_KEY !== ''}
	120	<li id="githubAuth" class="thirdPartyLogin">
	121	<a href="{link controller='GithubAuth'}{/link}" class="button thirdPartyLoginButton githubLoginButton"><span class="icon icon16 fa-github"></span> <span>{lang}wcf.user.3rdparty.github.login{/lang}</span></a>
	122	</li>
	123	{/if}
	124
	125	{if TWITTER_PUBLIC_KEY !== '' && TWITTER_PRIVATE_KEY !== ''}
	126	<li id="twitterAuth" class="thirdPartyLogin">
	127	<a href="{link controller='TwitterAuth'}{/link}" class="button thirdPartyLoginButton twitterLoginButton"><span class="icon icon16 fa-twitter"></span> <span>{lang}wcf.user.3rdparty.twitter.login{/lang}</span></a>
	128	</li>
	129	{/if}
	130
	131	{if FACEBOOK_PUBLIC_KEY !== '' && FACEBOOK_PRIVATE_KEY !== ''}
	132	<li id="facebookAuth" class="thirdPartyLogin">
	133	<a href="{link controller='FacebookAuth'}{/link}" class="button thirdPartyLoginButton facebookLoginButton"><span class="icon icon16 fa-facebook"></span> <span>{lang}wcf.user.3rdparty.facebook.login{/lang}</span></a>
	134	</li>
	135	{/if}
	136
	137	{if GOOGLE_PUBLIC_KEY !== '' && GOOGLE_PRIVATE_KEY !== ''}
	138	<li id="googleAuth" class="thirdPartyLogin">
	139	<a href="{link controller='GoogleAuth'}{/link}" class="button thirdPartyLoginButton googleLoginButton"><span class="icon icon16 fa-google-plus"></span> <span>{lang}wcf.user.3rdparty.google.login{/lang}</span></a>
	140	</li>
	141	{/if}
	142
	143	{event name='3rdpartyButtons'}
	144	{/content}
	145	</ul>
	146	</dd>
	147	</dl>
	148	</section>
	149	{/hascontent}
	150	</form>
	151	</div>
320f4a6d	152
c893138d	153	{include file='footer' __disableAds=true}
320f4a6d MW	154
	155	</body>
	156	</html>