diff options
Diffstat (limited to 'utils/notifier/options.html')
-rw-r--r-- | utils/notifier/options.html | 136 |
1 files changed, 136 insertions, 0 deletions
diff --git a/utils/notifier/options.html b/utils/notifier/options.html new file mode 100644 index 000000000..99ae0787d --- /dev/null +++ b/utils/notifier/options.html @@ -0,0 +1,136 @@ +<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> |