+<?php startup_gettext(); ?>
<html>
<head>
<title>Tiny Tiny RSS : Login</title>
- <link rel="stylesheet" type="text/css" href="lib/dijit/themes/claro/claro.css"/>
- <link rel="stylesheet" type="text/css" href="tt-rss.css">
+ <?php echo stylesheet_tag("lib/dijit/themes/claro/claro.css") ?>
+ <?php echo stylesheet_tag("css/default.css") ?>
<link rel="shortcut icon" type="image/png" href="images/favicon.png">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <script type="text/javascript" src="lib/dojo/dojo.js"></script>
- <script type="text/javascript" src="lib/dijit/dijit.js"></script>
- <script type="text/javascript" src="lib/dojo/tt-rss-layer.js"></script>
- <script type="text/javascript" src="lib/prototype.js"></script>
- <script type="text/javascript" src="js/functions.js"></script>
- <script type="text/javascript" charset="utf-8" src="errors.php?mode=js"></script>
+ <?php
+ foreach (array("lib/prototype.js",
+ "lib/dojo/dojo.js",
+ "lib/dojo/tt-rss-layer.js",
+ "js/functions.js",
+ "errors.php?mode=js") as $jsfile) {
+
+ echo javascript_tag($jsfile);
+
+ } ?>
+
<script type="text/javascript">
+ require({cache:{}});
Event.observe(window, 'load', function() {
init();
});
</script>
- <style type="text/css">
- body#ttrssLogin {
- padding : 2em;
- font-size : 14px;
- }
-
- fieldset {
- margin-left : auto;
- margin-right : auto;
- display : block;
- width : 400px;
- border-width : 0px;
- }
-
- input.input {
- font-family : sans-serif;
- font-size : medium;
- border-spacing : 2px;
- border : 1px solid #b5bcc7;
- padding : 2px;
- }
-
- label {
- width : 120px;
- margin-right : 20px;
- display : inline-block;
- text-align : right;
- color : gray;
- }
-
- div.header {
- border-width : 0px 0px 1px 0px;
- border-style : solid;
- border-color : #88b0f0;
- margin-bottom : 1em;
- padding-bottom : 5px;
- }
-
- div.footer {
- margin-top : 1em;
- padding-top : 5px;
- border-width : 1px 0px 0px 0px;
- border-style : solid;
- border-color : #88b0f0;
- text-align : center;
- color : gray;
- font-size : 12px;
- }
-
- a.forgotpass {
- text-align : right;
- font-size : 11px;
- display : inline-block;
- }
-
- a {
- color : #4684ff;
- }
-
- a:hover {
- color : black;
- }
-
- div.footer a {
- color : gray;
- }
-
- div.footer a:hover {
- color : #88b0f0;
- }
-
- div.row {
- padding : 0px 0px 5px 0px;
- }
-
- div.row-error {
- color : red;
- text-align : center;
- padding : 0px 0px 5px 0px;
- }
-
- </style>
</head>
-<body id="ttrssLogin" class="claro">
+<body class="claro ttrss_main ttrss_login">
<script type="text/javascript">
function init() {
- dojo.require("dijit.form.Button");
- dojo.require("dijit.form.CheckBox");
- dojo.require("dijit.form.Form");
- dojo.require("dijit.form.Select");
- dojo.require("dijit.form.TextBox");
- dojo.require("dijit.form.ValidationTextBox");
-
- dojo.parser.parse();
-
- fetchProfiles();
- dijit.byId("bw_limit").attr("checked", getCookie("ttrss_bwlimit") == 'true');
+ require(['dojo/parser','dijit/form/Button','dijit/form/CheckBox','dijit/form/Form',
+ 'dijit/form/Select','dijit/form/TextBox','dijit/form/ValidationTextBox'],function(parser){
+ parser.parse();
+ //show tooltip node only after this widget is instaniated.
+ dojo.query('div[dojoType="dijit.Tooltip"]').style({
+ display:''
+ });
+ fetchProfiles();
+ dijit.byId("bw_limit").attr("checked", getCookie("ttrss_bwlimit") == 'true');
+ document.forms.loginForm.login.focus();
+ });
- document.forms.loginForm.login.focus();
}
function fetchProfiles() {
onComplete: function(transport) {
if (transport.responseText.match("select")) {
$('profile_box').innerHTML = transport.responseText;
- dojo.parser.parse('profile_box');
+ //dojo.parser.parse('profile_box');
}
} });
}
<?php } ?>
<div class="row">
<label><?php echo __("Login:") ?></label>
- <input name="login" class="input"
+ <input name="login" class="input input-text" type="text"
onchange="fetchProfiles()" onfocus="fetchProfiles()" onblur="fetchProfiles()"
style="width : 220px"
required="1"
value="<?php echo $_SESSION["fake_login"] ?>" />
</div>
+
<div class="row">
<label><?php echo __("Password:") ?></label>
<input type="password" name="password" required="1"
- style="width : 220px" class="input"
+ style="width : 220px" class="input input-text"
value="<?php echo $_SESSION["fake_password"] ?>"/>
<label></label>
+ <?php if (strpos(PLUGINS, "auth_internal") !== FALSE) { ?>
<a class='forgotpass' href="public.php?op=forgotpass"><?php echo __("I forgot my password") ?></a>
+ <?php } ?>
</div>
- <div class="row">
- <label><?php echo __("Language:") ?></label>
- <?php
- print_select_hash("language", $_COOKIE["ttrss_lang"], get_translations(),
- "style='width : 220px; margin : 0px' dojoType='dijit.form.Select'");
- ?>
- </div>
<div class="row">
<label><?php echo __("Profile:") ?></label>
<label> </label>
<input dojoType="dijit.form.CheckBox" name="bw_limit" id="bw_limit" type="checkbox"
onchange="bwLimitChange(this)">
- <label style='display : inline' for="bw_limit"><?php echo __("Use less traffic") ?></label>
+ <label id="bw_limit_label" style='display : inline' for="bw_limit"><?php echo __("Use less traffic") ?></label>
+ </div>
+
+ <div dojoType="dijit.Tooltip" connectId="bw_limit_label" position="below" style="display:none">
+<?php echo __("Does not display images in articles, reduces automatic refreshes."); ?>
</div>
- <?php if (false && SESSION_COOKIE_LIFETIME > 0) { /* disabled for now */ ?>
+ <?php if (SESSION_COOKIE_LIFETIME > 0) { ?>
<div class="row">
<label> </label>
<div class='footer'>
<a href="http://tt-rss.org/">Tiny Tiny RSS</a>
- <?php if (!defined('HIDE_VERSION')) { ?>
- v<?php echo VERSION ?>
- <?php } ?>
© 2005–<?php echo date('Y') ?> <a href="http://fakecake.org/">Andrew Dolgov</a>
</div>