Rec10WEB/trunk/src/rswi.htm

   1
   2
   3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
   4 <html>
   5       <head>
   6       <meta http-equive="Content-Type" content="text/html;charset=UTF-8"/>
   7 　　　<title>Rec10 Simple Web Interface ver.0.4.1a</title>
   8       <!-- dojo.jsの読み込み -->
   9       <script src="../dojo/dojo.js" djConfig="parseOnLoad: true">
  10       </script>
  11       <!-- テーマの読み込み -->
  12       <style type="text/css">
  13         @import "../dojo/resources/dojo.css";
  14         @import "../dijit/themes/tundra/tundra.css";
  15
  16
  17       </style>
  18       <script type="text/javascript">
  19
  20         dojo.require("dojo.parser");
  21         // ※ ここで、使用するウィジェットの読み込みを行う
  22
  23         dojo.require("dijit.form.Button");
  24         dojo.require("dijit.form.FilteringSelect");
  25         dojo.require("dijit.form.ValidationTextBox");
  26         dojo.require("dijit.form.NumberSpinner");
  27         dojo.require("dijit.form.CheckBox");
  28         dojo.require("dijit.form.Form");
  29     dojo.require("dojox.date")
  30         function setType(value){
  31                 if (value=="rec"){
  32                         //alert("Selected "+value);
  33                         dijit.byId("deltaday").setDisabled(true);
  34                         dijit.byId("deltahour").setDisabled(true);
  35             setDayopt(false);
  36                 }else if (value=="key"){
  37                         //alert("Selected "+value);
  38                         dijit.byId("deltaday").setDisabled(true);
  39                         dijit.byId("deltahour").setDisabled(false);
  40             setDayopt(false);
  41         }else if (value=="keyday"){
  42             dijit.byId("deltahour").setDisabled(false);
  43             setDayopt(true);
  44                 }else if (value=="keyevery"){
  45                         //alert("Selected "+value);
  46                         dijit.byId("deltaday").setDisabled(false);
  47                         dijit.byId("deltahour").setDisabled(false);
  48             setDayopt(false);
  49                 }else if (value=="res"){
  50                         //alert("Selected "+value);
  51                         dijit.byId("deltaday").setDisabled(true);
  52                         dijit.byId("deltahour").setDisabled(true);
  53             setDayopt(false);
  54                 }else if (value=="ts2avi"){
  55             dijit.byId("deltaday").setDisabled(true);
  56                         dijit.byId("deltahour").setDisabled(true);
  57             setDayopt(false);
  58         }
  59
  60         }
  61     function setDayopt(bool){
  62         dijit.byId("day_Sun").setDisabled(!bool);
  63         dijit.byId("day_Mon").setDisabled(!bool);
  64         dijit.byId("day_Tue").setDisabled(!bool);
  65         dijit.byId("day_Wed").setDisabled(!bool);
  66         dijit.byId("day_Thu").setDisabled(!bool);
  67         dijit.byId("day_Fri").setDisabled(!bool);
  68         dijit.byId("day_Sat").setDisabled(!bool);
  69     }
  70         function changeSize(){
  71                 var str=dijit.byId("opts").value;
  72                 var s=dijit.byId("size").value;
  73                 str=str.replace("S","");
  74                 str=str.replace("H","");
  75                 str=str.replace("F","");
  76                 str=str.replace("Q","");
  77                 str=str+s;
  78                 //alert("Selected "+str);
  79                 dijit.byId("opts").setValue(str);
  80
  81         }
  82         function setOpts(obj){
  83                 if (obj.checked){
  84                         var str=dijit.byId("opts").value;
  85                         str=str+obj.value;
  86                 }else{
  87                         var str=dijit.byId("opts").value;
  88                         str=str.replace(obj.value,"");
  89                 }
  90                 dijit.byId("opts").setValue(str);
  91         }
  92         function changeOpts(){
  93                 var str=dijit.byId("opts").value;
  94                 if (str.indexOf("a")>-1){
  95                         dijit.byId("anime").setChecked(true);
  96                 }else{
  97                         dijit.byId("anime").setChecked(false);
  98                 }
  99                 if (str.indexOf("2")>-1){
 100                         dijit.byId("2pass").setChecked(true);
 101                 }else{
 102                         dijit.byId("2pass").setChecked(false);
 103                 }
 104                 if (str.indexOf("x")>-1){
 105                         dijit.byId("xvid").setChecked(true);
 106                 }else{
 107                         dijit.byId("xvid").setChecked(false);
 108                 }
 109         if (str.indexOf("d")>-1){
 110                         dijit.byId("dualaudio").setChecked(true);
 111                 }else{
 112                         dijit.byId("dualaudio").setChecked(false);
 113                 }
 114         if (str.indexOf("5")>-1){
 115                         dijit.byId("pentaaudio").setChecked(true);
 116                 }else{
 117                         dijit.byId("pentaaudio").setChecked(false);
 118                 }
 119                 if (str.indexOf("S")>-1){
 120                         dijit.byId("size").setValue("S");
 121                 }else if (str.indexOf("H")>-1){
 122                         dijit.byId("size").setValue("H");
 123                 }else if (str.indexOf("F")>-1){
 124                         dijit.byId("size").setValue("F");
 125                 }else if (str.indexOf("Q")>-1){
 126                         dijit.byId("size").setValue("Q");
 127                 }else{
 128             changeSize();
 129         }
 130         }
 131     function setnow(){
 132         var now =new Date();
 133         var nowtxt="";
 134         //window.alert("test");
 135         nowtxt=String(now.getFullYear())+"-";
 136         if (now.getMonth()<10){
 137             nowtxt=nowtxt+"0";
 138         }
 139         nowtxt=nowtxt+String(now.getMonth()+1)+"-";
 140         if (now.getDate()<10){
 141             nowtxt=nowtxt+"0";
 142         }
 143         nowtxt=nowtxt+String(now.getDate())+" ";
 144         //console.debug("click");
 145         window.alert("test");
 146         dijit.byId("btime").setValue(nowtxt);
 147         dijit.byId("etime").setValue(nowtxt);
 148
 149     }
 150     function title2opts(){
 151         var str=dijit.byId("title").value;
 152         var stropt=dijit.byId("opts").Value;
 153         if (stropt==undefined){
 154             stropt="";
 155         }
 156         //stropt=stropt.replace("undefined","");
 157         //stropt=""
 158         if (str.indexOf("(2)")>-1){
 159                         //dijit.byId("2pass").setChecked(true);
 160             str=stropt+"d";
 161             dijit.byId("opts").setValue(str);
 162                 }else if(str.indexOf("(二)")>-1){
 163             //dijit.byId("2pass").setChecked(true);
 164             str=stropt+"d";
 165             dijit.byId("opts").setValue(str);
 166                 }else if(str.indexOf("[二]")>-1){
 167             //dijit.byId("2pass").setChecked(true);
 168             str=stropt+"d";
 169             dijit.byId("opts").setValue(str);
 170                 }else if(str.indexOf("(二)")>-1){
 171             //dijit.byId("2pass").setChecked(true);
 172             str=stropt+"d";
 173             dijit.byId("opts").setValue(str);
 174                 }else if(str.indexOf("（二）")>-1){
 175             //dijit.byId("2pass").setChecked(true);
 176             str=stropt+"d";
 177             dijit.byId("opts").setValue(str);
 178         }else if(str.indexOf("5.1")>-1){
 179             //dijit.byId("2pass").setChecked(true);
 180             str=stropt+"5";
 181             dijit.byId("opts").setValue(str);
 182         }else if(str.indexOf("５．１")>-1){
 183             //dijit.byId("2pass").setChecked(true);
 184             str=stropt+"5";
 185             dijit.byId("opts").setValue(str);
 186         }
 187     }
 188         function init(){
 189                 setType("rec");
 190         title2opts();
 191                 changeSize();
 192         changeOpts();
 193                 //changeSize();
 194         }
 195         dojo.addOnLoad(init);
 196       </script>
 197       </head>
 198       <!-- テーマの読み込み -->
 199       <body class="tundra">
 200         <div dojoType="dijit.form.Form" action="rec10web.py" onExecute="this.submit()">
 201         <h1>Rec10 Simple Web Interface ver.0.4.1a</h1><br>
 202         <select name="type"
 203                 dojoType="dijit.form.FilteringSelect"
 204                 autocomplete="false"
 205                 value="<!--type-value//-->"
 206                 onChange="setType">
 207                 <option value="res">通常予約</option>
 208                 <option value="key">キーワード予約</option>
 209                 <option value="keyday">曜日予約</option>
 210                 <option value="keyevery">隔日予約</option>
 211                 <option value="rec">最終予約</option>
 212                 <option value="ts2avi">エンコード予約</option>
 213         </select>番組名/キーワード
 214         <input type="text"
 215                 length="40"
 216                 dojoType="dijit.form.TextBox"
 217                 value="<!--title-value//-->"
 218                 id="title"
 219         name="title">チャンネル
 220         <select name="chtxt"
 221                 dojoType="dijit.form.FilteringSelect"
 222                 autocomplete="false"
 223                 value="<!--ch-value//-->"
 224                 onChange="setType">
 225                   <!--text_for_replace_chtxt_input//-->
 226         </select>
 227         <br><br>開始時刻
 228         <div name="btime"
 229         id="btime"
 230                 dojoType="dijit.form.ValidationTextBox"
 231                 promptmessage="年-月-日 時間:分:秒"
 232                 value="<!--btime-value//-->"
 233                 regexp="\d{4}\-\d{2}\-\d{2} \d{2}\:\d{2}\:\d{2}">
 234         </div>終了時刻
 235         <div name="etime"
 236         id="etime"
 237                 dojoType="dijit.form.ValidationTextBox"
 238                 promptmessage="年-月-日 時間:分:秒"
 239                 value="<!--etime-value//-->"
 240                 regexp="\d{4}\-\d{2}\-\d{2} \d{2}\:\d{2}\:\d{2}">
 241         </div>
 242     <div dojoType="dijit.form.Button" onclick="setnow()">今日</div>
 243     <br>
 244         <br>隔日周期(days)
 245         <input dojoType="dijit.form.NumberSpinner"
 246                 value="7"
 247                 smallDelta="1"
 248                   largeDelta="10"
 249                 constraints="{min:0,max:24,places:0}"
 250                 maxlength="2"
 251                 id="deltaday"
 252                 name="deltaday">
 253         キーワード録画許容誤差(hours)
 254         <input dojoType="dijit.form.NumberSpinner"
 255                 value="3"
 256                 smallDelta="1"
 257                   largeDelta="10"
 258                 constraints="{min:0,max:24,places:0}"
 259                 maxlength="2"
 260                 id="deltahour"
 261                 name="deltahour"><br><br>
 262
 263     <input type="checkbox"
 264                 dojoType="dijit.form.CheckBox"
 265                 id="day_Mon" name="day_Mon" value="1">月曜</input>
 266     <input type="checkbox"
 267                 dojoType="dijit.form.CheckBox"
 268                 id="day_Tue" name="day_Tue" value="2">火曜</input>
 269     <input type="checkbox"
 270                 dojoType="dijit.form.CheckBox"
 271                 id="day_Wed" name="day_Wed" value="3">水曜</input>
 272     <input type="checkbox"
 273                 dojoType="dijit.form.CheckBox"
 274                 id="day_Thu" name="day_Thu" value="4">木曜</input>
 275     <input type="checkbox"
 276                 dojoType="dijit.form.CheckBox"
 277                 id="day_Fri" name="day_Fri" value="5">金曜</input>
 278     <input type="checkbox"
 279                 dojoType="dijit.form.CheckBox"
 280                 id="day_Sat" name="day_Sat" value="6">土曜</input>
 281     <input type="checkbox"
 282                 dojoType="dijit.form.CheckBox"
 283                 id="day_Sun" name="day_Sun" value="7">日曜</input>
 284     <br><br>
 285         録画サイズ
 286         <select name="size"
 287                 dojoType="dijit.form.FilteringSelect"
 288                 autocomplete="false"
 289                 value="<!--size-value//-->"
 290                   id="size"
 291                 onChange="changeSize">
 292         <option selected="selected" value="S">SD画質(720x480)</option>
 293               <option value="H">HD画質(1280x720)</option>
 294               <option value="Q">WQVG画質(400x240)</option>
 295                 <option value="F">FULLHD画質(1920x1080)</option>
 296         <input type="checkbox"
 297                 dojoType="dijit.form.CheckBox"
 298                 id="anime" name="anime" value="a"
 299                 onClick="setOpts(this)">アニメ</input>
 300         <input type="checkbox"
 301                 dojoType="dijit.form.CheckBox"
 302                 id="dualaudio" name="dualaudio" value="d"
 303                 onClick="setOpts(this)">二ヶ国語放送</input>
 304     <input type="checkbox"
 305                 dojoType="dijit.form.CheckBox"
 306                 id="pentaaudio" name="pentaaudio" value="5"
 307                 onClick="setOpts(this)">5.1ch放送</input>
 308         <input type="checkbox"
 309                 dojoType="dijit.form.CheckBox"
 310                 id="2pass" name="2pass" value="2"
 311                 onClick="setOpts(this)">2passモード</input>
 312         <input type="checkbox"
 313                 dojoType="dijit.form.CheckBox"
 314                 id="xvid" name="xvid" value="x"
 315                 onClick="setOpts(this)">Xvidモード</input>
 316         </select>
 317         Options
 318         <div name="opts"
 319                 dojoType="dijit.form.ValidationTextBox"
 320                 value="<!--opts-value//-->"
 321                 onChange="changeOpts"
 322                 id="opts">
 323         </div><div dojoType="dijit.form.Button" type="submit">予約</div>
 324         <div name="exec"
 325                 dojoType="dijit.form.ValidationTextBox"
 326                 value="yes"
 327                 style="display:none";>
 328         </div>
 329       </body>
 330 </html>