[TASK] t3skin: Base login screen input on Bootstrap
[Packages/TYPO3.CMS.git] / typo3 / sysext / backend / Resources / Private / Templates / login.html
1 <!-- ###PAGE### begin -->
2 <div id="t3-login-form" ###CSS_CLASSES###>
3 ###LOGO###
4
5 <div class="shadow">
6 <div class="t3-headline">
7 <h2>###HEADLINE###</h2>
8 </div>
9
10 <div class="t3-login-box-body">
11 <noscript>
12 <div id="t3-noscript-error" class="t3-login-alert t3-login-alert-error">
13 <h2>###ERROR_JAVASCRIPT###</h2>
14 </div>
15 </noscript>
16 <div id="t3-nocookies-error" class="t3-login-alert t3-login-alert-warning" style="display:none">
17 <h2>###ERROR_COOKIES###</h2>
18 <div id="t3-nocookies-ignore"><a href="#" onclick="TYPO3.BackendLogin.hideCookieWarning()">###ERROR_COOKIES_IGNORE###</a></div>
19 </div>
20 <div id="t3-login-process" style="display: none">
21 <h2>###LOGIN_PROCESS###</h2>
22 </div>
23
24 ###FORM###
25
26 </div>
27 </div>
28
29 ###NEWS###
30
31 <div id="t3-copyright-notice">
32 ###COPYRIGHT###
33 </div>
34 <div id="t3-meta-links">
35 <a href="http://typo3.org" target="_blank" class="t3-login-link-typo3">TYPO3.org</a>
36 &#124;
37 <a href="http://typo3.org/donate/" target="_blank" class="t3-login-link-donate">###LABEL_DONATELINK###</a>
38 </div>
39 </div>
40 <!-- ###PAGE### end -->
41
42 <!-- ###LOGIN_NEWS### begin -->
43 <div id="t3-login-news-outer" class="shadow">
44 <div class="t3-headline">
45 <h2 class="t3-login-news-headline">###NEWS_HEADLINE###</h2>
46 </div>
47 <div class="t3-login-box-body">
48 <dl id="t3-login-news">
49 <!-- ###NEWS_ITEM### begin -->
50 <div class="t3-login-news-item###CLASS###">
51 <dt>
52 <span class="t3-news-date">###DATE###: </span>
53 <span class="t3-news-title">###HEADER###</span>
54 </dt>
55 <dd>
56 ###CONTENT###
57 </dd>
58 </div>
59 <!-- ###NEWS_ITEM### end -->
60 </dl>
61 </div>
62 </div>
63 <div class="t3-login-box-border-bottom"></div>
64 <!-- ###LOGIN_NEWS### end -->
65
66 <!-- ###LOGIN_FORM### begin -->
67
68 <!-- ###LOGIN_ERROR### begin -->
69 <div id="t3-login-error" class="t3-login-alert t3-login-alert-error">
70 <h2>###ERROR_LOGIN_TITLE###</h2>
71 <p>###ERROR_LOGIN_DESCRIPTION###</p>
72 </div>
73 <!-- ###LOGIN_ERROR### end -->
74
75 <div id="t3-login-form-fields" class="###CSS_OPENIDCLASS###">
76 <div class="form-group t3-login-field" id="t3-login-username-section">
77 <input type="text" id="t3-username" name="username" value="###VALUE_USERNAME###" placeholder="###LABEL_USERNAME###" class="form-control t3-username input-lg" autofocus="autofocus" />
78
79 <div class="t3-login-clearInputField">
80 <a id="t3-username-clearIcon" style="display: none;">
81 <img src="sysext/t3skin/icons/common-input-clear.png" alt="###CLEAR###" title="###CLEAR###" />
82 </a>
83 </div>
84 <div class="t3-login-alert-capslock" id="t3-username-alert-capslock" style="display: none">
85 <img src="sysext/t3skin/icons/login_capslock.gif" alt="###ERROR_CAPSLOCK###" title="###ERROR_CAPSLOCK###" />
86 </div>
87 </div>
88
89 <div class="form-group t3-login-password t3-login-field" id="t3-login-password-section">
90 <input type="password" id="t3-password" name="p_field" value="###VALUE_PASSWORD###" placeholder="###LABEL_PASSWORD###" class="form-control t3-password input-lg" />
91
92 <div class="t3-login-clearInputField">
93 <a id="t3-password-clearIcon" style="display: none;">
94 <img src="sysext/t3skin/icons/common-input-clear.png" alt="###CLEAR###" title="###CLEAR###" />
95 </a>
96 </div>
97 <div class="t3-login-alert-capslock" id="t3-password-alert-capslock" style="display: none">
98 <img src="sysext/t3skin/icons/login_capslock.gif" alt="###ERROR_CAPSLOCK###" title="###ERROR_CAPSLOCK###" />
99 </div>
100 </div>
101
102 <div class="form-group t3-login-field" id="t3-login-openid_url-section" style="display: none">
103 <input type="text" id="openid_url" name="openid_url" value="###VALUE_OPENID_URL###" placeholder="###LABEL_OPENID###" class="form-control t3-openidurl" />
104
105 <div class="t3-login-clearInputField">
106 <a id="openid_url-clearIcon" style="display: none;">
107 <img src="sysext/t3skin/icons/common-input-clear.png" alt="###CLEAR###" title="###CLEAR###" />
108 </a>
109 </div>
110 </div>
111
112 <div class="form-group t3-login-field clearfix">
113 <!-- ###INTERFACE_SELECTOR### begin -->
114 <div class="t3-login-interface" id="t3-login-interface-section">
115 ###VALUE_INTERFACE###
116 </div>
117 <!-- ###INTERFACE_SELECTOR### end -->
118
119 <div id="t3-login-openIdLogo" style="display: none">
120 <img src="sysext/t3skin/icons/logo-openid.png" alt="OpenID" title="OpenID" />
121 </div>
122
123 <input type="submit" name="commandLI" id="t3-login-submit" value="###VALUE_SUBMIT###" class="form-control pull-right t3-login-submit" />
124 </div>
125
126 <div class="t3-login-form-footer">
127 <div id="t3-login-form-footer-default">
128 <a id="t3-login-switchToOpenId" class="switchToOpenId">###LABEL_SWITCHOPENID###</a>
129 </div>
130
131 <div id="t3-login-form-footer-openId" style="display: none">
132 <a href="http://openid.net/" id="t3-login-whatIsOpenId" target="_blank" class="switchToOpenId">###LABEL_WHATISOPENID###</a>
133 &#124;
134 <a id="t3-login-switchToDefault" class="switchToOpenId">###LABEL_SWITCHDEFAULT###</a>
135 </div>
136 </div>
137 </div>
138 <!-- ###LOGIN_FORM### end -->
139
140 <!-- ###LOGOUT_FORM### begin -->
141 <div id="t3-login-form-fields">
142 <div class="t3-login-logout-form">
143 <div class="t3-login-username t3-login-field">
144 <div class="t3-login-label t3-username">
145 ###LABEL_USERNAME###
146 </div>
147 <div class="t3-username-current">
148 ###VALUE_USERNAME###
149 </div>
150 </div>
151 <!-- ###INTERFACE_SELECTOR### begin -->
152 <div class="t3-login-interface t3-login-field">
153 <div class="t3-login-label t3-interface-selector">
154 ###LABEL_INTERFACE###
155 </div>
156 ###VALUE_INTERFACE###
157 <!-- ###INTERFACE_SELECTOR### end -->
158 </div>
159 <input type="hidden" name="p_field" value="" /><input type="submit" name="commandLO" value="###VALUE_SUBMIT###" class="t3-login-submit" />
160 </div>
161 </div>
162 <!-- ###LOGOUT_FORM### end -->