include/login_form.php

   1 <?php startup_gettext(); ?>
   2 <html>
   3 <head>
   4         <title>Tiny Tiny RSS : Login</title>
   5         <?php echo stylesheet_tag("lib/dijit/themes/claro/claro.css") ?>
   6         <?php echo stylesheet_tag("css/default.css") ?>
   7         <link rel="shortcut icon" type="image/png" href="images/favicon.png">
   8         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   9         <?php
  10         foreach (array("lib/prototype.js",
  11                                 "lib/dojo/dojo.js",
  12                                 "lib/dojo/tt-rss-layer.js",
  13                                 "js/functions.js",
  14                                 "errors.php?mode=js") as $jsfile) {
  15
  16                 echo javascript_tag($jsfile);
  17
  18         } ?>
  19
  20         <script type="text/javascript">
  21                 require({cache:{}});
  22                 Event.observe(window, 'load', function() {
  23                         init();
  24                 });
  25         </script>
  26         <style type="text/css">
  27         body.ttrss_login {
  28                 padding : 2em;
  29                 font-size : 14px;
  30         }
  31
  32         fieldset {
  33                 margin-left : auto;
  34                 margin-right : auto;
  35                 display : block;
  36                 width : 400px;
  37                 border-width : 0px;
  38         }
  39
  40         label {
  41                 width : 120px;
  42                 margin-right : 20px;
  43                 display : inline-block;
  44                 text-align : right;
  45                 color : gray;
  46         }
  47
  48         div.header {
  49         border: 0px solid #0088cc;
  50         border-bottom-width: 1px;
  51         margin-bottom : 1em;
  52                 padding-bottom : 5px;
  53         }
  54
  55         div.footer {
  56                 margin-top : 1em;
  57                 padding-top : 5px;
  58         border: 0px solid #0088cc;
  59         border-top-width: 1px;
  60         text-align : center;
  61                 color : gray;
  62                 font-size : 12px;
  63         }
  64
  65         a.forgotpass {
  66                 text-align : right;
  67                 font-size : 11px;
  68                 display : inline-block;
  69         }
  70
  71         a {
  72                 color: #0088cc;
  73                 text-decoration: none;
  74         }
  75
  76         a:hover,
  77         a:focus {
  78                 color: #005580;
  79                 text-decoration: underline;
  80         }
  81
  82         div.footer a {
  83                 color : gray;
  84         }
  85
  86         div.footer a:hover {
  87                 color : #0088cc;
  88         }
  89
  90         div.row {
  91                 padding : 0px 0px 5px 0px;
  92         }
  93
  94         div.row-error {
  95                 color : red;
  96                 text-align : center;
  97                 padding : 0px 0px 5px 0px;
  98         }
  99
 100         </style>
 101 </head>
 102
 103 <body class="claro ttrss_main ttrss_login">
 104
 105 <script type="text/javascript">
 106 function init() {
 107
 108         require(['dojo/parser','dijit/form/Button','dijit/form/CheckBox','dijit/form/Form',
 109         'dijit/form/Select','dijit/form/TextBox','dijit/form/ValidationTextBox'],function(parser){
 110                 parser.parse();
 111                 //show tooltip node only after this widget is instaniated.
 112                 dojo.query('div[dojoType="dijit.Tooltip"]').style({
 113                         display:''
 114                 });
 115                 fetchProfiles();
 116                 dijit.byId("bw_limit").attr("checked", getCookie("ttrss_bwlimit") == 'true');
 117                 document.forms.loginForm.login.focus();
 118         });
 119
 120 }
 121
 122 function fetchProfiles() {
 123         try {
 124                 var query = "op=getProfiles&login=" + param_escape(document.forms["loginForm"].login.value);
 125
 126                 if (query) {
 127                         new Ajax.Request("public.php",  {
 128                                 parameters: query,
 129                                 onComplete: function(transport) {
 130                                         if (transport.responseText.match("select")) {
 131                                                 $('profile_box').innerHTML = transport.responseText;
 132                                                 //dojo.parser.parse('profile_box');
 133                                         }
 134                         } });
 135                 }
 136
 137         } catch (e) {
 138                 exception_error("fetchProfiles", e);
 139         }
 140 }
 141
 142
 143 function gotoRegForm() {
 144         window.location.href = "register.php";
 145         return false;
 146 }
 147
 148 function bwLimitChange(elem) {
 149         try {
 150                 var limit_set = elem.checked;
 151
 152                 setCookie("ttrss_bwlimit", limit_set,
 153                         <?php print SESSION_COOKIE_LIFETIME ?>);
 154
 155         } catch (e) {
 156                 exception_error("bwLimitChange", e);
 157         }
 158 }
 159 </script>
 160
 161 <?php $return = urlencode($_SERVER["REQUEST_URI"]) ?>
 162
 163 <form action="public.php?return=<?php echo $return ?>"
 164         dojoType="dijit.form.Form" method="POST" id="loginForm" name="loginForm">
 165
 166 <input dojoType="dijit.form.TextBox" style="display : none" name="op" value="login">
 167
 168 <div class='header'>
 169         <img src="images/logo_wide.png">
 170 </div>
 171
 172 <div class='form'>
 173
 174         <fieldset>
 175                 <?php if ($_SESSION["login_error_msg"]) { ?>
 176                 <div class="row-error">
 177                         <?php echo $_SESSION["login_error_msg"] ?>
 178                 </div>
 179                         <?php $_SESSION["login_error_msg"] = ""; ?>
 180                 <?php } ?>
 181                 <div class="row">
 182                         <label><?php echo __("Login:") ?></label>
 183                         <input name="login" class="input input-text" type="text"
 184                                 onchange="fetchProfiles()" onfocus="fetchProfiles()" onblur="fetchProfiles()"
 185                                 style="width : 220px"
 186                                 required="1"
 187                                 value="<?php echo $_SESSION["fake_login"] ?>" />
 188                 </div>
 189
 190
 191                 <div class="row">
 192                         <label><?php echo __("Password:") ?></label>
 193                         <input type="password" name="password" required="1"
 194                                         style="width : 220px" class="input input-text"
 195                                         value="<?php echo $_SESSION["fake_password"] ?>"/>
 196                         <label></label>
 197                 <?php if (strpos(PLUGINS, "auth_internal") !== FALSE) { ?>
 198                         <a class='forgotpass' href="public.php?op=forgotpass"><?php echo __("I forgot my password") ?></a>
 199                 <?php } ?>
 200                 </div>
 201
 202
 203                 <div class="row">
 204                         <label><?php echo __("Profile:") ?></label>
 205
 206                         <span id='profile_box'><select disabled='disabled' dojoType='dijit.form.Select'
 207                                 style='width : 220px; margin : 0px'>
 208                                 <option><?php echo __("Default profile") ?></option></select></span>
 209
 210                 </div>
 211
 212                 <div class="row">
 213                         <label>&nbsp;</label>
 214                         <input dojoType="dijit.form.CheckBox" name="bw_limit" id="bw_limit" type="checkbox"
 215                                 onchange="bwLimitChange(this)">
 216                         <label id="bw_limit_label" style='display : inline' for="bw_limit"><?php echo __("Use less traffic") ?></label>
 217                 </div>
 218
 219                 <div dojoType="dijit.Tooltip" connectId="bw_limit_label" position="below" style="display:none">
 220 <?php echo __("Does not display images in articles, reduces automatic refreshes."); ?>
 221                 </div>
 222
 223                 <?php if (SESSION_COOKIE_LIFETIME > 0) { ?>
 224
 225                 <div class="row">
 226                         <label>&nbsp;</label>
 227                         <input dojoType="dijit.form.CheckBox" name="remember_me" id="remember_me" type="checkbox">
 228                         <label style='display : inline' for="remember_me"><?php echo __("Remember me") ?></label>
 229                 </div>
 230
 231                 <?php } ?>
 232
 233                 <div class="row" style='text-align : right'>
 234                         <button dojoType="dijit.form.Button" type="submit"><?php echo __('Log in') ?></button>
 235                         <?php if (defined('ENABLE_REGISTRATION') && ENABLE_REGISTRATION) { ?>
 236                                 <button onclick="return gotoRegForm()" dojoType="dijit.form.Button">
 237                                         <?php echo __("Create new account") ?></button>
 238                         <?php } ?>
 239                 </div>
 240
 241         </fieldset>
 242
 243
 244 </div>
 245
 246 <div class='footer'>
 247         <a href="http://tt-rss.org/">Tiny Tiny RSS</a>
 248         &copy; 2005&ndash;<?php echo date('Y') ?> <a href="http://fakecake.org/">Andrew Dolgov</a>
 249 </div>
 250
 251 </form>
 252
 253 </body></html>