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

{include file='documentHeader'}

<head>
	<title>{lang}wcf.user.register{/lang} - {PAGE_TITLE|language}</title>
	{include file='headInclude'}
	
	<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.User{if !ENABLE_DEBUG_MODE}.min{/if}.js?v={@$__wcfVersion}"></script>
	<script data-relocate="true">
		//<![CDATA[
		$(function() {
			WCF.Language.addObject({
				'wcf.global.form.error.empty': '{lang}wcf.global.form.error.empty{/lang}',
				'wcf.user.username.error.notValid': '{lang}wcf.user.username.error.notValid{/lang}',
				'wcf.user.username.error.notUnique': '{lang}wcf.user.username.error.notUnique{/lang}',
				'wcf.user.email.error.notValid' : '{lang}wcf.user.email.error.notValid{/lang}',
				'wcf.user.email.error.notUnique' : '{lang}wcf.user.email.error.notUnique{/lang}',
				'wcf.user.confirmEmail.error.notEqual' : '{lang}wcf.user.confirmEmail.error.notEqual{/lang}',
				'wcf.user.password.error.notSecure' : '{lang}wcf.user.password.error.notSecure{/lang}',
				'wcf.user.confirmPassword.error.notEqual' : '{lang}wcf.user.confirmPassword.error.notEqual{/lang}'
			});
			
			new WCF.User.Registration.Validation.EmailAddress($('#{@$randomFieldNames[email]}'), $('#{@$randomFieldNames[confirmEmail]}'), null);
			new WCF.User.Registration.Validation.Password($('#{@$randomFieldNames[password]}'), $('#{@$randomFieldNames[confirmPassword]}'), null);
			new WCF.User.Registration.Validation.Username($('#{@$randomFieldNames[username]}', null, {
				minlength: {@REGISTER_USERNAME_MIN_LENGTH},
				maxlength: {@REGISTER_USERNAME_MAX_LENGTH}
			}));
		});
		//]]>
	</script>
	
	<style type="text/css">	
		#fieldset1 {
			height: 0;
			overflow: hidden;
			position: absolute;
			left: -9000px;
			max-width: 8000px; 
		}
	</style>
</head>

<body id="tpl{$templateName|ucfirst}">
{include file='header' __disableLoginLink=true}

<header class="boxHeadline">
	<h1>{lang}wcf.user.register{/lang}</h1>
</header>

{include file='userNotice'}

{if $isExternalAuthentication}
	{if $__wcf->session->getVar('__githubToken')}
		<p class="info">{lang}wcf.user.3rdparty.github.register{/lang}</p>
	{elseif $__wcf->session->getVar('__twitterData')}
		<p class="info">{lang}wcf.user.3rdparty.twitter.register{/lang}</p>
	{elseif $__wcf->session->getVar('__facebookData')}
		<p class="info">{lang}wcf.user.3rdparty.facebook.register{/lang}</p>
	{elseif $__wcf->session->getVar('__googleData')}
		<p class="info">{lang}wcf.user.3rdparty.google.register{/lang}</p>
	{/if}
{/if}

{if $errorField}
	<p class="error">{lang}wcf.global.form.error{/lang}</p>
{/if}

<div class="contentNavigation">
	{hascontent}
		<nav>
			<ul>
				{content}
					{event name='contentNavigationButtons'}
				{/content}
			</ul>
		</nav>
	{/hascontent}
</div>

<form method="post" action="{link controller='Register'}{/link}">
	<div class="container containerPadding marginTop">
		<fieldset>
			<legend>{lang}wcf.user.username{/lang}</legend>
			
			<dl{if $errorType.username|isset} class="formError"{/if}>
				<dt>
					<label for="{@$randomFieldNames[username]}">{lang}wcf.user.username{/lang}</label>
				</dt>
				<dd>
					<input type="text" id="{@$randomFieldNames[username]}" name="{@$randomFieldNames[username]}" value="{$username}" required="required" class="medium" />
					{if $errorType.username|isset}
						<small class="innerError">
							{if $errorType.username == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
							{if $errorType.username == 'notValid'}{lang}wcf.user.username.error.notValid{/lang}{/if}
							{if $errorType.username == 'notUnique'}{lang}wcf.user.username.error.notUnique{/lang}{/if}
						</small>
					{/if}
					<small>{lang}wcf.user.username.description{/lang}</small>
				</dd>
			</dl>
			
			{event name='usernameFields'}
		</fieldset>
		
		<fieldset id="fieldset1">
			<legend>{lang}wcf.user.register.honeyPot{/lang}</legend>
			
			<small>{lang}wcf.user.register.honeyPot.description{/lang}</small>
			
			<dl>
				<dt>
					<label for="username">{lang}wcf.user.username{/lang}</label>
				</dt>
				<dd>
					<input type="text" id="username" name="username" value="" autocomplete="off" class="medium" tabindex="998" />
				</dd>
			</dl>
			
			<dl>
				<dt>
					<label for="email">{lang}wcf.user.email{/lang}</label>
				</dt>
				<dd>
					<input type="email" id="email" name="email" value="" autocomplete="off" class="medium" tabindex="999" />
				</dd>
			</dl>
			
			{event name='honeyPotFields'}
		</fieldset>
		
		<fieldset>
			<legend>{lang}wcf.user.email{/lang}</legend>
			
			<dl{if $errorType.email|isset} class="formError"{/if}>
				<dt>
					<label for="{@$randomFieldNames[email]}">{lang}wcf.user.email{/lang}</label>
				</dt>
				<dd>
					<input type="email" id="{@$randomFieldNames[email]}" name="{@$randomFieldNames[email]}" value="{$email}" required="required" class="medium" />
					{if $errorType.email|isset}
						<small class="innerError">
							{if $errorType.email == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
							{if $errorType.email == 'notValid'}{lang}wcf.user.email.error.notValid{/lang}{/if}
							{if $errorType.email == 'notUnique'}{lang}wcf.user.email.error.notUnique{/lang}{/if}
						</small>
					{/if}
				</dd>
			</dl>
			
			<dl{if $errorType.confirmEmail|isset} class="formError"{/if}>
				<dt>
					<label for="{@$randomFieldNames[confirmEmail]}">{lang}wcf.user.confirmEmail{/lang}</label>
				</dt>
				<dd>
					<input type="email" id="{@$randomFieldNames[confirmEmail]}" name="{@$randomFieldNames[confirmEmail]}" value="{$confirmEmail}" required="required" class="medium" />
					{if $errorType.confirmEmail|isset}
						<small class="innerError">
							{if $errorType.confirmEmail == 'notEqual'}{lang}wcf.user.confirmEmail.error.notEqual{/lang}{/if}
						</small>
					{/if}
				</dd>
			</dl>
			
			{event name='emailFields'}
		</fieldset>
		
		{if !$isExternalAuthentication}
			<fieldset>
				<legend>{lang}wcf.user.password{/lang}</legend>
				
				<dl{if $errorType.password|isset} class="formError"{/if}>
					<dt>
						<label for="{@$randomFieldNames[password]}">{lang}wcf.user.password{/lang}</label>
					</dt>
					<dd>
						<input type="password" id="{@$randomFieldNames[password]}" name="{@$randomFieldNames[password]}" value="{$password}" required="required" class="medium" />
						{if $errorType.password|isset}
							<small class="innerError">
								{if $errorType.password == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
								{if $errorType.password == 'notSecure'}{lang}wcf.user.password.error.notSecure{/lang}{/if}
							</small>
						{/if}
						<small>{lang}wcf.user.password.description{/lang}</small>
					</dd>
				</dl>
				
				<dl{if $errorType.confirmPassword|isset} class="formError"{/if}>
					<dt>
						<label for="{@$randomFieldNames[confirmPassword]}">{lang}wcf.user.confirmPassword{/lang}</label>
					</dt>
					<dd>
						<input type="password" id="{@$randomFieldNames[confirmPassword]}" name="{@$randomFieldNames[confirmPassword]}" value="{$confirmPassword}" required="required" class="medium" />
						{if $errorType.confirmPassword|isset}
							<small class="innerError">
								{if $errorType.confirmPassword == 'notEqual'}{lang}wcf.user.confirmPassword.error.notEqual{/lang}{/if}
							</small>
						{/if}
					</dd>
				</dl>
				
				{event name='passwordFields'}
			</fieldset>
		{/if}
		
		{if $availableLanguages|count > 1}
			<fieldset>
				<legend>{lang}wcf.user.language{/lang}</legend>
				
				<dl>
					<dt><label for="languageID">{lang}wcf.user.language{/lang}</label></dt>
					<dd>
						<select id="languageID" name="languageID">
							{foreach from=$availableLanguages item=language}
								<option value="{@$language->languageID}"{if $language->languageID == $languageID} selected="selected"{/if}>{$language}</option>
							{/foreach}
						</select>
						<small>{lang}wcf.user.language.description{/lang}</small>
					</dd>
				</dl>
				
				{hascontent}
					<dl>
						<dt><label>{lang}wcf.user.visibleLanguages{/lang}</label></dt>
						<dd class="floated">
						{content}
							{foreach from=$availableContentLanguages item=language}
								<label><input name="visibleLanguages[]" type="checkbox" value="{@$language->languageID}"{if $language->languageID|in_array:$visibleLanguages} checked="checked"{/if} /> {$language}</label>
							{/foreach}
						{/content}
						<small>{lang}wcf.user.visibleLanguages.description{/lang}</small></dd>
					</dl>
				{/hascontent}
				
				{event name='languageFields'}
			</fieldset>
		{/if}
		
		{foreach from=$optionTree item=category}
			<fieldset>
				<legend>{lang}wcf.user.option.category.{@$category[object]->categoryName}{/lang}</legend>
				
				{include file='userOptionFieldList' options=$category[options] langPrefix='wcf.user.option.'}
			</fieldset>
		{/foreach}
		
		{event name='fieldsets'}
		
		{if $useCaptcha}
			{if $errorType.recaptchaString|isset}
				{assign var=errorField value='recaptchaString'}
				{assign var=errorType value=$errorType.recaptchaString}
			{/if}
			{include file='recaptcha'}
		{/if}
	</div>
	
	<div class="formSubmit">
		<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
	</div>
</form>

{include file='footer'}

</body>
</html>
Commit	Line	Data
320f4a6d MW	1	{include file='documentHeader'}
	2
	3	<head>
	4	<title>{lang}wcf.user.register{/lang} - {PAGE_TITLE\|language}</title>
	5	{include file='headInclude'}
	6
9543d9fe AE	7	<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.User{if !ENABLE_DEBUG_MODE}.min{/if}.js?v={@$__wcfVersion}"></script>
9543d9fe AE	8	<script data-relocate="true">
320f4a6d MW	9	//<![CDATA[
	10	$(function() {
	11	WCF.Language.addObject({
	12	'wcf.global.form.error.empty': '{lang}wcf.global.form.error.empty{/lang}',
	13	'wcf.user.username.error.notValid': '{lang}wcf.user.username.error.notValid{/lang}',
	14	'wcf.user.username.error.notUnique': '{lang}wcf.user.username.error.notUnique{/lang}',
	15	'wcf.user.email.error.notValid' : '{lang}wcf.user.email.error.notValid{/lang}',
	16	'wcf.user.email.error.notUnique' : '{lang}wcf.user.email.error.notUnique{/lang}',
	17	'wcf.user.confirmEmail.error.notEqual' : '{lang}wcf.user.confirmEmail.error.notEqual{/lang}',
	18	'wcf.user.password.error.notSecure' : '{lang}wcf.user.password.error.notSecure{/lang}',
	19	'wcf.user.confirmPassword.error.notEqual' : '{lang}wcf.user.confirmPassword.error.notEqual{/lang}'
	20	});
	21
78b5eb60 MW	22	new WCF.User.Registration.Validation.EmailAddress($('#{@$randomFieldNames[email]}'), $('#{@$randomFieldNames[confirmEmail]}'), null);
	23	new WCF.User.Registration.Validation.Password($('#{@$randomFieldNames[password]}'), $('#{@$randomFieldNames[confirmPassword]}'), null);
	24	new WCF.User.Registration.Validation.Username($('#{@$randomFieldNames[username]}', null, {
320f4a6d MW	25	minlength: {@REGISTER_USERNAME_MIN_LENGTH},
	26	maxlength: {@REGISTER_USERNAME_MAX_LENGTH}
	27	}));
	28	});
	29	//]]>
	30	</script>
78b5eb60 MW	31
	32	<style type="text/css">
	33	#fieldset1 {
	34	height: 0;
	35	overflow: hidden;
	36	position: absolute;
	37	left: -9000px;
	38	max-width: 8000px;
	39	}
	40	</style>
320f4a6d MW	41	</head>
	42
	43	<body id="tpl{$templateName\|ucfirst}">
	44	{include file='header' __disableLoginLink=true}
	45
	46	<header class="boxHeadline">
	47	<h1>{lang}wcf.user.register{/lang}</h1>
	48	</header>
	49
	50	{include file='userNotice'}
	51
	52	{if $isExternalAuthentication}
	53	{if $__wcf->session->getVar('__githubToken')}
	54	<p class="info">{lang}wcf.user.3rdparty.github.register{/lang}</p>
	55	{elseif $__wcf->session->getVar('__twitterData')}
	56	<p class="info">{lang}wcf.user.3rdparty.twitter.register{/lang}</p>
	57	{elseif $__wcf->session->getVar('__facebookData')}
	58	<p class="info">{lang}wcf.user.3rdparty.facebook.register{/lang}</p>
	59	{elseif $__wcf->session->getVar('__googleData')}
	60	<p class="info">{lang}wcf.user.3rdparty.google.register{/lang}</p>
	61	{/if}
	62	{/if}
	63
	64	{if $errorField}
	65	<p class="error">{lang}wcf.global.form.error{/lang}</p>
	66	{/if}
	67
	68	<div class="contentNavigation">
	69	{hascontent}
	70	<nav>
	71	<ul>
	72	{content}
	73	{event name='contentNavigationButtons'}
	74	{/content}
	75	</ul>
	76	</nav>
	77	{/hascontent}
	78	</div>
	79
	80	<form method="post" action="{link controller='Register'}{/link}">
	81	<div class="container containerPadding marginTop">
	82	<fieldset>
	83	<legend>{lang}wcf.user.username{/lang}</legend>
	84
	85	<dl{if $errorType.username\|isset} class="formError"{/if}>
	86	<dt>
78b5eb60	87	<label for="{@$randomFieldNames[username]}">{lang}wcf.user.username{/lang}</label>
320f4a6d MW	88	</dt>
320f4a6d MW	89	<dd>
78b5eb60	90	<input type="text" id="{@$randomFieldNames[username]}" name="{@$randomFieldNames[username]}" value="{$username}" required="required" class="medium" />
320f4a6d MW	91	{if $errorType.username\|isset}
	92	<small class="innerError">
	93	{if $errorType.username == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
	94	{if $errorType.username == 'notValid'}{lang}wcf.user.username.error.notValid{/lang}{/if}
	95	{if $errorType.username == 'notUnique'}{lang}wcf.user.username.error.notUnique{/lang}{/if}
	96	</small>
	97	{/if}
	98	<small>{lang}wcf.user.username.description{/lang}</small>
	99	</dd>
	100	</dl>
	101
	102	{event name='usernameFields'}
	103	</fieldset>
	104
78b5eb60	105	<fieldset id="fieldset1">
1d853007	106	<legend>{lang}wcf.user.register.honeyPot{/lang}</legend>
78b5eb60	107
1d853007	108	<small>{lang}wcf.user.register.honeyPot.description{/lang}</small>
78b5eb60 MW	109
	110	<dl>
	111	<dt>
	112	<label for="username">{lang}wcf.user.username{/lang}</label>
	113	</dt>
	114	<dd>
	115	<input type="text" id="username" name="username" value="" autocomplete="off" class="medium" tabindex="998" />
	116	</dd>
	117	</dl>
	118
	119	<dl>
	120	<dt>
ef51c482	121	<label for="email">{lang}wcf.user.email{/lang}</label>
78b5eb60 MW	122	</dt>
	123	<dd>
	124	<input type="email" id="email" name="email" value="" autocomplete="off" class="medium" tabindex="999" />
	125	</dd>
	126	</dl>
	127
	128	{event name='honeyPotFields'}
	129	</fieldset>
	130
320f4a6d MW	131	<fieldset>
	132	<legend>{lang}wcf.user.email{/lang}</legend>
	133
	134	<dl{if $errorType.email\|isset} class="formError"{/if}>
	135	<dt>
78b5eb60	136	<label for="{@$randomFieldNames[email]}">{lang}wcf.user.email{/lang}</label>
320f4a6d MW	137	</dt>
320f4a6d MW	138	<dd>
78b5eb60	139	<input type="email" id="{@$randomFieldNames[email]}" name="{@$randomFieldNames[email]}" value="{$email}" required="required" class="medium" />
320f4a6d MW	140	{if $errorType.email\|isset}
	141	<small class="innerError">
	142	{if $errorType.email == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
	143	{if $errorType.email == 'notValid'}{lang}wcf.user.email.error.notValid{/lang}{/if}
	144	{if $errorType.email == 'notUnique'}{lang}wcf.user.email.error.notUnique{/lang}{/if}
	145	</small>
	146	{/if}
	147	</dd>
	148	</dl>
	149
	150	<dl{if $errorType.confirmEmail\|isset} class="formError"{/if}>
	151	<dt>
78b5eb60	152	<label for="{@$randomFieldNames[confirmEmail]}">{lang}wcf.user.confirmEmail{/lang}</label>
320f4a6d MW	153	</dt>
320f4a6d MW	154	<dd>
78b5eb60	155	<input type="email" id="{@$randomFieldNames[confirmEmail]}" name="{@$randomFieldNames[confirmEmail]}" value="{$confirmEmail}" required="required" class="medium" />
320f4a6d MW	156	{if $errorType.confirmEmail\|isset}
	157	<small class="innerError">
	158	{if $errorType.confirmEmail == 'notEqual'}{lang}wcf.user.confirmEmail.error.notEqual{/lang}{/if}
	159	</small>
	160	{/if}
	161	</dd>
	162	</dl>
	163
	164	{event name='emailFields'}
	165	</fieldset>
	166
	167	{if !$isExternalAuthentication}
	168	<fieldset>
	169	<legend>{lang}wcf.user.password{/lang}</legend>
	170
	171	<dl{if $errorType.password\|isset} class="formError"{/if}>
	172	<dt>
78b5eb60	173	<label for="{@$randomFieldNames[password]}">{lang}wcf.user.password{/lang}</label>
320f4a6d MW	174	</dt>
320f4a6d MW	175	<dd>
78b5eb60	176	<input type="password" id="{@$randomFieldNames[password]}" name="{@$randomFieldNames[password]}" value="{$password}" required="required" class="medium" />
320f4a6d MW	177	{if $errorType.password\|isset}
	178	<small class="innerError">
	179	{if $errorType.password == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
	180	{if $errorType.password == 'notSecure'}{lang}wcf.user.password.error.notSecure{/lang}{/if}
	181	</small>
	182	{/if}
	183	<small>{lang}wcf.user.password.description{/lang}</small>
	184	</dd>
	185	</dl>
	186
	187	<dl{if $errorType.confirmPassword\|isset} class="formError"{/if}>
	188	<dt>
78b5eb60	189	<label for="{@$randomFieldNames[confirmPassword]}">{lang}wcf.user.confirmPassword{/lang}</label>
320f4a6d MW	190	</dt>
320f4a6d MW	191	<dd>
78b5eb60	192	<input type="password" id="{@$randomFieldNames[confirmPassword]}" name="{@$randomFieldNames[confirmPassword]}" value="{$confirmPassword}" required="required" class="medium" />
320f4a6d MW	193	{if $errorType.confirmPassword\|isset}
	194	<small class="innerError">
	195	{if $errorType.confirmPassword == 'notEqual'}{lang}wcf.user.confirmPassword.error.notEqual{/lang}{/if}
	196	</small>
	197	{/if}
	198	</dd>
	199	</dl>
	200
	201	{event name='passwordFields'}
	202	</fieldset>
	203	{/if}
	204
	205	{if $availableLanguages\|count > 1}
	206	<fieldset>
	207	<legend>{lang}wcf.user.language{/lang}</legend>
	208
	209	<dl>
	210	<dt><label for="languageID">{lang}wcf.user.language{/lang}</label></dt>
	211	<dd>
	212	<select id="languageID" name="languageID">
	213	{foreach from=$availableLanguages item=language}
	214	<option value="{@$language->languageID}"{if $language->languageID == $languageID} selected="selected"{/if}>{$language}</option>
	215	{/foreach}
	216	</select>
	217	<small>{lang}wcf.user.language.description{/lang}</small>
	218	</dd>
	219	</dl>
	220
	221	{hascontent}
	222	<dl>
	223	<dt><label>{lang}wcf.user.visibleLanguages{/lang}</label></dt>
	224	<dd class="floated">
	225	{content}
	226	{foreach from=$availableContentLanguages item=language}
	227	<label><input name="visibleLanguages[]" type="checkbox" value="{@$language->languageID}"{if $language->languageID\|in_array:$visibleLanguages} checked="checked"{/if} /> {$language}</label>
	228	{/foreach}
	229	{/content}
	230	<small>{lang}wcf.user.visibleLanguages.description{/lang}</small></dd>
	231	</dl>
	232	{/hascontent}
	233
	234	{event name='languageFields'}
	235	</fieldset>
	236	{/if}
	237
	238	{foreach from=$optionTree item=category}
	239	<fieldset>
	240	<legend>{lang}wcf.user.option.category.{@$category[object]->categoryName}{/lang}</legend>
	241
	242	{include file='userOptionFieldList' options=$category[options] langPrefix='wcf.user.option.'}
	243	</fieldset>
	244	{/foreach}
	245
	246	{event name='fieldsets'}
	247
	248	{if $useCaptcha}
	249	{if $errorType.recaptchaString\|isset}
	250	{assign var=errorField value='recaptchaString'}
	251	{assign var=errorType value=$errorType.recaptchaString}
	252	{/if}
	253	{include file='recaptcha'}
	254	{/if}
	255	</div>
	256
257	<div class="formSubmit">
258	<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
259	</div>
260	</form>
261
262	{include file='footer'}
263
264	</body>
265	</html>