[tt-rss.git] / utils / notifier / options.html

<html>
<head>
<title>Tiny Tiny RSS Notifier Options</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
<script type="text/javascript" src="lib/prototype.js"></script>
<script type="text/javascript" src="lib/scriptaculous/scriptaculous.js?load=effects,dragdrop,controls"></script>

<script type="text/javascript">
function save() {

	var s = $("status");

	s.innerHTML = "Options saved successfully.";

	var f = document.forms['options'];

	if (f.site_url.value.length > 0) 
		localStorage['site_url'] = f.site_url.value;
	else {
		s.innerHTML = "Error: Site url cannot be blank.";
		new Effect.Highlight(f.site_url);
	}

	if (f.login.value.length > 0) 
		localStorage['login'] = f.login.value;
	else {
		s.innerHTML = "Error: Login cannot be blank.";
		new Effect.Highlight(f.login);
	}

	var update_interval = parseInt(f.update_interval.value);

	if (update_interval > 0) 
		localStorage['update_interval'] = f.update_interval.value;
	else {
		s.innerHTML = "Error: Update interval must be greater than zero.";
		new Effect.Highlight(f.update_interval);
	}

	localStorage['show_badge'] = (f.show_badge.checked) ? "1" : "0";

	var d = new Date();

	localStorage["prefs_updated"] = d.getTime();

	Element.show(s);
		
	return false;
}

function init() {
	var f = document.forms['options'];

	if (localStorage['site_url'])	
		f.site_url.value = localStorage['site_url'];
	else 
		f.site_url.value = "http://example.dom/tt-rss/";

	if (localStorage['login'])
		f.login.value = localStorage['login'];
	else
		f.login.value = "user";

	if (localStorage['update_interval'])
		f.update_interval.value = localStorage['update_interval'];
	else
		f.update_interval.value = '15';

	if (localStorage['show_badge'])
		f.show_badge.checked = localStorage['show_badge'] == "1";
	else
		f.show_badge.checked = true;

	var last_updated = $('last_updated');

	var d = new Date();

	d.setTime(localStorage["last_updated"]);


	last_updated.innerHTML = d;	
}
</script>

<style type="text/css">
fieldset {
	border : 0px;
	margin : 0px;
	clear : left;
	line-height : 25px;
}

div#status {
	font-size : 14px;
	color : #88b0ff;
}

label {
	width : 250px;
	display : block;
	float : left;
	text-align : right;
	padding-right : 1em;
}

p.last-updated {
	color : gray;
}
</style>

<body onload="init()">
	<div class="floatingLogo"><img src="images/ttrss_logo.png"></div>

	<h1>Tiny Tiny RSS Notifier</h1>

	<p class='last-updated'>Last update: <span id="last_updated">N/A</span></p>

	<div style='display : none' id="status"></div>

	<h2>Options</h2>

	<form name="options" id="options" onsubmit="return save()">
		<fieldset>
			<label>URL of your Tiny Tiny RSS installation:</label>
			<input name="site_url" size="60" value=""/>
		</fieldset>

		<fieldset>
			<label>Login:</label>
			<input name="login" size="30" value=""/>
		</fieldset>

		<fieldset>
			<label>Update interval (in minutes):</label>
			<input name="update_interval" size="30" value=""/>
		</fieldset>

		<fieldset>
			<label>Show badge:</label>
			<input name="show_badge" type="checkbox"  value="1"/>
		</fieldset>

		<input type="submit" value="Save"/>
	</form>

	<p>Copyright &copy; 2010 <a target="_blank" href="http://tt-rss.org">Andrew Dolgov</a></p>

</body>
Commit	Line	Data
f0ea2da5 AD	1	<html>
	2	<head>
	3	<title>Tiny Tiny RSS Notifier Options</title>
	4	<link rel="stylesheet" href="style.css" type="text/css"/>
	5	<script type="text/javascript" src="lib/prototype.js"></script>
	6	<script type="text/javascript" src="lib/scriptaculous/scriptaculous.js?load=effects,dragdrop,controls"></script>
	7
	8	<script type="text/javascript">
	9	function save() {
	10
	11	var s = $("status");
	12
	13	s.innerHTML = "Options saved successfully.";
	14
	15	var f = document.forms['options'];
	16
	17	if (f.site_url.value.length > 0)
	18	localStorage['site_url'] = f.site_url.value;
	19	else {
	20	s.innerHTML = "Error: Site url cannot be blank.";
	21	new Effect.Highlight(f.site_url);
	22	}
	23
	24	if (f.login.value.length > 0)
	25	localStorage['login'] = f.login.value;
	26	else {
	27	s.innerHTML = "Error: Login cannot be blank.";
	28	new Effect.Highlight(f.login);
	29	}
	30
	31	var update_interval = parseInt(f.update_interval.value);
	32
	33	if (update_interval > 0)
	34	localStorage['update_interval'] = f.update_interval.value;
	35	else {
	36	s.innerHTML = "Error: Update interval must be greater than zero.";
	37	new Effect.Highlight(f.update_interval);
	38	}
	39
01701654 AD	40	localStorage['show_badge'] = (f.show_badge.checked) ? "1" : "0";
01701654 AD	41
f0ea2da5 AD	42	var d = new Date();
	43
	44	localStorage["prefs_updated"] = d.getTime();
	45
	46	Element.show(s);
	47
	48	return false;
	49	}
	50
	51	function init() {
	52	var f = document.forms['options'];
	53
	54	if (localStorage['site_url'])
	55	f.site_url.value = localStorage['site_url'];
	56	else
	57	f.site_url.value = "http://example.dom/tt-rss/";
	58
	59	if (localStorage['login'])
	60	f.login.value = localStorage['login'];
	61	else
	62	f.login.value = "user";
	63
	64	if (localStorage['update_interval'])
	65	f.update_interval.value = localStorage['update_interval'];
	66	else
	67	f.update_interval.value = '15';
	68
01701654 AD	69	if (localStorage['show_badge'])
	70	f.show_badge.checked = localStorage['show_badge'] == "1";
	71	else
	72	f.show_badge.checked = true;
	73
f0ea2da5 AD	74	var last_updated = $('last_updated');
	75
	76	var d = new Date();
	77
	78	d.setTime(localStorage["last_updated"]);
	79
	80
	81	last_updated.innerHTML = d;
	82	}
	83	</script>
	84
	85	<style type="text/css">
	86	fieldset {
	87	border : 0px;
	88	margin : 0px;
	89	clear : left;
	90	line-height : 25px;
	91	}
	92
	93	div#status {
	94	font-size : 14px;
	95	color : #88b0ff;
	96	}
	97
	98	label {
	99	width : 250px;
	100	display : block;
	101	float : left;
	102	text-align : right;
	103	padding-right : 1em;
	104	}
	105
	106	p.last-updated {
	107	color : gray;
	108	}
	109	</style>
	110
	111	<body onload="init()">
	112	<div class="floatingLogo"><img src="images/ttrss_logo.png"></div>
	113
	114	<h1>Tiny Tiny RSS Notifier</h1>
	115
	116	<p class='last-updated'>Last update: <span id="last_updated">N/A</span></p>
	117
	118	<div style='display : none' id="status"></div>
	119
	120	<h2>Options</h2>
	121
	122	<form name="options" id="options" onsubmit="return save()">
	123	<fieldset>
	124	<label>URL of your Tiny Tiny RSS installation:</label>
	125	<input name="site_url" size="60" value=""/>
	126	</fieldset>
	127
	128	<fieldset>
	129	<label>Login:</label>
	130	<input name="login" size="30" value=""/>
	131	</fieldset>
	132
	133	<fieldset>
	134	<label>Update interval (in minutes):</label>
	135	<input name="update_interval" size="30" value=""/>
	136	</fieldset>
	137
01701654 AD	138	<fieldset>
	139	<label>Show badge:</label>
	140	<input name="show_badge" type="checkbox" value="1"/>
	141	</fieldset>
	142
f0ea2da5 AD	143	<input type="submit" value="Save"/>
	144	</form>
	145
	146	<p>Copyright © 2010 <a target="_blank" href="http://tt-rss.org">Andrew Dolgov</a></p>
	147
	148	</body>