ttrss/utils/notifier/options.html

168 lines
3.6 KiB
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";
localStorage['show_fresh'] = (f.show_fresh.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;
if (localStorage['show_fresh'])
f.show_fresh.checked = localStorage['show_fresh'] == "1";
else
f.show_fresh.checked = false;
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;
}
fieldset span.note {
color : gray;
font-style : italic;
}
</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>
<fieldset>
<label>Badge shows fresh articles:</label>
<input name="show_fresh" type="checkbox" value="1"/>
<span class="note">(requires Tiny Tiny RSS 1.4.1 or trunk)</span>
</fieldset>
<input type="submit" value="Save"/>
</form>
<p>Copyright &copy; 2010
<a target="_blank" href="http://tt-rss.org">Andrew Dolgov</a>.
Licensed under GNU GPL version 2.</p>
</body>