diff options
author | Thomas ZILLIOX <thomas@zilliox.me> | 2013-07-13 04:11:33 +0400 |
---|---|---|
committer | Thomas ZILLIOX <thomas@zilliox.me> | 2013-07-13 04:11:33 +0400 |
commit | 40f0575c324700e241a6fdfc894fa2369ccea270 (patch) | |
tree | 331cbd510967d4d5b0fa37113d305521af0ee716 /plugins/Login/templates/login.twig | |
parent | 3514188d23cf67103cb327bf880230309c821e56 (diff) |
Add all plugins CSS files, including theming, in login page
Diffstat (limited to 'plugins/Login/templates/login.twig')
-rw-r--r-- | plugins/Login/templates/login.twig | 245 |
1 files changed, 135 insertions, 110 deletions
diff --git a/plugins/Login/templates/login.twig b/plugins/Login/templates/login.twig index ebc38f185d..aad97579fb 100644 --- a/plugins/Login/templates/login.twig +++ b/plugins/Login/templates/login.twig @@ -8,21 +8,24 @@ <title>{% if isCustomLogo == false %}Piwik › {% endif %}{{ 'Login_LogIn'|translate }}</title> <link rel="shortcut icon" href="plugins/CoreHome/images/favicon.ico"/> + {% autoescape false %} + {{ includeAssets({"type": "css"}) }} + {% endautoescape %} <link rel="stylesheet" type="text/css" href="plugins/Login/stylesheets/login.css"/> - <meta name="description" content="{{ 'General_OpenSourceWebAnalytics'|translate }}" /> + <meta name="description" content="{{ 'General_OpenSourceWebAnalytics'|translate }}"/> <!--[if lt IE 9]> <script src="libs/html5shiv/html5shiv.js"></script> <![endif]--> <script type="text/javascript" src="libs/jquery/jquery.js"></script> <script type="text/javascript" src="libs/jquery/jquery.placeholder.js"></script> {% if (forceSslLogin is defined and forceSslLogin) %} - <script type="text/javascript"> - if (window.location.protocol !== 'https:') { - var url = window.location.toString(); - url = url.replace(/^http:/, 'https:'); - window.location.replace(url); - } - </script> + <script type="text/javascript"> + if (window.location.protocol !== 'https:') { + var url = window.location.toString(); + url = url.replace(/^http:/, 'https:'); + window.location.replace(url); + } + </script> {% endif %} <script type="text/javascript"> $(function () { @@ -32,115 +35,137 @@ </script> <script type="text/javascript" src="plugins/Login/javascripts/login.js"></script> {% if 'General_LayoutDirection'|translate =='rtl' %} - <link rel="stylesheet" type="text/css" href="plugins/Zeitgeist/stylesheets/rtl.css"/> + <link rel="stylesheet" type="text/css" href="plugins/Zeitgeist/stylesheets/rtl.css"/> {% endif %} </head> -<body class="login"> -{% include "_iframeBuster.twig" %} -<div id="logo"> - {% if isCustomLogo == false %}<a href="http://piwik.org" title="{{ linkTitle }}">{% endif %} - {% if hasSVGLogo %} - <img src='{{ logoSVG }}' title="{{ linkTitle }}" alt="Piwik" width="240" style='margin-right: 20px' class="ie-hide"/> - <!--[if lt IE 9]> - {% endif %} - <img src='{{ logoLarge }}' title="{{ linkTitle }}" alt="Piwik" width="240" style='margin-right:20px'/> - {% if hasSVGLogo %}<![endif]-->{% endif %} +<body id="loginPage"> - {% if isCustomLogo %} - {% set poweredByPiwik %} - <i><a href="http://piwik.org/" target="_blank">{{ linkTitle }}</a></i> - {% endset %} - {% endif %} + {% include "_iframeBuster.twig" %} - {% if isCustomLogo == false %}</a> - <div class="description"><a href="http://piwik.org" title="{{ linkTitle }}">{{ linkTitle }}</a> - <div class="arrow"></div> - </div> - {% endif %} -</div> - - -<section id="login"> - - {# untrusted host warning #} - {% if (isValidHost is defined and invalidHostMessage is defined and isValidHost == false) %} - <div id="login_error"> - <strong>{{ 'General_Warning'|translate }}: </strong>{{ invalidHostMessage }} - - <br><br>{{ invalidHostMessageHowToFix }} - <br/><br/><a style="float:right" href="http://piwik.org/faq/troubleshooting/#faq_171" target="_blank">{{ 'General_Help'|translate }} - <img style='vertical-align: bottom' src="plugins/Zeitgeist/images/help_grey.png"/></a><br/> - </div> - {% else %} - <div id="message_container"> - {% if form_data.errors %} - <div id="login_error"> - {% for data in form_data.errors %} - <strong>{{ 'General_Error'|translate }}</strong>: {{ data }}<br/> - {% endfor %} - </div> - {% endif %} + <div id="logo"> + {% if isCustomLogo == false %} + <a href="http://piwik.org" title="{{ linkTitle }}"> + {% endif %} + {% if hasSVGLogo %} + <img src='{{ logoSVG }}' title="{{ linkTitle }}" alt="Piwik" width="240" style='margin-right: 20px' + class="ie-hide"/> + <!--[if lt IE 9]> + {% endif %} + <img src='{{ logoLarge }}' title="{{ linkTitle }}" alt="Piwik" width="240" style='margin-right:20px'/> + {% if hasSVGLogo %}<![endif]-->{% endif %} - {% if AccessErrorString %} - <div id="login_error"><strong>{{ 'General_Error'|translate }}</strong>: {{ AccessErrorString|raw }}<br/></div> - {% endif %} + {% if isCustomLogo %} + {% set poweredByPiwik %} + <i><a href="http://piwik.org/" target="_blank">{{ linkTitle }}</a></i> + {% endset %} + {% endif %} - {% if infoMessage %} - <p class="message">{{ infoMessage|raw }}</p> - {% endif %} - </div> - <form {{ form_data.attributes|raw }}> - <h1>{{'Login_LogIn'|translate }}</h1> - <fieldset class="inputs"> - <input type="text" name="form_login" id="login_form_login" class="input" value="" size="20" tabindex="10" - placeholder="{{'General_Username'|translate }}" autofocus="autofocus"/> - <input type="password" name="form_password" id="login_form_password" class="input" value="" size="20" tabindex="20" - placeholder="{{ 'Login_Password'|translate }}"/> - <input type="hidden" name="form_nonce" id="login_form_nonce" value="{{ nonce }}"/> - </fieldset> - - <fieldset class="actions"> - <input name="form_rememberme" type="checkbox" id="login_form_rememberme" value="1" tabindex="90" - {% if form_data.form_rememberme.value %}checked="checked" {% endif %}/> - <label for="login_form_rememberme">{{ 'Login_RememberMe'|translate }}</label> - <input class="submit" id='login_form_submit' type="submit" value="{{ 'Login_LogIn'|translate }}" tabindex="100"/> - </fieldset> - </form> - <form id="reset_form" style="display:none;"> - <fieldset class="inputs"> - <input type="text" name="form_login" id="reset_form_login" class="input" value="" size="20" tabindex="10" - placeholder="{{ 'Login_LoginOrEmail'|translate }}"/> - <input type="hidden" name="form_nonce" id="reset_form_nonce" value="{{ nonce }}"/> - - <input type="password" name="form_password" id="reset_form_password" class="input" value="" size="20" tabindex="20" - placeholder="{{ 'Login_Password'|translate }}"/> - - <input type="password" name="form_password_bis" id="reset_form_password_bis" class="input" value="" size="20" tabindex="30" - placeholder="{{ 'Login_PasswordRepeat'|translate }}"/> - </fieldset> - - <fieldset class="actions"> - <span class="loadingPiwik" style="display:none;"><img alt="Loading" src="plugins/Zeitgeist/images/loading-blue.gif"/></span> - <input class="submit" id='reset_form_submit' type="submit" value="{{ 'Login_ChangePassword'|translate }}" tabindex="100"/> - </fieldset> - - <input type="hidden" name="module" value="Login"/> - <input type="hidden" name="action" value="resetPassword"/> - </form> - <p id="nav"> - <a id="login_form_nav" href="#" title="{{ 'Login_LostYourPassword'|translate }}">{{ 'Login_LostYourPassword'|translate }}</a> - <a id="alternate_reset_nav" href="#" style="display:none;" title="{'Login_LogIn'|translate}">{{ 'Login_LogIn'|translate }}</a> - <a id="reset_form_nav" href="#" style="display:none;" title="{{ 'Mobile_NavigationBack'|translate }}">{{ 'General_Cancel'|translate }}</a> - </p> - {% if poweredByPiwik is defined %} - <p id="piwik"> - {{ poweredByPiwik }} + {% if isCustomLogo == false %} + </a> + <div class="description"> + <a href="http://piwik.org" title="{{ linkTitle }}">{{ linkTitle }}</a> + <div class="arrow"></div> + </div> + {% endif %} + </div> + + + <section class="loginSection"> + + {# untrusted host warning #} + {% if (isValidHost is defined and invalidHostMessage is defined and isValidHost == false) %} + <div class="message_error"> + <strong>{{ 'General_Warning'|translate }}: </strong>{{ invalidHostMessage }} + + <br><br>{{ invalidHostMessageHowToFix }} + <br/><br/><a style="float:right" href="http://piwik.org/faq/troubleshooting/#faq_171" + target="_blank">{{ 'General_Help'|translate }} + <img style='vertical-align: bottom' src="plugins/Zeitgeist/images/help_grey.png"/></a><br/> + </div> + {% else %} + <div id="message_container"> + {% if form_data.errors %} + <div class="message_error"> + {% for data in form_data.errors %} + <strong>{{ 'General_Error'|translate }}</strong>: {{ data }}<br/> + {% endfor %} + </div> + {% endif %} + + {% if AccessErrorString %} + <div class="message_error"> + <strong>{{ 'General_Error'|translate }}</strong>: {{ AccessErrorString|raw }}<br/> + </div> + {% endif %} + + {% if infoMessage %} + <p class="message">{{ infoMessage|raw }}</p> + {% endif %} + </div> + <form {{ form_data.attributes|raw }}> + <h1>{{ 'Login_LogIn'|translate }}</h1> + <fieldset class="inputs"> + <input type="text" name="form_login" id="login_form_login" class="input" value="" size="20" + tabindex="10" + placeholder="{{ 'General_Username'|translate }}" autofocus="autofocus"/> + <input type="password" name="form_password" id="login_form_password" class="input" value="" size="20" + tabindex="20" + placeholder="{{ 'Login_Password'|translate }}"/> + <input type="hidden" name="form_nonce" id="login_form_nonce" value="{{ nonce }}"/> + </fieldset> + + <fieldset class="actions"> + <input name="form_rememberme" type="checkbox" id="login_form_rememberme" value="1" tabindex="90" + {% if form_data.form_rememberme.value %}checked="checked" {% endif %}/> + <label for="login_form_rememberme">{{ 'Login_RememberMe'|translate }}</label> + <input class="submit" id='login_form_submit' type="submit" value="{{ 'Login_LogIn'|translate }}" + tabindex="100"/> + </fieldset> + </form> + <form id="reset_form" style="display:none;"> + <fieldset class="inputs"> + <input type="text" name="form_login" id="reset_form_login" class="input" value="" size="20" + tabindex="10" + placeholder="{{ 'Login_LoginOrEmail'|translate }}"/> + <input type="hidden" name="form_nonce" id="reset_form_nonce" value="{{ nonce }}"/> + + <input type="password" name="form_password" id="reset_form_password" class="input" value="" size="20" + tabindex="20" + placeholder="{{ 'Login_Password'|translate }}"/> + + <input type="password" name="form_password_bis" id="reset_form_password_bis" class="input" value="" + size="20" tabindex="30" + placeholder="{{ 'Login_PasswordRepeat'|translate }}"/> + </fieldset> + + <fieldset class="actions"> + <span class="loadingPiwik" style="display:none;"> + <img alt="Loading" src="plugins/Zeitgeist/images/loading-blue.gif"/> + </span> + <input class="submit" id='reset_form_submit' type="submit" + value="{{ 'Login_ChangePassword'|translate }}" tabindex="100"/> + </fieldset> + + <input type="hidden" name="module" value="Login"/> + <input type="hidden" name="action" value="resetPassword"/> + </form> + <p id="nav"> + <a id="login_form_nav" href="#" + title="{{ 'Login_LostYourPassword'|translate }}">{{ 'Login_LostYourPassword'|translate }}</a> + <a id="alternate_reset_nav" href="#" style="display:none;" + title="{'Login_LogIn'|translate}">{{ 'Login_LogIn'|translate }}</a> + <a id="reset_form_nav" href="#" style="display:none;" + title="{{ 'Mobile_NavigationBack'|translate }}">{{ 'General_Cancel'|translate }}</a> </p> + {% if poweredByPiwik is defined %} + <p id="piwik"> + {{ poweredByPiwik }} + </p> + {% endif %} + <div id="lost_password_instructions" style="display:none;"> + <p class="message">{{ 'Login_ResetPasswordInstructions'|translate }}</p> + </div> {% endif %} - <div id="lost_password_instructions" style="display:none;"> - <p class="message">{{ 'Login_ResetPasswordInstructions'|translate }}</p> - </div> - {% endif %} -</section> + </section> </body> </html>
\ No newline at end of file |