[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">
		//<![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}" data-template="{$templateName}" data-application="{$templateNameApplication}">
{include file='header' __disableLoginLink=true}

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

{include file='userNotice'}

{if $isExternalAuthentication}
	<p class="info">{lang}wcf.user.3rdparty.{$__wcf->session->getVar('__3rdPartyProvider')}.register{/lang}</p>
{/if}

{include file='formError'}

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