Fixed bug #12699: Upgrade backend login to match t3skin
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / templates / login.html
index 479d2dc..4addccd 100644 (file)
 <!-- ###PAGE### begin -->\r
 <!-- ###PAGE### begin -->\r
-<div id="t3-login-form-outer">\r
+<div id="t3-login-form-outer" ###CSS_ERRORCLASS###>\r
        <div id="t3-login-form">\r
                <div id="t3-login-image">\r
                        ###LOGO###\r
                </div>\r
        <div id="t3-login-form">\r
                <div id="t3-login-image">\r
                        ###LOGO###\r
                </div>\r
-               <div id="t3-login-form-inner" ###CSS_ERRORCLASS###>\r
+               <div id="t3-login-form-inner" class="t3-login-box">\r
                        <div class="t3-headline">\r
                                <h2>###HEADLINE###</h2>\r
                        <div class="t3-headline">\r
                                <h2>###HEADLINE###</h2>\r
-                               <div class="t3-icons">\r
-                                       <div class="t3-helpicon">\r
-                                               <img src="sysext/t3skin/icons/login_help.gif" alt="help" />\r
-                                               <div class="t3-help">\r
-                                                       ###INFO_ABOUT###\r
-                                               </div>\r
-                                       </div>\r
-                                       <div class="t3-reloadicon">\r
-                                               <img src="sysext/t3skin/icons/login_reload.gif" alt="reload" onclick="document.loginform.reset(); checkFocus();" />\r
-                                               <div class="t3-help">\r
-                                                       ###INFO_RELOAD###\r
-                                               </div>\r
+                       </div>\r
+                       <div class="t3-login-box-body">\r
+                               <noscript>\r
+                                       <div id="t3-noscript-error" class="t3-login-alert t3-login-alert-error">\r
+                                               <p>\r
+                                                       ###ERROR_JAVASCRIPT###\r
+                                               </p>\r
                                        </div>\r
                                        </div>\r
-                               </div>\r
-                       </div>###LOGINBOX_IMAGE###\r
-                       <noscript>\r
-                               <div id="t3-noscript-error">\r
+                               </noscript>\r
+                               <div id="t3-nocookies-error" class="t3-login-alert t3-login-alert-warning" style="display:none">\r
                                        <p>\r
                                        <p>\r
-                                               ###ERROR_JAVASCRIPT###\r
+                                               ###ERROR_COOKIES###\r
                                        </p>\r
                                </div>\r
                                        </p>\r
                                </div>\r
-                       </noscript>\r
-                       <div id="t3-nocookies-error" style="display:none">\r
-                               <p>\r
-                                       ###ERROR_COOKIES###\r
-                               </p>\r
-                               <p>\r
-                                       <a href="#" onclick="document.getElementById('t3-nocookies-error').style.display = 'none'; document.getElementById('t3-login-form-fields').style.display = 'block'; return false;">###ERROR_COOKIES_IGNORE###</a>\r
-                               </p>\r
-                       </div>\r
-                       <div id="t3-login-form-fields">\r
                                ###FORM###\r
                                ###FORM###\r
+                               <div class="t3-login-bottomBorder"></div>\r
+                               <script type="text/javascript">\r
+                               /*<![CDATA[*/\r
+                                       document.cookie = "testcookie";\r
+                                       cookieEnabled = (document.cookie.indexOf("testcookie") != -1) ? true : false;\r
+                                       if (cookieEnabled) {\r
+                                               document.getElementById("t3-login-form-fields").style.display = 'block';\r
+                                       }\r
+                                       else {\r
+                                               document.getElementById("t3-nocookies-error").style.display = 'block';\r
+                                       }\r
+                               /*]]>*/\r
+                               </script>\r
+                               <script type="text/javascript" src="contrib/prototype/prototype.js"></script>\r
+                               <script type="text/javascript" src="sysext/t3skin/resources/login.js"></script>\r
                        </div>\r
                        </div>\r
-                       <script type="text/javascript">\r
-                       /*<![CDATA[*/\r
-                               document.cookie = "testcookie";\r
-                               cookieEnabled = (document.cookie.indexOf("testcookie") != -1) ? true : false;\r
-                               if (cookieEnabled) {\r
-                                       document.getElementById("t3-login-form-fields").style.display = 'block';\r
-                               }\r
-                               else {\r
-                                       document.getElementById("t3-nocookies-error").style.display = 'block';\r
-                               }\r
-                       /*]]>*/\r
-                       </script>\r
                </div>\r
                </div>\r
+               <div class="t3-login-box-border-bottom"></div>\r
                ###NEWS###\r
        </div>\r
 </div>\r
 <div id="t3-footer">\r
                ###NEWS###\r
        </div>\r
 </div>\r
 <div id="t3-footer">\r
+       <div id="t3-copyright-notice">\r
+               ###COPYRIGHT###\r
+       </div>\r
        <div id="t3-meta-links">\r
                <a href="http://typo3.org" target="_blank">TYPO3.org</a>\r
        <div id="t3-meta-links">\r
                <a href="http://typo3.org" target="_blank">TYPO3.org</a>\r
+               &#124;\r
                <a href="http://typo3.org/donate/" target="_blank">###LABEL_DONATELINK###</a>\r
        </div>\r
                <a href="http://typo3.org/donate/" target="_blank">###LABEL_DONATELINK###</a>\r
        </div>\r
-       <div id="t3-copyright-notice">\r
-               ###COPYRIGHT###\r
-       </div>\r
 </div>\r
 <!-- ###PAGE### end -->\r
 \r
 <!-- ###LOGIN_NEWS### begin -->\r
 </div>\r
 <!-- ###PAGE### end -->\r
 \r
 <!-- ###LOGIN_NEWS### begin -->\r
-<div id="t3-login-news-outer">\r
+<div id="t3-login-news-outer" class="t3-login-box">\r
        <div class="t3-headline">\r
                <h2 class="t3-login-news-headline">###NEWS_HEADLINE###</h2>\r
        </div>\r
        <div class="t3-headline">\r
                <h2 class="t3-login-news-headline">###NEWS_HEADLINE###</h2>\r
        </div>\r
-       <dl id="t3-login-news">\r
-               <!-- ###NEWS_ITEM### begin -->\r
-               <dt>\r
-                       <span class="t3-news-title">###HEADER###</span>\r
-                       <span class="t3-news-date">###DATE###</span>\r
-               </dt>\r
-               <dd>\r
-                       ###CONTENT###\r
-               </dd>\r
-               <!-- ###NEWS_ITEM### end -->\r
-       </dl>\r
+       <div class="t3-login-box-body">\r
+               <dl id="t3-login-news">\r
+                       <!-- ###NEWS_ITEM### begin -->\r
+                       <div class="t3-login-news-item">\r
+                               <dt>\r
+                                       <span class="t3-news-date">###DATE###: </span>\r
+                                       <span class="t3-news-title">###HEADER###</span>\r
+                               </dt>\r
+                               <dd>\r
+                                       ###CONTENT###\r
+                               </dd>\r
+                       </div>\r
+                       <!-- ###NEWS_ITEM### end -->\r
+               </dl>\r
+       </div>\r
 </div>\r
 </div>\r
+<div class="t3-login-box-border-bottom"></div>\r
 <!-- ###LOGIN_NEWS### end -->\r
 \r
 <!-- ###LOGIN_FORM### begin -->\r
 \r
 <!-- ###LOGIN_ERROR### begin -->\r
 <!-- ###LOGIN_NEWS### end -->\r
 \r
 <!-- ###LOGIN_FORM### begin -->\r
 \r
 <!-- ###LOGIN_ERROR### begin -->\r
-<div class="t3-login-error">\r
-       ###ERROR_MESSAGE###\r
+<div id="t3-login-error" class="t3-login-alert t3-login-alert-error">\r
+       <p>###ERROR_MESSAGE###</p>\r
 </div>\r
 <!-- ###LOGIN_ERROR### end -->\r
 \r
 </div>\r
 <!-- ###LOGIN_ERROR### end -->\r
 \r
-<div class="t3-login-username t3-login-field">\r
-       <label for="t3-username" class="t3-username">\r
-               ###LABEL_USERNAME###:\r
-       </label>\r
-       <input type="text" id="t3-username" name="username" value="###VALUE_USERNAME###" class="t3-username" tabindex="1" onkeypress="checkCapslock(event, false)" />\r
-       <a href="#" title="###CLEAR###" onclick="document.getElementById('t3-username').value = ''; checkFocus();" ><img src="sysext/t3skin/icons/login_clear.gif" alt="clear" title="###CLEAR###" /></a>\r
+<div id="t3-capslock" class="t3-login-alert t3-login-alert-warning" style="display: none">\r
+       <p>###ERROR_CAPSLOCK###</p>\r
 </div>\r
 </div>\r
-<div class="t3-login-password t3-login-field">\r
-       <label for="t3-password" class="t3-password">\r
-               ###LABEL_PASSWORD###:\r
-       </label>\r
-       <input type="password" id="t3-password" name="p_field" value="###VALUE_PASSWORD###" class="t3-password" tabindex="2" onkeypress="checkCapslock(event, true);" />\r
-       <a href="#" title="###CLEAR###" onclick="document.getElementById('t3-password').value = ''; checkFocus();"><img src="sysext/t3skin/icons/login_clear.gif" alt="clear" title="###CLEAR###" /></a>\r
-</div>\r
-<div id="t3-capslock" style="display: none;"><img src="sysext/t3skin/icons/login_capslock.gif" alt="caps lock" /><span>###ERROR_CAPSLOCK###</span></div>\r
-<!-- ###INTERFACE_SELECTOR### begin -->\r
-<div class="t3-login-interface t3-login-field">\r
-       <label for="t3-interfaceselector" class="t3-interface-selector">\r
-               ###LABEL_INTERFACE###:\r
-       </label>\r
-       ###VALUE_INTERFACE###\r
+\r
+<div id="t3-login-form-fields" class="###CSS_OPENIDCLASS###">\r
+       <div class="t3-login-username t3-login-field">\r
+               <label for="t3-username" class="t3-username" id="t3-login-label-username">\r
+                       ###LABEL_USERNAME###\r
+               </label>\r
+               <label for="t3-username" class="t3-username" id="t3-login-label-openId" style="display: none">\r
+                       ###LABEL_OPENID###\r
+               </label>\r
+               <input type="text" id="t3-username" name="username" value="###VALUE_USERNAME###" class="t3-username" tabindex="1" onkeypress="checkCapslock(event, false)" />\r
+               <div class="t3-login-clearInputField">\r
+                       <a id="t3-username-clearIcon" style="display: none;">\r
+                               <img src="sysext/t3skin/icons/common-input-clear.png" alt="clear" title="clear" />\r
+                       </a>\r
+               </div>\r
+               <div id="t3-login-openIdLogo" style="display: none">\r
+                       <img src="sysext/t3skin/icons/logo-openid.png" alt="OpenID" title="OpenID" />\r
+               </div>\r
+       </div>\r
+       <div class="t3-login-password t3-login-field" id="t3-login-password-section">\r
+               <label for="t3-password" class="t3-password">\r
+                       ###LABEL_PASSWORD###\r
+               </label>\r
+               <input type="password" id="t3-password" name="p_field" value="###VALUE_PASSWORD###" class="t3-password" tabindex="2" onkeypress="checkCapslock(event, true);" />\r
+               <div class="t3-login-clearInputField">\r
+                       <a id="t3-password-clearIcon" style="display: none;">\r
+                               <img src="sysext/t3skin/icons/common-input-clear.png" alt="clear" title="clear" />\r
+                       </a>\r
+               </div>\r
+       </div>\r
+       <!-- ###INTERFACE_SELECTOR### begin -->\r
+       <div class="t3-login-interface t3-login-field" id="t3-login-interface-section">\r
+               <label for="t3-interfaceselector" class="t3-interface-selector">\r
+                       ###LABEL_INTERFACE###\r
+               </label>\r
+               ###VALUE_INTERFACE###\r
+       </div>\r
+       <!-- ###INTERFACE_SELECTOR### end -->\r
+       <input type="submit" name="commandLI" value="###VALUE_SUBMIT###" class="t3-login-submit" tabindex="4" /> \r
+       <div class="t3-login-form-footer">\r
+               <div id="t3-login-form-footer-default">\r
+                       <a id="t3-login-switchToOpenId" class="switchToOpenId">###LABEL_SWITCHOPENID###</a>\r
+               </div>\r
+               <div id="t3-login-form-footer-openId" style="display: none">\r
+                       <a id="t3-login-whatIsOpenId" class="switchToOpenId">###LABEL_WHATISOPENID###</a>\r
+                       &#124;\r
+                       <a id="t3-login-switchToDefault" class="switchToOpenId">###LABEL_SWITCHDEFAULT###</a>\r
+               </div>\r
+       </div>\r
 </div>\r
 </div>\r
-<!-- ###INTERFACE_SELECTOR### end -->\r
-<input type="submit" name="commandLI" value="###VALUE_SUBMIT###" class="t3-login-submit" tabindex="4" /> \r
 <!-- ###LOGIN_FORM### end -->\r
 \r
 <!-- ###LOGOUT_FORM### begin -->\r
 <!-- ###LOGIN_FORM### end -->\r
 \r
 <!-- ###LOGOUT_FORM### begin -->\r
-<h2>###HEADLINE###</h2>\r
-<p class="t3-username">\r
-       ###LABEL_USERNAME###:\r
-</p>\r
-<p class="t3-username-current">\r
-       ###VALUE_USERNAME###\r
-</p>\r
-<!-- ###INTERFACE_SELECTOR### begin -->\r
-<p class="t3-interface-selector">\r
-       ###LABEL_INTERFACE###:\r
-</p>\r
-###VALUE_INTERFACE###\r
-<!-- ###INTERFACE_SELECTOR### end -->\r
-\r
-<input type="hidden" name="p_field" value="" /><input type="submit" name="commandLO" value="###VALUE_SUBMIT###" class="t3-submit" />\r
+<div id="t3-login-form-fields">\r
+       <div class="t3-login-logout-form">\r
+               <div class="t3-login-username t3-login-field">\r
+                       <div class="t3-login-label t3-username">\r
+                               ###LABEL_USERNAME###\r
+                       </div>\r
+                       <div class="t3-username-current">\r
+                               ###VALUE_USERNAME###\r
+                       </div>\r
+               </div>\r
+               <!-- ###INTERFACE_SELECTOR### begin -->\r
+               <div class="t3-login-interface t3-login-field">\r
+                       <div class="t3-login-label t3-interface-selector">\r
+                               ###LABEL_INTERFACE###\r
+                       </div>\r
+                       ###VALUE_INTERFACE###\r
+                       <!-- ###INTERFACE_SELECTOR### end -->\r
+               </div>\r
+               <input type="hidden" name="p_field" value="" /><input type="submit" name="commandLO" value="###VALUE_SUBMIT###" class="t3-login-submit" />\r
+       </div>\r
+</div>\r
 <!-- ###LOGOUT_FORM### end -->\r
 <!-- ###LOGOUT_FORM### end -->\r