[tt-rss.git] / include / login_form.php

<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">
	<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>
	<script type="text/javascript">
		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;
	}

	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;
	}

	div.footer a {
		color : gray;
	}

	div.footer a:hover {
		color : #88b0f0;
	}

	div.row {
		padding : 0px 0px 5px 0px;
	}
	</style>
</head>

<body id="ttrssLogin" class="claro">

<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');
}

function fetchProfiles() {
	try {
		var query = "?op=getProfiles&login=" + param_escape(document.forms["loginForm"].login.value);

		if (query) {
			new Ajax.Request("public.php",	{
				parameters: query,
				onComplete: function(transport) {
					if (transport.responseText.match("select")) {
						$('profile_box').innerHTML = transport.responseText;
						dojo.parser.parse('profile_box');
					}
			} });
		}

	} catch (e) {
		exception_error("fetchProfiles", e);
	}
}


function gotoRegForm() {
	window.location.href = "register.php";
	return false;
}

function bwLimitChange(elem) {
	try {
		var limit_set = elem.checked;

		setCookie("ttrss_bwlimit", limit_set,
			<?php print SESSION_COOKIE_LIFETIME ?>);

	} catch (e) {
		exception_error("bwLimitChange", e);
	}
}
</script>

<?php $return = urlencode($_SERVER["REQUEST_URI"]) ?>

<form action="public.php?return=<?php echo $return ?>"
	dojoType="dijit.form.Form" method="POST" id="loginForm" name="loginForm">

<input dojoType="dijit.form.TextBox" style="display : none" name="op" value="login">

<div class='header'>
	<img src="images/logo_wide.png">
</div>

<div class='form'>

	<fieldset>

		<div class="row">
			<label><?php echo __("Login:") ?></label>
			<input name="login"
				onchange="fetchProfiles()" onfocus="fetchProfiles()" onblur="fetchProfiles()"
				dojoType="dijit.form.TextBox" required="1"
				value="<?php echo $_SESSION["fake_login"] ?>" />
		</div>

		<div class="row">
			<label><?php echo __("Password:") ?></label>
			<input type="password" name="password" dojoType="dijit.form.TextBox" required="1"
					value="<?php echo $_SESSION["fake_password"] ?>"/>
		</div>

		<div class="row">
			<label><?php echo __("Language:") ?></label>
			<?php
				print_select_hash("language", $_COOKIE["ttrss_lang"], get_translations(),
					"dojoType='dijit.form.Select'");
			?>
		</div>

		<div class="row">
			<label><?php echo __("Profile:") ?></label>

			<span id='profile_box'><select disabled='disabled' dojoType='dijit.form.Select'>
				<option><?php echo __("Default profile") ?></option></select></span>

		</div>

		<div class="row">
			<label>&nbsp;</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>
		</div>

		<div class="row" style='text-align : right'>
			<button dojoType="dijit.form.Button" type="submit"><?php echo __('Log in') ?></button>
			<?php if (defined('ENABLE_REGISTRATION') && ENABLE_REGISTRATION) { ?>
				<button onclick="return gotoRegForm()" dojoType="dijit.form.Button">
					<?php echo __("Create new account") ?></button>
			<?php } ?>
		</div>

	</fieldset>


</div>

<div class='footer'>
	<a href="http://tt-rss.org/">Tiny Tiny RSS</a>
	<?php if (!defined('HIDE_VERSION')) { ?>
		 v<?php echo VERSION ?>
	<?php } ?>
	&copy; 2005&ndash;<?php echo date('Y') ?> <a href="http://fakecake.org/">Andrew Dolgov</a>
</div>

</form>

</body></html>
Commit	Line	Data
01a87dff AD	1	<html>
	2	<head>
	3	<title>Tiny Tiny RSS : Login</title>
68535211	4	<link rel="stylesheet" type="text/css" href="lib/dijit/themes/claro/claro.css"/>
01a87dff AD	5	<link rel="stylesheet" type="text/css" href="tt-rss.css">
01a87dff AD	6	<link rel="shortcut icon" type="image/png" href="images/favicon.png">
01a87dff	7	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
675f198a AD	8	<script type="text/javascript" src="lib/dojo/dojo.js"></script>
	9	<script type="text/javascript" src="lib/dijit/dijit.js"></script>
	10	<script type="text/javascript" src="lib/dojo/tt-rss-layer.js"></script>
fe7537b5	11	<script type="text/javascript" src="lib/prototype.js"></script>
c4c74732	12	<script type="text/javascript" src="js/functions.js"></script>
68535211	13	<script type="text/javascript" charset="utf-8" src="errors.php?mode=js"></script>
675f198a AD	14	<script type="text/javascript">
	15	Event.observe(window, 'load', function() {
	16	init();
	17	});
	18	</script>
	19	<style type="text/css">
	20	body#ttrssLogin {
	21	padding : 2em;
	22	font-size : 14px;
	23	}
01a87dff	24
675f198a AD	25	fieldset {
	26	margin-left : auto;
	27	margin-right : auto;
	28	display : block;
	29	width : 400px;
	30	border-width : 0px;
	31	}
01a87dff	32
675f198a AD	33	label {
	34	width : 120px;
	35	margin-right : 20px;
	36	display : inline-block;
	37	text-align : right;
	38	color : gray;
	39	}
01a87dff	40
675f198a AD	41	div.header {
	42	border-width : 0px 0px 1px 0px;
	43	border-style : solid;
	44	border-color : #88b0f0;
	45	margin-bottom : 1em;
	46	padding-bottom : 5px;
	47	}
68535211	48
675f198a AD	49	div.footer {
	50	margin-top : 1em;
	51	padding-top : 5px;
	52	border-width : 1px 0px 0px 0px;
	53	border-style : solid;
	54	border-color : #88b0f0;
	55	text-align : center;
	56	color : gray;
	57	font-size : 12px;
	58	}
68535211	59
675f198a AD	60	div.footer a {
675f198a AD	61	color : gray;
68535211 AD	62	}
68535211 AD	63
675f198a AD	64	div.footer a:hover {
	65	color : #88b0f0;
	66	}
a598370d	67
675f198a AD	68	div.row {
675f198a AD	69	padding : 0px 0px 5px 0px;
a598370d	70	}
675f198a AD	71	</style>
675f198a AD	72	</head>
a598370d	73
675f198a AD	74	<body id="ttrssLogin" class="claro">
	75
	76	<script type="text/javascript">
	77	function init() {
	78	dojo.require("dijit.form.Button");
	79	dojo.require("dijit.form.CheckBox");
	80	dojo.require("dijit.form.Form");
	81	dojo.require("dijit.form.Select");
	82	dojo.require("dijit.form.TextBox");
	83	dojo.require("dijit.form.ValidationTextBox");
	84
	85	dojo.parser.parse();
97acbaf1 AD	86
97acbaf1 AD	87	fetchProfiles();
675f198a AD	88
675f198a AD	89	dijit.byId("bw_limit").attr("checked", getCookie("ttrss_bwlimit") == 'true');
01a87dff	90	}
0456176a	91
d9084cf2 AD	92	function fetchProfiles() {
d9084cf2 AD	93	try {
97acbaf1	94	var query = "?op=getProfiles&login=" + param_escape(document.forms["loginForm"].login.value);
7b26a148	95
d9084cf2	96	if (query) {
5334e1ec	97	new Ajax.Request("public.php", {
d9084cf2	98	parameters: query,
97acbaf1 AD	99	onComplete: function(transport) {
	100	if (transport.responseText.match("select")) {
	101	$('profile_box').innerHTML = transport.responseText;
675f198a	102	dojo.parser.parse('profile_box');
97acbaf1 AD	103	}
97acbaf1 AD	104	} });
d9084cf2 AD	105	}
	106
	107	} catch (e) {
	108	exception_error("fetchProfiles", e);
	109	}
	110	}
	111
	112
0136468d AD	113	function gotoRegForm() {
	114	window.location.href = "register.php";
	115	return false;
	116	}
	117
a598370d AD	118	function bwLimitChange(elem) {
	119	try {
	120	var limit_set = elem.checked;
	121
7b26a148	122	setCookie("ttrss_bwlimit", limit_set,
a598370d AD	123	<?php print SESSION_COOKIE_LIFETIME ?>);
	124
	125	} catch (e) {
	126	exception_error("bwLimitChange", e);
	127	}
	128	}
675f198a	129	</script>
a598370d	130
675f198a	131	<?php $return = urlencode($_SERVER["REQUEST_URI"]) ?>
ec6b7ada	132
675f198a AD	133	<form action="public.php?return=<?php echo $return ?>"
675f198a AD	134	dojoType="dijit.form.Form" method="POST" id="loginForm" name="loginForm">
ec6b7ada	135
675f198a	136	<input dojoType="dijit.form.TextBox" style="display : none" name="op" value="login">
ec6b7ada	137
675f198a AD	138	<div class='header'>
	139	<img src="images/logo_wide.png">
	140	</div>
a0b9990a	141
675f198a	142	<div class='form'>
01a87dff	143
675f198a	144	<fieldset>
01a87dff	145
675f198a AD	146	<div class="row">
	147	<label><?php echo __("Login:") ?></label>
	148	<input name="login"
97acbaf1	149	onchange="fetchProfiles()" onfocus="fetchProfiles()" onblur="fetchProfiles()"
675f198a AD	150	dojoType="dijit.form.TextBox" required="1"
	151	value="<?php echo $_SESSION["fake_login"] ?>" />
	152	</div>
	153
	154	<div class="row">
	155	<label><?php echo __("Password:") ?></label>
	156	<input type="password" name="password" dojoType="dijit.form.TextBox" required="1"
	157	value="<?php echo $_SESSION["fake_password"] ?>"/>
	158	</div>
	159
	160	<div class="row">
	161	<label><?php echo __("Language:") ?></label>
f8c612d4	162	<?php
68659d98	163	print_select_hash("language", $_COOKIE["ttrss_lang"], get_translations(),
675f198a	164	"dojoType='dijit.form.Select'");
f8c612d4	165	?>
675f198a AD	166	</div>
	167
	168	<div class="row">
	169	<label><?php echo __("Profile:") ?></label>
d9084cf2	170
675f198a AD	171	<span id='profile_box'><select disabled='disabled' dojoType='dijit.form.Select'>
675f198a AD	172	<option><?php echo __("Default profile") ?></option></select></span>
d9084cf2	173
675f198a	174	</div>
4fc1580a	175
675f198a AD	176	<div class="row">
	177	<label> </label>
	178	<input dojoType="dijit.form.CheckBox" name="bw_limit" id="bw_limit" type="checkbox"
	179	onchange="bwLimitChange(this)">
	180	<label style='display : inline' for="bw_limit"><?php echo __("Use less traffic") ?></label>
	181	</div>
	182
	183	<div class="row" style='text-align : right'>
	184	<button dojoType="dijit.form.Button" type="submit"><?php echo __('Log in') ?></button>
4f7956b3	185	<?php if (defined('ENABLE_REGISTRATION') && ENABLE_REGISTRATION) { ?>
675f198a	186	<button onclick="return gotoRegForm()" dojoType="dijit.form.Button">
2ec990ab	187	<?php echo __("Create new account") ?></button>
4fc1580a	188	<?php } ?>
675f198a	189	</div>
4fc1580a	190
675f198a	191	</fieldset>
a598370d	192
a598370d	193
675f198a	194	</div>
a598370d	195
675f198a	196	<div class='footer'>
ce72cb95 AD	197	<a href="http://tt-rss.org/">Tiny Tiny RSS</a>
ce72cb95 AD	198	<?php if (!defined('HIDE_VERSION')) { ?>
7b26a148	199	v<?php echo VERSION ?>
ce72cb95 AD	200	<?php } ?>
ce72cb95 AD	201	© 2005–<?php echo date('Y') ?> <a href="http://fakecake.org/">Andrew Dolgov</a>
675f198a	202	</div>
01a87dff AD	203
	204	</form>
	205
5a68dec1	206	</body></html>