utils/notifier/options.html

   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
  40         var d = new Date();
  41
  42         localStorage["prefs_updated"] = d.getTime();
  43
  44         Element.show(s);
  45
  46         return false;
  47 }
  48
  49 function init() {
  50         var f = document.forms['options'];
  51
  52         if (localStorage['site_url'])
  53                 f.site_url.value = localStorage['site_url'];
  54         else
  55                 f.site_url.value = "http://example.dom/tt-rss/";
  56
  57         if (localStorage['login'])
  58                 f.login.value = localStorage['login'];
  59         else
  60                 f.login.value = "user";
  61
  62         if (localStorage['update_interval'])
  63                 f.update_interval.value = localStorage['update_interval'];
  64         else
  65                 f.update_interval.value = '15';
  66
  67         var last_updated = $('last_updated');
  68
  69         var d = new Date();
  70
  71         d.setTime(localStorage["last_updated"]);
  72
  73
  74         last_updated.innerHTML = d;
  75 }
  76 </script>
  77
  78 <style type="text/css">
  79 fieldset {
  80         border : 0px;
  81         margin : 0px;
  82         clear : left;
  83         line-height : 25px;
  84 }
  85
  86 div#status {
  87         font-size : 14px;
  88         color : #88b0ff;
  89 }
  90
  91 label {
  92         width : 250px;
  93         display : block;
  94         float : left;
  95         text-align : right;
  96         padding-right : 1em;
  97 }
  98
  99 p.last-updated {
 100         color : gray;
 101 }
 102 </style>
 103
 104 <body onload="init()">
 105         <div class="floatingLogo"><img src="images/ttrss_logo.png"></div>
 106
 107         <h1>Tiny Tiny RSS Notifier</h1>
 108
 109         <p class='last-updated'>Last update: <span id="last_updated">N/A</span></p>
 110
 111         <div style='display : none' id="status"></div>
 112
 113         <h2>Options</h2>
 114
 115         <form name="options" id="options" onsubmit="return save()">
 116                 <fieldset>
 117                         <label>URL of your Tiny Tiny RSS installation:</label>
 118                         <input name="site_url" size="60" value=""/>
 119                 </fieldset>
 120
 121                 <fieldset>
 122                         <label>Login:</label>
 123                         <input name="login" size="30" value=""/>
 124                 </fieldset>
 125
 126                 <fieldset>
 127                         <label>Update interval (in minutes):</label>
 128                         <input name="update_interval" size="30" value=""/>
 129                 </fieldset>
 130
 131                 <input type="submit" value="Save"/>
 132         </form>
 133
 134         <p>Copyright &copy; 2010 <a target="_blank" href="http://tt-rss.org">Andrew Dolgov</a></p>
 135
 136 </body>