Improved markup
[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / login.tpl
CommitLineData
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}">
320f4a6d
MW
18{include file='header' __disableLoginLink=true}
19
20<header class="boxHeadline">
21 <h1>{lang}wcf.user.login{/lang}</h1>
22</header>
23
24{include file='userNotice'}
25
ee629b22 26{include file='formError'}
320f4a6d
MW
27
28<div class="contentNavigation">
29 {hascontent}
30 <nav>
31 <ul>
32 {content}
33 {event name='contentNavigationButtons'}
34 {/content}
35 </ul>
36 </nav>
37 {/hascontent}
38</div>
39
4fcdbfe8 40<form method="post" action="{@$loginController}" id="loginForm">
320f4a6d
MW
41 <div class="container containerPadding marginTop">
42 <fieldset>
43 <legend>{lang}wcf.user.login.data{/lang}</legend>
44
45 <dl{if $errorField == 'username'} class="formError"{/if}>
46 <dt><label for="username">{lang}wcf.user.usernameOrEmail{/lang}</label></dt>
47 <dd>
ee490f0c 48 <input type="text" id="username" name="username" value="{$username}" required="required" class="medium" />
320f4a6d
MW
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}
58 </dd>
59 </dl>
60
61 {if !REGISTER_DISABLED}
62 <dl>
63 <dt>{lang}wcf.user.login.action{/lang}</dt>
ee490f0c
MW
64 <dd>
65 <label><input type="radio" name="action" value="register" /> {lang}wcf.user.login.action.register{/lang}</label>
66 <label><input type="radio" name="action" value="login" checked="checked" /> {lang}wcf.user.login.action.login{/lang}</label>
67 </dd>
320f4a6d
MW
68 </dl>
69 {/if}
70
71 <dl{if $errorField == 'password'} class="formError"{/if}>
72 <dt><label for="password">{lang}wcf.user.password{/lang}</label></dt>
73 <dd>
ee490f0c 74 <input type="password" id="password" name="password" value="{$password}" class="medium" />
320f4a6d
MW
75 {if $errorField == 'password'}
76 <small class="innerError">
77 {if $errorType == 'empty'}
78 {lang}wcf.global.form.error.empty{/lang}
79 {else}
80 {lang}wcf.user.password.error.{@$errorType}{/lang}
81 {/if}
82 </small>
83 {/if}
84 </dd>
85 </dl>
86
87 {if $supportsPersistentLogins}
88 <dl>
77f70354 89 <dt></dt>
320f4a6d
MW
90 <dd>
91 <label for="useCookies"><input type="checkbox" id="useCookies" name="useCookies" value="1" {if $useCookies}checked="checked" {/if}/> {lang}wcf.user.useCookies{/lang}</label>
92 </dd>
93 </dl>
94 {/if}
95
96 {event name='fields'}
97
98 <dl>
77f70354 99 <dt></dt>
320f4a6d 100 <dd>
b925ad8f 101 <ul class="buttonList smallButtons">
320f4a6d
MW
102 <li><a class="button small" href="{link controller='LostPassword'}{/link}"><span>{lang}wcf.user.lostPassword{/lang}</span></a></li>
103 {if !REGISTER_DISABLED && REGISTER_ACTIVATION_METHOD == 1}<li><a class="button small" href="{link controller='RegisterActivation'}{/link}"><span>{lang}wcf.user.registerActivation{/lang}</span></a></li>{/if}
104 {event name='buttons'}
105 </ul>
106 </dd>
107 </dl>
108 </fieldset>
109
320f4a6d
MW
110 {hascontent}
111 <fieldset>
112 <legend>{lang}wcf.user.login.3rdParty{/lang}</legend>
113
114 <dl>
77f70354 115 <dt></dt>
320f4a6d 116 <dd>
b925ad8f 117 <ul class="buttonList smallButtons">
320f4a6d
MW
118 {content}
119 {if GITHUB_PUBLIC_KEY !== '' && GITHUB_PRIVATE_KEY !== ''}
120 <li id="githubAuth" class="3rdPartyAuth">
8eef36ed 121 <a href="{link controller='GithubAuth'}{/link}" class="thirdPartyLoginButton githubLoginButton"><span class="icon icon16 icon-github"></span> <span>{lang}wcf.user.3rdparty.github.login{/lang}</span></a>
320f4a6d
MW
122 </li>
123 {/if}
124
125 {if TWITTER_PUBLIC_KEY !== '' && TWITTER_PRIVATE_KEY !== ''}
126 <li id="twitterAuth" class="3rdPartyAuth">
8eef36ed 127 <a href="{link controller='TwitterAuth'}{/link}" class="thirdPartyLoginButton twitterLoginButton"><span class="icon icon16 icon-twitter"></span> <span>{lang}wcf.user.3rdparty.twitter.login{/lang}</span></a>
320f4a6d
MW
128 </li>
129 {/if}
130
131 {if FACEBOOK_PUBLIC_KEY !== '' && FACEBOOK_PRIVATE_KEY !== ''}
132 <li id="facebookAuth" class="3rdPartyAuth">
8eef36ed 133 <a href="{link controller='FacebookAuth'}{/link}" class="thirdPartyLoginButton facebookLoginButton"><span class="icon icon16 icon-facebook"></span> <span>{lang}wcf.user.3rdparty.facebook.login{/lang}</span></a>
320f4a6d
MW
134 </li>
135 {/if}
136
137 {if GOOGLE_PUBLIC_KEY !== '' && GOOGLE_PRIVATE_KEY !== ''}
138 <li id="googleAuth" class="3rdPartyAuth">
8eef36ed 139 <a href="{link controller='GoogleAuth'}{/link}" class="thirdPartyLoginButton googleLoginButton"><span class="icon icon16 icon-google-plus"></span> <span>{lang}wcf.user.3rdparty.google.login{/lang}</span></a>
320f4a6d
MW
140 </li>
141 {/if}
17729c4f
MW
142
143 {event name='3rdpartyButtons'}
34d67d2d 144 {/content}
320f4a6d
MW
145 </ul>
146 </dd>
147 </dl>
148 </fieldset>
149 {/hascontent}
150
151 {event name='fieldsets'}
359f3c53
MW
152
153 {include file='captcha'}
320f4a6d
MW
154 </div>
155
156 <div class="formSubmit">
157 <input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
26b3b912 158 <input type="hidden" name="url" value="{$url}" />
ee629b22 159 {@SECURITY_TOKEN_INPUT_TAG}
320f4a6d
MW
160 </div>
161</form>
162
163{include file='footer'}
164
165</body>
166</html>