release/src/router/www/nas-media.asp

   1 <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0//EN'>
   2 <!--
   3         Tomato GUI
   4         Media Server Settings - !!TB
   5
   6         For use with Tomato Firmware only.
   7         No part of this file may be used without permission.
   8 -->
   9 <html>
  10 <head>
  11 <meta http-equiv='content-type' content='text/html;charset=utf-8'>
  12 <meta name='robots' content='noindex,nofollow'>
  13 <title>[<% ident(); %>] NAS: Media Server</title>
  14 <link rel='stylesheet' type='text/css' href='tomato.css'>
  15 <link rel='stylesheet' type='text/css' href='color.css'>
  16 <script type='text/javascript' src='tomato.js'></script>
  17
  18 <!-- / / / -->
  19
  20 <style tyle='text/css'>
  21 #ms-grid {
  22         width: 81%;
  23 }
  24 #ms-grid .co1 {
  25         width: 56%;
  26 }
  27 #ms-grid .co2 {
  28         width: 44%;
  29 }
  30 </style>
  31
  32 <script type='text/javascript' src='debug.js'></script>
  33
  34 <script type='text/javascript'>
  35
  36 //      <% nvram("ms_enable,ms_port,ms_dirs,ms_dbdir,ms_tivo,ms_stdlna,ms_sas,cifs1,cifs2,jffs2_on"); %>
  37
  38 changed = 0;
  39 mdup = parseInt('<% psup("minidlna"); %>');
  40
  41 var mediatypes = [['', 'All Media Files'], ['A', 'Audio only'], ['V', 'Video only'], ['P', 'Images only']];
  42 var msg = new TomatoGrid();
  43
  44 msg.dataToView = function(data) {
  45         var b = [];
  46         var i;
  47
  48         b.push(escapeHTML('' + data[0]));
  49         for (i = 0; i < mediatypes.length; ++i)
  50                 if (mediatypes[i][0] == ('' + data[1])) {
  51                         b.push(mediatypes[i][1]);
  52                         break;
  53                 }
  54         if (b.length < 2) b.push(mediatypes[0][1]);
  55         return b;
  56 }
  57
  58 msg.verifyFields = function(row, quiet)
  59 {
  60         var ok = 1;
  61         var f;
  62         f = fields.getAll(row);
  63
  64         if (!v_nodelim(f[0], quiet, 'Directory', 1) || !v_path(f[0], quiet, 1))
  65                 ok = 0;
  66
  67         changed |= ok;
  68         return ok;
  69 }
  70
  71 msg.resetNewEditor = function()
  72 {
  73         var f;
  74
  75         f = fields.getAll(this.newEditor);
  76         ferror.clearAll(f);
  77         f[0].value = '';
  78         f[1].selectedIndex = 0;
  79 }
  80
  81 msg.setup = function()
  82 {
  83         this.init('ms-grid', 'sort', 50, [
  84                 { type: 'text', maxlen: 256 },
  85                 { type: 'select', options: mediatypes }
  86         ]);
  87         this.headerSet(['Directory', 'Content Filter']);
  88
  89         var s = ('' + nvram.ms_dirs).split('>');
  90         for (var i = 0; i < s.length; ++i) {
  91                 var t = s[i].split('<');
  92                 if (t.length == 2) this.insertData(-1, t);
  93         }
  94
  95         this.sort(0);
  96         this.showNewEditor();
  97         this.resetNewEditor();
  98 }
  99
 100 function getDbPath()
 101 {
 102         var s = E('_f_loc').value;
 103         return (s == '*user') ? E('_f_user').value : s;
 104 }
 105
 106 function verifyFields(focused, quiet)
 107 {
 108         var ok = 1;
 109         var a, b, v;
 110         var eLoc, eUser;
 111
 112         elem.display('_restart_button', nvram.ms_enable == '1');
 113
 114         a = E('_f_ms_enable').checked ? 1 : 0;
 115
 116         eLoc = E('_f_loc');
 117         eUser = E('_f_user');
 118
 119         eLoc.disabled = (a == 0);
 120         eUser.disabled = (a == 0);
 121         E('_f_ms_sas').disabled = (a == 0);
 122         E('_f_ms_rescan').disabled = (a == 0);
 123         E('_f_ms_tivo').disabled = (a == 0);
 124         E('_f_ms_stdlna').disabled = (a == 0);
 125         E('_restart_button').disabled = (a == 0);
 126
 127         ferror.clear(eLoc);
 128         ferror.clear(eUser);
 129
 130         v = eLoc.value;
 131         b = (v == '*user');
 132         elem.display(eUser, b);
 133         elem.display(PR('_f_ms_sas'), (v != ''));
 134
 135         if (a == 0) {
 136                 if (focused != E('_f_ms_rescan'))
 137                         changed |= ok;
 138                 return ok;
 139         }
 140         if (b) {
 141                 if (!v_path(eUser, quiet || !ok, 1)) ok = 0;
 142         }
 143 /* JFFS2-BEGIN */
 144         else if (v == '/jffs/dlna') {
 145                 if (nvram.jffs2_on != '1') {
 146                         ferror.set(eLoc, 'JFFS is not enabled.', quiet || !ok);
 147                         ok = 0;
 148                 }
 149                 else ferror.clear(eLoc);
 150         }
 151 /* JFFS2-END */
 152 /* REMOVE-BEGIN */
 153 /* CIFS-BEGIN */
 154         else if (v.match(/^\/cifs(1|2)\/dlna$/)) {
 155                 if (nvram['cifs' + RegExp.$1].substr(0, 1) != '1') {
 156                         ferror.set(eLoc, 'CIFS #' + RegExp.$1 + ' is not enabled.', quiet || !ok);
 157                         ok = 0;
 158                 }
 159                 else ferror.clear(eLoc);
 160         }
 161 /* CIFS-END */
 162 /* REMOVE-END */
 163
 164         if (focused != E('_f_ms_rescan'))
 165                 changed |= ok;
 166         return ok;
 167 }
 168
 169 function save()
 170 {
 171         if (msg.isEditing()) return;
 172         if (!verifyFields(null, 0)) return;
 173
 174         var fom = E('_fom');
 175
 176         fom.ms_enable.value = E('_f_ms_enable').checked ? 1 : 0;
 177         fom.ms_tivo.value = E('_f_ms_tivo').checked ? 1 : 0;
 178         fom.ms_stdlna.value = E('_f_ms_stdlna').checked ? 1 : 0;
 179         fom.ms_rescan.value = E('_f_ms_rescan').checked ? 1 : 0;
 180         fom.ms_sas.value = E('_f_ms_sas').checked ? 1 : 0;
 181
 182         fom.ms_dbdir.value = getDbPath();
 183
 184         var data = msg.getAllData();
 185         var r = [];
 186         for (var i = 0; i < data.length; ++i) r.push(data[i].join('<'));
 187         fom.ms_dirs.value = r.join('>');
 188
 189         form.submit(fom, 1);
 190 }
 191
 192 function restart(isup)
 193 {
 194         if (changed) {
 195                 if (!confirm("Unsaved changes will be lost. Continue anyway?")) return;
 196         }
 197         E('_restart_button').disabled = true;
 198         form.submitHidden('tomato.cgi', {
 199                 ms_rescan: E('_f_ms_rescan').checked ? 1 : 0,
 200                 _reboot: 0, _commit: 0, _nvset: 1,
 201                 _redirect: 'nas-media.asp',
 202                 _sleep: '3',
 203                 _service: 'media-' + (isup ? 're' : '') + 'start'
 204         });
 205 }
 206
 207 function submit_complete()
 208 {
 209         reloadPage();
 210 }
 211
 212 var xob = null;
 213
 214 function setNoticeText(s)
 215 {
 216         if (s.length)
 217                 s = '<div id="notice1">' + s.replace(/\n/g, '<br>') + '</div><br style="clear:both">';
 218         elem.setInnerHTML('notice-msg', s);
 219 }
 220
 221 function updateNotice()
 222 {
 223         if (xob) return;
 224
 225         xob = new XmlHttp();
 226         xob.onCompleted = function(text, xml) {
 227                 setNoticeText(text);
 228                 xob = null;
 229                 setTimeout(updateNotice, 5000);
 230         }
 231         xob.onError = function(ex) { xob = null; }
 232         xob.post('update.cgi', 'exec=notice&arg0=dlna');
 233 }
 234
 235 function init()
 236 {
 237         changed = 0;
 238         updateNotice();
 239 }
 240 </script>
 241
 242 </head>
 243 <body onload="init()">
 244 <form id='_fom' method='post' action='tomato.cgi'>
 245 <table id='container' cellspacing=0>
 246 <tr><td colspan=2 id='header'>
 247         <div class='title'>Tomato</div>
 248         <div class='version'>Version <% version(); %></div>
 249 </td></tr>
 250 <tr id='body'><td id='navi'><script type='text/javascript'>navi()</script></td>
 251 <td id='content'>
 252 <div id='ident'><% ident(); %></div>
 253
 254 <!-- / / / -->
 255
 256 <input type='hidden' name='_nextpage' value='nas-media.asp'>
 257 <input type='hidden' name='_service' value='media-restart'>
 258
 259 <input type='hidden' name='ms_enable'>
 260 <input type='hidden' name='ms_dirs'>
 261 <input type='hidden' name='ms_dbdir'>
 262 <input type='hidden' name='ms_tivo'>
 263 <input type='hidden' name='ms_stdlna'>
 264 <input type='hidden' name='ms_rescan'>
 265 <input type='hidden' name='ms_sas'>
 266
 267 <div class='section-title'>Media / DLNA Server</div>
 268 <div class='section'>
 269 <script type='text/javascript'>
 270
 271 switch (nvram.ms_dbdir) {
 272         case '':
 273         case '/jffs/dlna':
 274         case '/cifs1/dlna':
 275         case '/cifs2/dlna':
 276                 loc = nvram.ms_dbdir;
 277                 break;
 278         default:
 279                 loc = '*user';
 280                 break;
 281 }
 282
 283 createFieldTable('', [
 284         { title: 'Enable', name: 'f_ms_enable', type: 'checkbox', value: nvram.ms_enable == '1' },
 285         { title: 'Database Location', multi: [
 286                 { name: 'f_loc', type: 'select', options: [['','RAM (Temporary)'],
 287 /* JFFS2-BEGIN */
 288                         ['/jffs/dlna','JFFS'],
 289 /* JFFS2-END */
 290 /* REMOVE-BEGIN */
 291 /* CIFS-BEGIN */
 292                         ['/cifs1/dlna','CIFS 1'],['/cifs2/dlna','CIFS 2'],
 293 /* CIFS-END */
 294 /* REMOVE-END */
 295                         ['*user','Custom Path']], value: loc },
 296                 { name: 'f_user', type: 'text', maxlen: 256, size: 60, value: nvram.ms_dbdir }
 297         ] },
 298         { title: 'Scan Media at Startup*', indent: 2, name: 'f_ms_sas', type: 'checkbox', value: nvram.ms_sas == '1', hidden: 1 },
 299         { title: 'Rescan on the next run*', indent: 2, name: 'f_ms_rescan', type: 'checkbox', value: 0,
 300                 suffix: '<br><small>* Media scan may take considerable time to complete.</small>' },
 301         null,
 302         { title: 'TiVo Support', name: 'f_ms_tivo', type: 'checkbox', value: nvram.ms_tivo == '1' },
 303         { title: 'Strictly adhere to DLNA standards', name: 'f_ms_stdlna', type: 'checkbox', value: nvram.ms_stdlna == '1' }
 304 ]);
 305 W('<br><input type="button" value="' + (mdup ? 'Res' : 'S') + 'tart Now" onclick="restart(mdup)" id="_restart_button">');
 306 </script>
 307 </div>
 308 <span id="notice-msg"></span>
 309 <br>
 310
 311 <div class='section-title'>Media Directories</div>
 312 <div class='section'>
 313         <table class='tomato-grid' cellspacing=1 id='ms-grid'></table>
 314         <script type='text/javascript'>msg.setup();</script>
 315 <br>
 316 </div>
 317
 318 <!-- / / / -->
 319
 320 </td></tr>
 321 <tr><td id='footer' colspan=2>
 322         <span id='footer-msg'></span>
 323         <input type='button' value='Save' id='save-button' onclick='save()'>
 324         <input type='button' value='Cancel' id='cancel-button' onclick='javascript:reloadPage();'>
 325 </td></tr>
 326 </table>
 327 </form>
 328 <script type='text/javascript'>verifyFields(null, 1);</script>
 329 </body>
 330 </html>