+<?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="css/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/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() {
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.
+ //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();
- });
+ });
}
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"
<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) { ?>
<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>