Advertisement
Guest User

IPCam Alarme

a guest
May 22nd, 2015
295
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.50 KB | None | 0 0
  1.  
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title></title>
  6. <script src="get_status.cgi"></script>
  7. <script src="get_params.cgi"></script>
  8. <script type="text/javascript" src="jquery/jquery.min.js"></script>
  9. <script type="text/javascript" src="public.js"></script>
  10. <link rel="stylesheet" href="obj.css" type="text/css">
  11. <script>
  12. var select_flag = 1;
  13. if (alias=='')
  14.     alias=str_anonymous;
  15. else
  16.     alias=alias;
  17. setDocTitle(str_device+'('+alias+')');
  18.  
  19. function set_alarm()
  20. {
  21.  
  22. if($("#ftp_interval").val() > 30)
  23. {
  24.     $("#ftp_interval").val(30);
  25. }
  26.     //alert(make_schedule_val(0,0));
  27. var url;
  28. url='set_alarm.cgi?next_url=alarm.htm';
  29. url+='&loginuse='+top.cookieuser+'&loginpas='+encodeURIComponent(top.cookiepass);
  30. url+='&motion_armed='+(($("#motion_enable").attr("checked")=="checked")?1:0);
  31. url+='&input_armed='+(($("#extern_enable").attr("checked")=="checked")?1:0);
  32. url+='&motion_sensitivity='+(($("#motion_enable").attr("checked")=="checked")?$("#motion_sensitivity").val():5);
  33. url+='&iolinkage='+(($("#linkage_enable").attr("checked")=="checked")?1:0)
  34. url+='&mail='+(($("#mail_enable").attr("checked")=="checked")?1:0);
  35. url+='&ioin_level='+$("#triger_level").val();
  36. url+='&ioout_level='+$("#output_level").val();
  37. url+='&upload_interval='+((($("#ftp_enable").attr("checked")=="checked")&&($("#ftp_interval").val()!=''))?$("#ftp_interval").val():0);
  38. url+='&schedule_enable='+(($("#schedule_enable").attr("checked")=="checked")?1:0);
  39. url+='&schedule_sun_0='+make_schedule_val(0,0)+'&schedule_sun_1='+make_schedule_val(0,1)+'&schedule_sun_2='+make_schedule_val(0,2)+'&schedule_mon_0='+make_schedule_val(1,0)+'&schedule_mon_1='+make_schedule_val(1,1)+'&schedule_mon_2='+make_schedule_val(1,2)+'&schedule_tue_0='+make_schedule_val(2,0)+'&schedule_tue_1='+make_schedule_val(2,1)+'&schedule_tue_2='+make_schedule_val(2,2)+'&schedule_wed_0='+make_schedule_val(3,0)+'&schedule_wed_1='+make_schedule_val(3,1)+'&schedule_wed_2='+make_schedule_val(3,2)+'&schedule_thu_0='+make_schedule_val(4,0)+'&schedule_thu_1='+make_schedule_val(4,1)+'&schedule_thu_2='+make_schedule_val(4,2)+'&schedule_fri_0='+make_schedule_val(5,0)+'&schedule_fri_1='+make_schedule_val(5,1)+'&schedule_fri_2='+make_schedule_val(5,2)+'&schedule_sat_0='+make_schedule_val(6,0)+'&schedule_sat_1='+make_schedule_val(6,1)+'&schedule_sat_2='+make_schedule_val(6,2)+'&preset='+cbPreset.value;
  40. //alert(url);
  41. location=(url);
  42. }
  43.  
  44.  
  45.  
  46. function show_alarm_actions()
  47. {
  48. if(($("#motion_enable").attr("checked")=="checked") || ($("#extern_enable").attr("checked")=="checked"))
  49. {
  50. ($("#motion_enable").attr("checked")=="checked")?$("#tr_motion_sensitivity").show():$("#tr_motion_sensitivity").hide();
  51. ($("#extern_enable").attr("checked")=="checked")?$("#tr_triger_level").show():$("#tr_triger_level").hide();
  52. ($("#linkage_enable").attr("checked")=="checked")?$("#tr_output_level").show():$("#tr_output_level").hide();
  53. ($("#ftp_enable").attr("checked")=="checked")?$("#tr_ftp_interval").show():$("#tr_ftp_interval").hide();
  54.  
  55. $("#tr_mail_enable").show();
  56. $("#tr_linkage_enable").show();
  57. $("#tr_motion_preset").show();
  58. $("#tr_ftp_enable").show();
  59. $("#tr_schedule_enable").show();
  60. $("#tr_select_all").show();
  61. $("#tr_schedule").show();
  62.  
  63. schedule_select()
  64. }
  65. else
  66. {
  67. $("#tr_motion_sensitivity").hide();
  68. $("#tr_mail_enable").hide();
  69. $("#tr_linkage_enable").hide();
  70. $("#tr_motion_preset").hide();
  71. $("#tr_ftp_enable").hide();
  72. $("#tr_ftp_interval").hide();
  73. $("#tr_schedule_enable").hide();
  74. $("#tr_select_all").hide();
  75. $("#tr_schedule").hide();
  76. $("#tr_triger_level").hide();
  77. $("#tr_output_level").hide();
  78. }
  79. }
  80.  
  81. function schedule_select()
  82. {
  83. ($("#schedule_enable").attr("checked")=="checked")?$("#tr_schedule").show():$("#tr_schedule").hide();
  84. ($("#schedule_enable").attr("checked")=="checked")?$("#tr_select_all").show():$("#tr_select_all").hide();
  85. }
  86.  
  87. function parse_schedule_val(val,day,num)
  88. {
  89. id='schedule_'+day;
  90. num*=32;
  91. for(i=0;i<32;i++)
  92. {
  93. h=Math.floor(num/4);
  94. q=num%4;
  95. var schedule = id+'_'+h+'_'+q;
  96.  
  97. if ((val>>i)&1)
  98. {
  99. $("#"+schedule).css("background-color","rgb(71, 145, 197)");
  100. }
  101. else
  102. {
  103. $("#"+schedule).css("background-color","");
  104. select_flag = 0;
  105. }
  106.  
  107.  
  108. num++;
  109. }
  110. }
  111.  
  112. var ua = navigator.userAgent.toLowerCase();
  113. var isIE = ua.indexOf('msie') >= 0?true:false;
  114. function make_schedule_val(day,num)
  115. {
  116. if (!($("#schedule_enable").attr("checked")=="checked")) return 0;
  117. id='schedule_'+day;
  118. num*=32;
  119. val=0;
  120. for(i=0;i<32;i++)
  121. {
  122. h=Math.floor(num/4);
  123. q=num%4;
  124. var schedule = id+'_'+h+'_'+q;
  125.    
  126. if(isIE)
  127. val|=($("#"+schedule).css("background-color")!="rgb(71,145,197)")?0:(1<<i);
  128. else
  129. val|=($("#"+schedule).css("background-color")!='rgb(71, 145, 197)')?0:(1<<i);
  130.  
  131. num++;
  132. }
  133. return val;
  134. }
  135.  
  136. function SelectAll()
  137. {
  138. var mystatus = 0;
  139. if ($("#select_all").attr("checked")=="checked"){
  140. mystatus = 1;
  141. }
  142.  
  143. for (i=0;i<7;i++)
  144. {
  145. for(j=0;j<24;j++)
  146. {
  147. for(m=0;m<4;m++)
  148. {
  149. var schedule = 'schedule_'+i+'_'+j+'_'+m;
  150. if (mystatus){
  151. $("#"+schedule).css("background-color","rgb(71, 145, 197)");
  152. }
  153. else{
  154. $("#"+schedule).css("background-color","");
  155. }
  156. }
  157. }
  158. }
  159. }
  160.  
  161. function body_onload()
  162. {
  163. $("#cbPreset").val(alarm_presetsit);
  164. $("#motion_enable").attr("checked",alarm_motion_armed?true:false);
  165. $("#motion_sensitivity").val(alarm_motion_sensitivity);
  166. $("#extern_enable").attr("checked",alarm_input_armed?true:false);
  167.  
  168. $("#triger_level").val(alarm_ioin_level);
  169. $("#mail_enable").attr("checked",alarm_mail?true:false);
  170. $("#linkage_enable").attr("checked",alarm_iolinkage?true:false);
  171.  
  172. $("#output_level").val(alarm_ioout_level);
  173. $("#ftp_enable").attr("checked",(!alarm_upload_interval)?false:true);
  174. $("#ftp_interval").val(alarm_upload_interval);
  175. $("#schedule_enable").attr("checked",alarm_schedule_enable?true:false);
  176. $("#extern_enable").attr("checked",alarm_input_armed?true:false);
  177.  
  178. parse_schedule_val(alarm_schedule_sun_0,0,0);
  179. parse_schedule_val(alarm_schedule_sun_1,0,1);
  180. parse_schedule_val(alarm_schedule_sun_2,0,2);
  181. parse_schedule_val(alarm_schedule_mon_0,1,0);
  182. parse_schedule_val(alarm_schedule_mon_1,1,1);
  183. parse_schedule_val(alarm_schedule_mon_2,1,2);
  184. parse_schedule_val(alarm_schedule_tue_0,2,0);
  185. parse_schedule_val(alarm_schedule_tue_1,2,1);
  186. parse_schedule_val(alarm_schedule_tue_2,2,2);
  187. parse_schedule_val(alarm_schedule_wed_0,3,0);
  188. parse_schedule_val(alarm_schedule_wed_1,3,1);
  189. parse_schedule_val(alarm_schedule_wed_2,3,2);
  190. parse_schedule_val(alarm_schedule_thu_0,4,0);
  191. parse_schedule_val(alarm_schedule_thu_1,4,1);
  192. parse_schedule_val(alarm_schedule_thu_2,4,2);
  193. parse_schedule_val(alarm_schedule_fri_0,5,0);
  194. parse_schedule_val(alarm_schedule_fri_1,5,1);
  195. parse_schedule_val(alarm_schedule_fri_2,5,2);
  196. parse_schedule_val(alarm_schedule_sat_0,6,0);
  197. parse_schedule_val(alarm_schedule_sat_1,6,1);
  198. parse_schedule_val(alarm_schedule_sat_2,6,2);
  199. $("#select_all").attr("checked",select_flag?true:false);
  200. show_alarm_actions();
  201. }
  202. </script>
  203. </head>
  204. <body onLoad="body_onload()">
  205. <table class="layout-grid-frame" cellspacing="0" cellpadding="0" align="center">
  206. <tr>
  207. <td class="normal"><table width="100%" class="summaryTable">
  208. <tr>
  209. <td colspan="2" class="TitleBgcolor"><strong>
  210. <script>document.write(str_alarm_config);</script>
  211. </strong></td>
  212. </tr>
  213. <tr>
  214. <td width="30%">&nbsp;&nbsp;<script>document.write(str_motion_enable);</script></td>
  215. <td>&nbsp;&nbsp;
  216. <input type="checkbox" id="motion_enable" onClick="show_alarm_actions()"></td>
  217. </tr>
  218. <tr id="tr_motion_sensitivity">
  219. <td>&nbsp;&nbsp;<script>document.write(str_motion_sensitivity);</script></td>
  220. <td>&nbsp;&nbsp;
  221. <select id="motion_sensitivity">
  222. <option value="10">10</option>
  223. <option value="9">9</option>
  224. <option value="8">8</option>
  225. <option value="7">7</option>
  226. <option value="6">6</option>
  227. <option value="5">5</option>
  228. <option value="4">4</option>
  229. <option value="3">3</option>
  230. <option value="2">2</option>
  231. <option value="1">1</option>
  232. </select>&nbsp;&nbsp;<script>document.write(str_alarm_Sensibility);</script></td>
  233. </tr>
  234. <tr>
  235. <td>&nbsp;&nbsp;<script>document.write(str_extern_enable);</script></td>
  236. <td>&nbsp;&nbsp;
  237. <input type="checkbox" id="extern_enable" onClick="show_alarm_actions()" /></td>
  238. </tr>
  239. <tr id="tr_triger_level">
  240. <td>&nbsp;&nbsp;<script>document.write(str_triger_level);</script></td>
  241. <td>&nbsp;&nbsp;
  242. <select id="triger_level">
  243. <option value="0">
  244. <script>document.write(str_low);</script>
  245. </option>
  246. <option value="1">
  247. <script>document.write(str_high);</script>
  248. </option>
  249. </select></td>
  250. </tr>
  251. <tr>
  252. <td colspan="2" class="tCenter"><strong>
  253. <script>document.write(str_alarm_x_1);</script>
  254. </strong></td>
  255. </tr>
  256. <tr id="tr_motion_preset">
  257. <td>&nbsp;&nbsp;<script>document.write(str_motion_preset);</script></td>
  258. <td>&nbsp;&nbsp;
  259. <select id="cbPreset">
  260. <option value="0">
  261. <script>document.write(str_none);</script>
  262. </option>
  263. <option value="1">1</option>
  264. <option value="2">2</option>
  265. <option value="3">3</option>
  266. <option value="4">4</option>
  267. <option value="5">5</option>
  268. <option value="6">6</option>
  269. <option value="7">7</option>
  270. <option value="8">8</option>
  271. <option value="9">9</option>
  272. <option value="10">10</option>
  273. <option value="11">11</option>
  274. <option value="12">12</option>
  275. <option value="13">13</option>
  276. <option value="14">14</option>
  277. <option value="15">15</option>
  278. <option value="16">16</option>
  279. </select></td>
  280. </tr>
  281. <tr id="tr_linkage_enable">
  282. <td>&nbsp;&nbsp;<script>document.write(str_alarm_linkage_enable);</script></td>
  283. <td>&nbsp;&nbsp;
  284. <input type="checkbox" id="linkage_enable" onClick="show_alarm_actions()"></td>
  285. </tr>
  286. <tr id="tr_output_level">
  287. <td>&nbsp;&nbsp;<script>document.write(str_output_level);</script></td>
  288. <td>&nbsp;&nbsp;
  289. <select id="output_level">
  290. <option value="0">
  291. <script>document.write(str_low);</script>
  292. </option>
  293. <option value="1">
  294. <script>document.write(str_high);</script>
  295. </option>
  296. </select></td>
  297. </tr>
  298. <tr id="tr_mail_enable">
  299. <td>&nbsp;&nbsp;<script>document.write(str_alarm_mail_enable);</script></td>
  300. <td>&nbsp;&nbsp;
  301. <input type="checkbox" id="mail_enable"></td>
  302. </tr>
  303. <tr id="tr_ftp_enable">
  304. <td>&nbsp;&nbsp;<script>document.write(str_alarm_ftp_enable);</script></td>
  305. <td>&nbsp;&nbsp;
  306. <input type="checkbox" id="ftp_enable" onClick="show_alarm_actions()"></td>
  307. </tr>
  308.   <tr id="tr_ftp_interval">
  309.   <td>&nbsp;&nbsp;<script>document.write(str_ftp_upload_interval);</script>
  310.   </td>
  311.   <td>&nbsp;&nbsp;
  312.   <input id="ftp_interval" maxlength="5" onKeyUp="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">(0~30)
  313.   </td>
  314.   </tr>
  315. <tr id="tr_record_enable" style="display:none">
  316. <td>&nbsp;&nbsp;<script>document.write(str_alarm_x_rec);</script></td>
  317. <td>&nbsp;&nbsp;
  318. <input type="checkbox" id="record_enable"></td>
  319. </tr>
  320. <tr id="tr_snapshot_enable" style="display:none">
  321. <td>&nbsp;&nbsp;<script>document.write(str_alarm_x_anap);</script></td>
  322. <td>&nbsp;&nbsp;
  323. <input type="checkbox" id="snapshot_enable"></td>
  324. </tr>
  325. <tr>
  326. <td colspan="2" class="tCenter"><strong>
  327. <script>document.write(str_alarm_x_2);</script>
  328. </strong></td>
  329. </tr>
  330. <tr id="tr_schedule_enable">
  331. <td>&nbsp;&nbsp;<script>document.write(str_schedule);</script></td>
  332. <td>&nbsp;&nbsp;
  333. <input id="schedule_enable" type="checkbox" onClick="schedule_select()"></td>
  334. </tr>
  335. <tr id="tr_select_all">
  336. <td>&nbsp;&nbsp;<script>document.write(str_select_all);</script></td>
  337. <td>&nbsp;&nbsp;
  338. <input id="select_all" type="checkbox" onClick="SelectAll()"></td>
  339. </tr>
  340. <tr id="tr_schedule">
  341. <td  colspan="2"><table class="selectTable" width="100%" border=1>
  342. <tr>
  343.  
  344. <script>
  345. document.write('<td>'+str_day+'<\/td>');
  346. for(i=0;i<24;i++) document.write('<td colspan=4>'+i+'<\/td>');
  347. </script>
  348. </tr>
  349. <script>
  350. var str_day=new Array();
  351. str_day[0]=str_sun;
  352. str_day[1]=str_mon;
  353. str_day[2]=str_tue;
  354. str_day[3]=str_wed;
  355. str_day[4]=str_thu;
  356. str_day[5]=str_fri;
  357. str_day[6]=str_sat;
  358.  
  359. function set_schedule(id,dbl)
  360. {
  361. var id_head=id.substring(0,id.lastIndexOf('_'));
  362. var ua = navigator.userAgent.toLowerCase();
  363. var isIE = ua.indexOf('msie') >= 0?true:false;
  364.  
  365. if (( $("#"+id).css("background-color") =='rgb(71,145,197)' )||( $("#"+id).css("background-color") =='rgb(71, 145, 197)' ))
  366. {
  367. //alert($("#"+id).css("background-color"));
  368. if (dbl)
  369. {
  370. for (i=0;i<4;i++)
  371. {
  372. //alert("1111");
  373. var schedule=id_head+'_'+i;
  374. if(isIE)
  375. $("#"+schedule).css("background-color","rgb(71, 145, 197)");
  376. else
  377. $("#"+schedule).css("background-color","");
  378. }
  379. }
  380. else{
  381. $("#"+id).css("background-color","");
  382. }
  383.  
  384. }  
  385. else
  386. {
  387. //alert($("#"+id).css("background-color"));
  388. if (dbl==1)
  389. {
  390. for (i=0;i<4;i++)
  391. {
  392. //alert("2222");
  393. var schedule=id_head+'_'+i;
  394. if(isIE)
  395. $("#"+schedule).css("background-color","");
  396. else
  397. $("#"+schedule).css("background-color","rgb(71, 145, 197)");
  398. }
  399. }
  400. else{
  401. //alert($("#"+id).css("background-color"));
  402. $("#"+id).css("background-color","rgb(71, 145, 197)");
  403. }
  404. }
  405. }
  406. for (i=0;i<7;i++)
  407. {
  408. document.write('<tr><td width=60>'+str_day[i]+'<\/td>');
  409. for(j=0;j<24;j++) for(m=0;m<4;m++)document.write('<td onclick=\"set_schedule(id,0)\" ondblclick=\"set_schedule(id,1)\"  width=4 id=\"schedule_'+i+'_'+j+'_'+m+'\"> <\/td>');
  410. document.write('<\/tr>');
  411. }
  412. </script>
  413. </table></td>
  414. </tr>
  415. </table>
  416. <br>
  417. <div class="sendbtnstyle">
  418. <button id="set" onClick="set_alarm()"> <script>document.write(str_set);</script> </button>
  419. &nbsp;&nbsp;&nbsp;&nbsp;
  420. <button id="reload" onClick="location.reload()"> <script>document.write(str_refresh);</script> </button>
  421. </div></td>
  422. </tr>
  423. </table>
  424. </body>
  425. </html>
  426. <script>
  427. removeSelfClass();$("#dd-alarm", parent.document).addClass("selected");
  428. if(top.cookiepri != 255)
  429. $("#set").hide();
  430. </script>
  431. <script type="text/javascript" src="rowscolor.js"></script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement