pkgbuilds/pytivo/pkg/usr/share/pyTivo/plugins/settings/templates/settings.tmpl

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">\r
   2 <html>\r
   3 <head>\r
   4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\r
   5 <title>pyTivo Web Configuration</title>\r
   6 <script language="javascript" type="text/javascript">\r
   7 \r
   8 function fillBlank()\r
   9 {\r
  10     var texts = document.getElementsByTagName('input');\r
  11     for (var i_tem = 0; i_tem < texts.length; i_tem++) {\r
  12         if (texts[i_tem].value == '') {\r
  13             texts[i_tem].value = ' ';\r
  14         }\r
  15     }\r
  16 }\r
  17 \r
  18 function switchDiv(pass, type)\r
  19 {\r
  20     //loop through the array and hide/show each element by id\r
  21     var divs = document.getElementsByTagName('div');\r
  22     for (var i = 0; i < divs.length; i++) {\r
  23         if (divs[i].id.match(type)) {\r
  24             if (divs[i].id == pass) {\r
  25                 divs[i].style.visibility = ''\r
  26             } else {\r
  27                 divs[i].style.visibility = 'hidden'\r
  28             }\r
  29         }\r
  30     }\r
  31 }\r
  32 \r
  33 function deleteSection(id)\r
  34 {\r
  35     var name = select_section.section.options[id].text;\r
  36     if (name == 'Global Server Settings') {\r
  37         alert('Delete Error:\n\nSorry the Global Server Settings ' +\r
  38               'Section is required for pyTivo to run and cannot be deleted');\r
  39         return true;\r
  40     }\r
  41     var answer = confirm("Are you sure you wish to delete the '" + name +\r
  42                          "' Section?")\r
  43     if (answer) {\r
  44         switchDiv('set-delete', 'set-');\r
  45         select_section.section.options[id] = null;\r
  46         var field = document.getElementById(name).value;\r
  47         document.getElementById(field).value = 'Delete_Me';\r
  48         saveNotify();\r
  49         return true;\r
  50     }\r
  51 }\r
  52 \r
  53 function resetpyTivo()\r
  54 {\r
  55     var answer = confirm("Are you sure you wish to reset the pyTivo " +\r
  56                          "Server? Any unsaved changes will be lost!")\r
  57     if (answer) {\r
  58         window.location =\r
  59             "/TiVoConnect?Command=Reset&Container=$quote($container)"\r
  60     }\r
  61 }\r
  62 \r
  63 function showData(form)\r
  64 {\r
  65     var section = "";\r
  66     var setting = "";\r
  67     re = /[\[\]<>|]/;\r
  68     inputs = form.getElementsByTagName("input");\r
  69     for (i = 0; i < inputs.length; i++) {\r
  70         if (inputs[i].type == 'text' && re.exec(inputs[i].value)) {\r
  71             setting = inputs[i].name;\r
  72             break;\r
  73         }\r
  74     }\r
  75     if (setting != "") {\r
  76         var map = document.getElementById('Section_Map').value.split(']');\r
  77         map.pop();\r
  78         splitSetting = setting.split('.');\r
  79         for (i = 0; i < map.length; i++) {\r
  80             key = map[i].split('|');\r
  81             if (splitSetting[0] == 'Server') {\r
  82                 section = 'server';\r
  83                 break;\r
  84             }\r
  85             if (key[0] == splitSetting[0]) {\r
  86                 section = key[1];\r
  87                 break;\r
  88             }\r
  89         }\r
  90         alert("Invalid Entry:\nSorry these are not allowed \n[]<>|");\r
  91         switchDiv('set-' + section, 'set-');\r
  92         document.getElementById(setting).select();\r
  93         return false;\r
  94     }\r
  95     fillBlank();\r
  96     document.config.submit();\r
  97 }\r
  98 \r
  99 function saveNotify()\r
 100 {\r
 101     document.getElementById('B1').style.fontWeight = 'bold';\r
 102     document.getElementById('B2').disabled = true;\r
 103 }\r
 104 \r
 105 </script>\r
 106 </head>\r
 107 <body style="background-color: rgb(250, 250, 250)">\r
 108 \r
 109 #def row($i, $key, $section, $source)\r
 110     #if $i%2\r
 111         <tr style="background-color: rgb(240, 240, 240)">\r
 112     #else\r
 113         <tr>\r
 114     #end if\r
 115     <td>$key:</td>\r
 116     <td>\r
 117     <input size="20" id="$section.$key" name="$section.$key"\r
 118     #if $key in $source\r
 119         value="$source[$key]"\r
 120     #else\r
 121         value=""\r
 122     #end if\r
 123      onChange="saveNotify();" onfocus="switchDiv('help-$key', 'help-');\r
 124      return true;" type="text">\r
 125     </td>\r
 126     </tr>\r
 127 #end def\r
 128 \r
 129 #def rows($section, $source_data, $source_known)\r
 130     <hr style="width: 100%; height: 2px;">\r
 131     <table align="center">\r
 132     #set $i = 0\r
 133     #for $key in $source_known\r
 134         #set $i += 1\r
 135         $row($i, $key, $section, $source_data)\r
 136     #end for\r
 137 \r
 138     <tr><td colspan="2" align="center" style="border-bottom:\r
 139      1px solid rgb(153, 153, 153);">User Defined Settings:</td></tr>\r
 140 \r
 141     #set $i = 0\r
 142     #for $key in $source_data\r
 143         #if not $key in $source_known\r
 144             #set $i += 1\r
 145             $row($i, $key, $section, $source_data)\r
 146         #end if\r
 147     #end for\r
 148     </table>\r
 149 #end def\r
 150 \r
 151 #def add_setting($name, $section)\r
 152     <div style="width: 330px; position: relative;">\r
 153     <div id="add-$name-button" style="width: 330px; position: absolute; \r
 154      left: 0px; top: 0px;">\r
 155     <br>\r
 156     <center>\r
 157     <input type="button" value="Add Setting" \r
 158      onclick="switchDiv('add-$name-field', 'add-$name-');\r
 159      return true;">\r
 160     </center>\r
 161     </div>\r
 162     <div id="add-$name-field" style="position: absolute;\r
 163      left: 0px; top: 0px; visibility: hidden;">\r
 164     <table style="width: 315px;">\r
 165     <tr>\r
 166     <td colspan="2" align="center" style="border-bottom: 1px solid \r
 167      rgb(153, 153, 153);">Add a Setting</td>\r
 168     </tr>\r
 169     <tr><td>Setting Name:</td><td>Setting Value:</td></tr>\r
 170     <tr>\r
 171     #for $x in ('setting', 'value')\r
 172         <td>\r
 173         <input size="16" type="text" onChange="saveNotify();"\r
 174          id="$(section).new_$x" name="$(section).new__$x" value="">\r
 175         </td>\r
 176     #end for\r
 177     </tr>\r
 178     </table>\r
 179     </div>\r
 180     </div>\r
 181 #end def\r
 182 \r
 183 #set $section_size = 'width: 200px; height: 100%'\r
 184 #set $settings_size = 'width: 350px; height: 100%; overflow: auto'\r
 185 #set $help_size = 'width: 350px; height: 100%; overflow: auto'\r
 186 \r
 187 <p align="center"><font size="6">pyTivo Web Configuration</font>\r
 188 <a href="javascript:switchDiv('help-Instructions', 'help-');">help</a></p>\r
 189 <center>\r
 190 <table style="border: 1px solid rgb(220, 220, 220); height: 85%;\r
 191  background-color: rgb(255, 255, 255); text-align: left; margin-left: auto;\r
 192  margin-right: auto;" border="0" cellpadding="0" cellspacing="4">\r
 193 \r
 194     <tr>\r
 195 \r
 196       <td style="border-right: 1px dotted rgb(153, 153, 153); \r
 197        vertical-align: top;">\r
 198       <div id="leftframe" style="position: relative; text-align: center; \r
 199        $section_size">\r
 200       <form name="select_section">Sections\r
 201         <select name="section" size="7" \r
 202          onclick="switchDiv(options[selectedIndex].value, 'set-');\r
 203          return true;">\r
 204         <option value="set-server">Global Server Settings</option>\r
 205         <option value="set-hd_tivos">HD TiVo Settings</option>\r
 206         <option value="set-sd_tivos">SD TiVo Settings</option>\r
 207 #for $name, $data in $shares_data\r
 208         <option value="set-$name">$name</option>\r
 209 #end for\r
 210 #for $name, $data in $tivos_data\r
 211         <option value="set-$name">$name</option>\r
 212 #end for\r
 213         </select>\r
 214 \r
 215         <input name="B4" value="Delete Section" type="button" \r
 216          onclick="deleteSection(select_section.section.selectedIndex)">\r
 217         <input name="B5" value="Add Section" type="button" \r
 218          onclick="switchDiv('set-add', 'set-');return true;"></form>\r
 219 \r
 220       <hr>Administration\r
 221       <form method="post">\r
 222         <p align="center"><input name="B1" id="B1" value="Save Changes" \r
 223          type="button" onclick="showData(document.config); return true;">\r
 224         <input id="B2" name="B2" value="Soft Reset pyTivo" type="button" \r
 225          onclick="resetpyTivo();"></p>\r
 226       </form>\r
 227 \r
 228       </td>\r
 229 \r
 230       <td style="vertical-align: top;">\r
 231 \r
 232       <div id="settings" style="$settings_size; position: relative;">\r
 233 \r
 234       <form name="config" method="POST" action="TiVoConnect" \r
 235        onsubmit="fillBlank(); showData(this);">\r
 236 \r
 237       <input type="hidden" name="Command" value="UpdateSettings">\r
 238       <input type="hidden" name="Container" value="$container">\r
 239 \r
 240 <div id="set-server" style="$settings_size; text-align: center;\r
 241  position: absolute; left: 0px; top: 0px; visibility: hidden">\r
 242         <b>Global Server Settings</b><br>\r
 243         $rows('Server', $server_data, $server_known)\r
 244         $add_setting('server', 'Server')\r
 245 </div>\r
 246 \r
 247 <div id="set-hd_tivos" style="$settings_size; text-align: center;\r
 248  position: absolute; left: 0px; top: 0px; visibility: hidden">\r
 249         <b>HD TiVo Settings</b><br>\r
 250         $rows('_tivo_HD', $hd_tivos_data, $hd_tivos_known)\r
 251         $add_setting('hd_tivos', '_tivo_HD')\r
 252 </div>\r
 253 \r
 254 <div id="set-sd_tivos" style="$settings_size; text-align: center;\r
 255  position: absolute; left: 0px; top: 0px; visibility: hidden">\r
 256         <b>SD TiVo Settings</b><br>\r
 257         $rows('_tivo_SD', $sd_tivos_data, $sd_tivos_known)\r
 258         $add_setting('sd_tivos', '_tivo_SD')\r
 259 </div>\r
 260 \r
 261 #set $section_count = 0\r
 262 #set $section_map = ''\r
 263 #for $name, $data in $shares_data\r
 264         #set $section_count += 1\r
 265         #set $section_number = 'section-' + str($section_count)\r
 266         <input type="hidden" name="$name" id="$name" value="$section_number">\r
 267         #set $section_map += $section_number + '|' + $name + ']'\r
 268         <div id="set-$name" style="text-align: center; position: absolute;\r
 269          $settings_size; left: 0px; top: 0px; visibility: hidden">\r
 270         [<input size="20" onChange="saveNotify();" id="$section_number" \r
 271          name="$section_number" value="$name">]<br>\r
 272         $rows($section_number, $data, $shares_known)\r
 273         $add_setting($name, $section_number)\r
 274         </div>\r
 275 #end for\r
 276 \r
 277 #for $name, $data in $tivos_data\r
 278         #set $section_count += 1\r
 279         #set $section_number = 'section-' + str($section_count)\r
 280         <input type="hidden" name="$name" id="$name" value="$section_number">\r
 281         #set $section_map += $section_number + '|' + $name + ']'\r
 282         <div id="set-$name" style="text-align: center; position: absolute;\r
 283          $settings_size; left: 0px; top: 0px; visibility: hidden">\r
 284         [<input size="20" onChange="saveNotify();" id="$section_number" \r
 285          name="$section_number" value="$name">]<br>\r
 286         $rows($section_number, $data, $tivos_known)\r
 287         $add_setting($name, $section_number)\r
 288         </div>\r
 289 #end for\r
 290 <div id="set-add" style="text-align: center;position: absolute; left: 0px;\r
 291  top: 0px; visibility: hidden; $settings_size">\r
 292         Add a New Section\r
 293         <hr>\r
 294         <table>\r
 295         <tr>\r
 296         <td> Section Name :</td><td> \r
 297         <input onChange="saveNotify();" type="text" size="20"\r
 298          name="new_Section" value=""\r
 299          onfocus="switchDiv('help-Add a New Section', 'help-'); return true;">\r
 300         </td></tr></table>\r
 301         The new section name will be added to the pyTivo.conf file when \r
 302         you click <b>Save Changes</b>.\r
 303 </div>\r
 304 <div id="set-delete" style="text-align: center; position: absolute;\r
 305  left: 0px; top: 0px; visibility: hidden; $settings_size">\r
 306         Delete a Section\r
 307         <hr>\r
 308         <br>\r
 309         The Section has been marked for deletion. However it will not be \r
 310         actually deleted until you click the <b>Save Changes</b> button.\r
 311 </div>\r
 312 <input type="hidden" id="Section_Map" name="Section_Map" value="$section_map">\r
 313       </form>\r
 314 \r
 315       </div>\r
 316 \r
 317       </td>\r
 318 \r
 319       <td style="border-left: 1px dotted rgb(153, 153, 153);\r
 320        vertical-align: top;">\r
 321       <div id="sidesections" style="$help_size; position: relative;">\r
 322       <!-- HELP SECTIONS -->\r
 323       #for $setting in $help_list\r
 324           #if $setting == 'Instructions'\r
 325               #set $vis = 'visible'\r
 326           #else\r
 327               #set $vis = 'hidden'\r
 328           #end if\r
 329           <div id="help-$setting" style="visibility: $vis; $help_size;\r
 330            position: absolute; left: 0px; top: 0px;">\r
 331           <p align="center"><strong>$setting</strong></p>\r
 332           #for $line in $help_list[$setting]\r
 333               <p><strong>$(line.split(':', 1)[0]):</strong>\r
 334                $(line.split(':', 1)[1])</p>\r
 335           #end for\r
 336           </div>\r
 337       #end for\r
 338       <!-- END HELP SECTIONS -->\r
 339       </div>\r
 340 \r
 341       </td>\r
 342 \r
 343     </tr>\r
 344 \r
 345 </table>\r
 346 </center>\r
 347 </body>\r
 348 </html>\r