[TASK] Clean up backend login controller Part 1
[Packages/TYPO3.CMS.git] / typo3 / sysext / backend / Resources / Private / Templates / login.html
index 17f1eb3..468387e 100644 (file)
 <!-- ###PAGE### begin -->
-<table cellspacing="0" cellpadding="0" border="0" id="wrapper">
-       <tr>
-               <td class="c-wrappercell" align="center">
-                       <div id="loginimage">###LOGO###</div>
-                       <table cellspacing="0" cellpadding="0" border="0" id="loginwrapper">
-                               <tr>
-                                       <td ###CSS_ERRORCLASS###>
-                                               ###LOGINBOX_IMAGE###
-                                               ###FORM###
-                                       </td>
-                               </tr>
-                       </table>
-                       ###NEWS###
-                       <div id="copyrightnotice">###COPYRIGHT###</div>
-               </td>
-       </tr>
-</table>
+<div id="t3-login-form" ###CSS_CLASSES###>
+       ###LOGO###
+
+       <div class="shadow">
+               <div class="t3-headline">
+                       <h2>###HEADLINE###</h2>
+               </div>
+
+               <div class="t3-login-box-body">
+                       <noscript>
+                               <div id="t3-noscript-error" class="t3-login-alert t3-login-alert-error">
+                                       <h2>###ERROR_JAVASCRIPT###</h2>
+                               </div>
+                       </noscript>
+                       <div id="t3-nocookies-error" class="t3-login-alert t3-login-alert-warning" style="display:none">
+                               <h2>###ERROR_COOKIES###</h2>
+                               <div id="t3-nocookies-ignore"><a href="#"  onclick="TYPO3BackendLogin.hideCookieWarning()">###ERROR_COOKIES_IGNORE###</a></div>
+                       </div>
+                       <!--[if lte IE 6]>
+                       ###WARNING_BROWSER_INCOMPATIBLE###
+                       <![endif]-->
+                       <div id="t3-login-process" style="display: none">
+                               <h2>###LOGIN_PROCESS###</h2>
+                       </div>
+
+                       ###FORM###
+
+               </div>
+       </div>
+       <script type="text/javascript" src="sysext/backend/Resources/Public/JavaScript/login.js"></script>
+       <script type="text/javascript" src="sysext/backend/Resources/Public/JavaScript/jsfunc.placeholder.js"></script>
+
+       ###NEWS###
+
+       <div id="t3-copyright-notice">
+               ###COPYRIGHT###
+       </div>
+       <div id="t3-meta-links">
+               <a href="http://typo3.org" target="_blank" class="t3-login-link-typo3">TYPO3.org</a>
+               &#124;
+               <a href="http://typo3.org/donate/" target="_blank" class="t3-login-link-donate">###LABEL_DONATELINK###</a>
+       </div>
+</div>
 <!-- ###PAGE### end -->
 
+<!-- ###LOGIN_NEWS### begin -->
+<div id="t3-login-news-outer" class="shadow">
+       <div class="t3-headline">
+               <h2 class="t3-login-news-headline">###NEWS_HEADLINE###</h2>
+       </div>
+       <div class="t3-login-box-body">
+               <dl id="t3-login-news">
+                       <!-- ###NEWS_ITEM### begin -->
+                       <div class="t3-login-news-item###CLASS###">
+                               <dt>
+                                       <span class="t3-news-date">###DATE###: </span>
+                                       <span class="t3-news-title">###HEADER###</span>
+                               </dt>
+                               <dd>
+                                       ###CONTENT###
+                               </dd>
+                       </div>
+                       <!-- ###NEWS_ITEM### end -->
+               </dl>
+       </div>
+</div>
+<div class="t3-login-box-border-bottom"></div>
+<!-- ###LOGIN_NEWS### end -->
 
 <!-- ###LOGIN_FORM### begin -->
-<table cellspacing="0" cellpadding="0" border="0" id="logintable">
-       <tr>
-               <td colspan="2"><h2>###HEADLINE###</h2></td>
-       </tr>
-       <!-- ###LOGIN_ERROR### begin -->
-       <tr class="c-wrong">
-               <td colspan="2"><p class="c-wrong">###ERROR_MESSAGE###</p></td>
-       </tr>
-       <!-- ###LOGIN_ERROR### end -->
-       <tr class="c-username">
-               <td><label for="username" class="c-username">###LABEL_USERNAME###:</label></td>
-               <td><input type="text" id="username" name="username" value="###VALUE_USERNAME###" class="c-username" autofocus="autofocus" /></td>
-       </tr>
-       <tr class="c-password">
-               <td><label for="password" class="c-password">###LABEL_PASSWORD###:</label></td>
-               <td><input type="password" id="password" name="p_field" value="###VALUE_PASSWORD###" class="c-password" /></td>
-       </tr>
-
-       <!-- ###INTERFACE_SELECTOR### begin -->
-       <tr class="c-interfaceselector">
-               <td><label for="interfaceselector" class="c-interfaceselector">###LABEL_INTERFACE###:</label></td>
-               <td>###VALUE_INTERFACE###</td>
-       </tr>
-       <!-- ###INTERFACE_SELECTOR### end -->
-       <tr class="c-submit">
-               <td></td>
-               <td><input type="submit" name="commandLI" value="###VALUE_SUBMIT###" class="c-submit" /></td>
-       </tr>
-       <tr class="c-info">
-               <td colspan="2"><p class="c-info">###INFO###</p></td>
-       </tr>
-</table>
-<!-- ###LOGIN_FORM### end -->
 
+<!-- ###LOGIN_ERROR### begin -->
+<div id="t3-login-error" class="t3-login-alert t3-login-alert-error">
+       <h2>###ERROR_LOGIN_TITLE###</h2>
+       <p>###ERROR_LOGIN_DESCRIPTION###</p>
+</div>
+<!-- ###LOGIN_ERROR### end -->
 
-<!-- ###LOGOUT_FORM### begin -->
-<table cellspacing="0" cellpadding="0" border="0" id="logintable">
-       <tr>
-               <td></td>
-               <td><h2>###HEADLINE###</h2></td>
-       </tr>
-       <tr class="c-username">
-               <td><p class="c-username">###LABEL_USERNAME###:</p></td>
-               <td><p class="c-username-current">###VALUE_USERNAME###</p></td>
-       </tr>
-       <!-- ###INTERFACE_SELECTOR### begin -->
-       <tr class="c-interfaceselector">
-               <td><p class="c-interfaceselector">###LABEL_INTERFACE###:</p></td>
-               <td>###VALUE_INTERFACE###</td>
-       </tr>
-       <!-- ###INTERFACE_SELECTOR### end -->
-       <tr class="c-submit">
-               <td><input type="hidden" name="p_field" value="" /></td>
-               <td><input type="submit" name="commandLO" value="###VALUE_SUBMIT###" class="c-submit" /></td>
-       </tr>
-       <tr class="c-info">
-               <td></td>
-               <td><p class="c-info">###INFO###</p></td>
-       </tr>
-</table>
-<!-- ###LOGOUT_FORM### end -->
+<div id="t3-login-form-fields" class="###CSS_OPENIDCLASS###">
+       <div class="t3-login-field" id="t3-login-username-section">
+               <input type="text" id="t3-username" name="username" value="###VALUE_USERNAME###" placeholder="###LABEL_USERNAME###" class="t3-username" autofocus="autofocus" />
 
-<!-- ###LOGIN_NEWS### begin -->
-       <!-- Login screen news: -->
-       <h2 id="loginNewsTitle">###NEWS_HEADLINE###</h2>
-       <dl id="loginNews">
-        <!-- ###NEWS_ITEM### begin -->
-                               <dt>###HEADER### <span>###DATE###</span></dt>
-                               <dd>###CONTENT###</dd>
-        <!-- ###NEWS_ITEM### end -->
-       </dl>
-<!-- ###LOGIN_NEWS### end -->
\ No newline at end of file
+               <div class="t3-login-clearInputField">
+                       <a id="t3-username-clearIcon" style="display: none;">
+                               <img src="sysext/t3skin/icons/common-input-clear.png" alt="###CLEAR###" title="###CLEAR###" />
+                       </a>
+               </div>
+               <div class="t3-login-alert-capslock" id="t3-username-alert-capslock" style="display: none">
+                       <img src="sysext/t3skin/icons/login_capslock.gif" alt="###ERROR_CAPSLOCK###" title="###ERROR_CAPSLOCK###" />
+               </div>
+       </div>
+       <div class="t3-login-password t3-login-field" id="t3-login-password-section">
+               <input type="password" id="t3-password" name="p_field" value="###VALUE_PASSWORD###" placeholder="###LABEL_PASSWORD###" class="t3-password" />
+               <div class="t3-login-clearInputField">
+                       <a id="t3-password-clearIcon" style="display: none;">
+                               <img src="sysext/t3skin/icons/common-input-clear.png" alt="###CLEAR###" title="###CLEAR###" />
+                       </a>
+               </div>
+               <div class="t3-login-alert-capslock" id="t3-password-alert-capslock" style="display: none">
+                       <img src="sysext/t3skin/icons/login_capslock.gif" alt="###ERROR_CAPSLOCK###" title="###ERROR_CAPSLOCK###" />
+               </div>
+       </div>
+       <div class="t3-login-field" id="t3-login-openid_url-section" style="display: none">
+               <input type="text" id="openid_url" name="openid_url" value="###VALUE_OPENID_URL###" placeholder="###LABEL_OPENID###" class="t3-openidurl" />
+
+               <div class="t3-login-clearInputField">
+                       <a id="openid_url-clearIcon" style="display: none;">
+                               <img src="sysext/t3skin/icons/common-input-clear.png" alt="###CLEAR###" title="###CLEAR###" />
+                       </a>
+               </div>
+       </div>
+       <div class="t3-login-field clearfix">
+               <!-- ###INTERFACE_SELECTOR### begin -->
+               <div class="t3-login-interface" id="t3-login-interface-section">
+                       ###VALUE_INTERFACE###
+                       </div>
+               <!-- ###INTERFACE_SELECTOR### end -->
+
+               <div id="t3-login-openIdLogo" style="display: none">
+                       <img src="sysext/t3skin/icons/logo-openid.png" alt="OpenID" title="OpenID" />
+               </div>
+
+               <input type="submit" name="commandLI" id="t3-login-submit" value="###VALUE_SUBMIT###" class="t3-login-submit" />
+       </div>
+
+       <div class="t3-login-form-footer">
+               <div id="t3-login-form-footer-default">
+                       <a id="t3-login-switchToOpenId" class="switchToOpenId">###LABEL_SWITCHOPENID###</a>
+               </div>
+               <div id="t3-login-form-footer-openId" style="display: none">
+                       <a href="http://openid.net/" id="t3-login-whatIsOpenId" target="_blank" class="switchToOpenId">###LABEL_WHATISOPENID###</a>
+                       &#124;
+                       <a id="t3-login-switchToDefault" class="switchToOpenId">###LABEL_SWITCHDEFAULT###</a>
+               </div>
+       </div>
+</div>
+<!-- ###LOGIN_FORM### end -->
+
+<!-- ###LOGOUT_FORM### begin -->
+<div id="t3-login-form-fields">
+       <div class="t3-login-logout-form">
+               <div class="t3-login-username t3-login-field">
+                       <div class="t3-login-label t3-username">
+                               ###LABEL_USERNAME###
+                       </div>
+                       <div class="t3-username-current">
+                               ###VALUE_USERNAME###
+                       </div>
+               </div>
+               <!-- ###INTERFACE_SELECTOR### begin -->
+               <div class="t3-login-interface t3-login-field">
+                       <div class="t3-login-label t3-interface-selector">
+                               ###LABEL_INTERFACE###
+                       </div>
+                       ###VALUE_INTERFACE###
+                       <!-- ###INTERFACE_SELECTOR### end -->
+               </div>
+               <input type="hidden" name="p_field" value="" /><input type="submit" name="commandLO" value="###VALUE_SUBMIT###" class="t3-login-submit" />
+       </div>
+</div>
+<!-- ###LOGOUT_FORM### end -->
\ No newline at end of file