137 lines
2.8 KiB
HTML
137 lines
2.8 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);
|
|
}
|
|
|
|
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';
|
|
|
|
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>
|
|
|
|
<input type="submit" value="Save"/>
|
|
</form>
|
|
|
|
<p>Copyright © 2010 <a target="_blank" href="http://tt-rss.org">Andrew Dolgov</a></p>
|
|
|
|
</body>
|