Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <meta http-equiv=Content-Type content="text/html; charset=utf-8">
- <title>Home Automation System</title>
- <link rel="stylesheet" type="text/css" href="style.css">
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
- <script>window.jQuery || document.write('<script src="//code.jquery.com/jquery-1.11.1.min.js">\x3C/script>')</script>
- <script>window.jQuery || document.write('<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js">\x3C/script>')</script>
- <script>window.jQuery || document.write('<script src="jquery.js">\x3C/script>')</script>
- <script src="app.js"></script>
- </head>
- <body>
- <table class="ds_box" cellpadding="0" cellspacing="0" id="ds_conclass" style="display: none;">
- <tr><td id="ds_calclass"></td>
- </tr>
- </table>
- <script src="calendar.js"></script>
- <h1>Home Automation System</h1>
- <div id="main">
- <h4>Work Day</h4>
- <form Method = "post" action ="/index.html">
- <table border=2 cellpadding =1 align="center">
- <TR>
- <TH colspan = "2">Temperature</TH>
- <TH>Current Setting</TH>
- <TH colspan = "2">Wake <span class="subtitle">(time/temp)</span></TH>
- <TH colspan = "2">Leave <span class="subtitle">(time/temp)</span></TH>
- <TH colspan = "2">Return <span class="subtitle">(time/temp)</span></TH>
- <TH colspan = "2">Sleep <span class="subtitle">(time/temp)</span></TH>
- <Td colspan = "2"><span style="font-weight:bold">Mini-Split</span>:
- <Input id="radOn1" name="Nb_var93" type= "radio" Value=1 onClick="borderColourChange(true); ">Heat
- <Input id="radOff1" name="Nb_var93" type= "radio" Value=0 onClick="borderColourChange(false);">AC
- </Td>
- </TR>
- <TR>
- <TD class="leftHandTitle">Office</TD>
- <TD><input readonly name= "Nb_var01" style="font-size: 105%;border:none;" value ="<Nb_var01>" size = 2>°F</TD>
- <TD><input name= "Nb_var02" value="<Nb_var02>" size = 2>°F</TD>
- <TD><select id="hr1" class="hr <Nb_var03>" onChange="createHour('hr1','min1','output1');"></select>:<select id="min1" class="min <Nb_var03>" onChange="createHour('hr1','min1','output1');"></select>
- <input id="output1" type="hidden" name="Nb_var03"/></TD>
- <TD><input name= "Nb_var04" value="<Nb_var04>" size = 2>°F</TD>
- <TD><select id="hr2" class="hr <Nb_var05>" onChange="createHour('hr2','min2','output2');"></select>:<select id="min2" class="min <Nb_var05>" onChange="createHour('hr2','min2','output2');"></select>
- <input id="output2" type="hidden" name="Nb_var05"/></TD>
- <TD><input name= "Nb_var06" value="<Nb_var06>" size = 2>°F</TD>
- <TD><select id="hr3" class="hr <Nb_var07>" onChange="createHour('hr3','min3','output3');"></select>:<select id="min3" class="min <Nb_var07>" onChange="createHour('hr3','min3','output3');"></select>
- <input id="output3" type="hidden" name="Nb_var07"/></TD>
- <TD><input name= "Nb_var08" value="<Nb_var08>" size = 2>°F</TD>
- <TD><select id="hr4" class="hr <Nb_var09>" onChange="createHour('hr4','min4','output4');"></select>:<select id="min4" class="min <Nb_var09>" onChange="createHour('hr4','min4','output4');"></select>
- <input id="output4" type="hidden" name="Nb_var09"/></TD>
- <TD><input name= "Nb_var10" value="<Nb_var10>" size = 2>°F</TD>
- <TD><Input id="radOn2" name="Nb_var86" type= "radio" Value=1 onClick="this.form.submit();">ON</TD>
- <TD><Input id="radOff2" name="Nb_var86" type= "radio" Value=0 onClick="this.form.submit();">OFF</TD>
- </TR>
- <TR>
- <TD class="leftHandTitle">Bedroom</TD>
- <TD><input readonly name= "Nb_var11" style="font-size: 105%;border:none;" value ="<Nb_var11>" size = 2>°F</TD>
- <TD><input name= "Nb_var12" value="<Nb_var12>" size = 2>°F</TD>
- <TD><select id="hr5" class="hr <Nb_var13>" onChange="createHour('hr5','min5','output5');"></select>:<select id="min5" class="min <Nb_var13>" onChange="createHour('hr5','min5','output5');"></select>
- <input id="output5" type="hidden" name="Nb_var13"/></TD>
- <TD><input name= "Nb_var14" value="<Nb_var14>" size = 2>°F</TD>
- <TD><select id="hr6" class="hr <Nb_var15>" onChange="createHour('hr6','min6','output6');"></select>:<select id="min6" class="min <Nb_var15>" onChange="createHour('hr6','min6','output6');"></select>
- <input id="output6" type="hidden" name="Nb_var15"/></TD>
- <TD><input name= "Nb_var16" value="<Nb_var16>" size = 2>°F</TD>
- <TD><select id="hr7" class="hr <Nb_var17>" onChange="createHour('hr7','min7','output7');"></select>:<select id="min7" class="min <Nb_var17>" onChange="createHour('hr7','min7','output7');"></select>
- <input id="output7" type="hidden" name="Nb_var17"/></TD>
- <TD><input name= "Nb_var18" value="<Nb_var18>" size = 2>°F</TD>
- <TD><select id="hr8" class="hr <Nb_var19>" onChange="createHour('hr8','min8','output8');"></select>:<select id="min8" class="min <Nb_var19>" onChange="createHour('hr8','min8','output8');"></select>
- <input id="output8" type="hidden" name="Nb_var19"/></TD>
- <TD><input name= "Nb_var20" value="<Nb_var20>" size = 2>°F</TD>
- <TD><Input id="radOn3" name="Nb_var88" type= "radio" Value=1 onClick="this.form.submit();">ON</TD>
- <TD><Input id="radOff3" name="Nb_var88" type= "radio" Value=0 onClick="this.form.submit();">OFF</TD>
- </TR>
- <TR>
- <TD class="leftHandTitle">Dining Room</TD>
- <TD><input readonly name= "Nb_var21" style="font-size: 105%;border:none;" value ="<Nb_var21>" size = 2>°F</TD>
- <TD><input name= "Nb_var22" value="<Nb_var22>" size = 2>°F</TD>
- <TD><select id="hr9" class="hr <Nb_var23>" onChange="createHour('hr9','min9','output9');"></select>:<select id="min9" class="min <Nb_var23>" onChange="createHour('hr9','min9','output9');"></select>
- <input id="output9" type="hidden" name="Nb_var23"/></TD>
- <TD><input name= "Nb_var24" value="<Nb_var24>" size = 2>°F</TD>
- <TD><select id="hr10" class="hr <Nb_var25>" onChange="createHour('hr10','min10','output10');"></select>:<select id="min10" class="min <Nb_var25>" onChange="createHour('hr10','min10','output10');"></select>
- <input id="output10" type="hidden" name="Nb_var25"/></TD>
- <TD><input name= "Nb_var26" value="<Nb_var26>" size = 2>°F</TD>
- <TD><select id="hr11" class="hr <Nb_var27>" onChange="createHour('hr11','min11','output11');"></select>:<select id="min11" class="min <Nb_var27>" onChange="createHour('hr11','min11','output11');"></select>
- <input id="output11" type="hidden" name="Nb_var27"/></TD>
- <TD><input name= "Nb_var28" value="<Nb_var28>" size = 2>°F</TD>
- <TD><select id="hr12" class="hr <Nb_var29>" onChange="createHour('hr12','min12','output12');"></select>:<select id="min12" class="min <Nb_var29>" onChange="createHour('hr12','min12','output12');"></select>
- <input id="output12" type="hidden" name="Nb_var29"/></TD>
- <TD><input name= "Nb_var30" value="<Nb_var30>" size = 2>°F</TD>
- <TD><Input id="radOn4" name="Nb_var90" type= "radio" Value=1 onClick="this.form.submit();">ON</TD>
- <TD><Input id="radOff4" name="Nb_var90" type= "radio" Value=0 onClick="this.form.submit();">OFF</TD>
- </TR>
- <TR>
- <TD class="leftHandTitle">Sun Room</TD>
- <TD><input readonly name= "Nb_var31" style="font-size: 105%;border:none;" value ="<Nb_var31>" size = 2>°F</TD>
- <TD><input name= "Nb_var32" value="<Nb_var32>" size = 2>°F</TD>
- <TD><select id="hr13" class="hr <Nb_var33>" onChange="createHour('hr13','min13','output13');"></select>:<select id="min13" class="min <Nb_var33>" onChange="createHour('hr13','min13','output13');"></select>
- <input id="output13" type="hidden" name="Nb_var33"/></TD>
- <TD><input name= "Nb_var34" value="<Nb_var34>" size = 2>°F</TD>
- <TD><select id="hr14" class="hr <Nb_var35>" onChange="createHour('hr14','min14','output14');"></select>:<select id="min14" class="min <Nb_var35>" onChange="createHour('hr14','min14','output14');"></select>
- <input id="output14" type="hidden" name="Nb_var35"/></TD>
- <TD><input name= "Nb_var36" value="<Nb_var36>" size = 2>°F</TD>
- <TD><select id="hr15" class="hr <Nb_var37>" onChange="createHour('hr15','min15','output15');"></select>:<select id="min15" class="min <Nb_var37>" onChange="createHour('hr15','min15','output15');"></select>
- <input id="output15" type="hidden" name="Nb_var37"/></TD>
- <TD><input name= "Nb_var38" value="<Nb_var38>" size = 2>°F</TD>
- <TD><select id="hr16" class="hr <Nb_var39>" onChange="createHour('hr16','min16','output16');"></select>:<select id="min16" class="min <Nb_var39>" onChange="createHour('hr16','min16','output16');"></select>
- <input id="output16" type="hidden" name="Nb_var39"/></TD>
- <TD><input name= "Nb_var40" value="<Nb_var40>" size = 2>°F</TD>
- <TD><Input id="radOn5" name="Nb_var92" type= "radio" Value=1 onClick="this.form.submit();">ON</TD>
- <TD><Input id="radOff5" name="Nb_var92" type= "radio" Value=0 onClick="this.form.submit();">OFF</TD>
- </TR>
- <TR>
- <TD class="leftHandTitle">Living Room</TD>
- <TD><input readonly name= "Nb_var41" style="font-size: 105%;border:none;" value ="<Nb_var41>" size = 2>°F</TD>
- <TD><input name= "Nb_var42" value="<Nb_var42>" size = 2>°F</TD>
- <TD><select id="hr17" class="hr <Nb_var43>" onChange="createHour('hr17','min17','output17');"></select>:<select id="min17" class="min <Nb_var43>" onChange="createHour('hr17','min17','output17');"></select>
- <input id="output17" type="hidden" name="Nb_var43"/></TD>
- <TD><input name= "Nb_var44" value="<Nb_var44>" size = 2>°F</TD>
- <TD><select id="hr18" class="hr <Nb_var45>" onChange="createHour('hr18','min18','output18');"></select>:<select id="min18" class="min <Nb_var45>" onChange="createHour('hr18','min18','output18');"></select>
- <input id="output18" type="hidden" name="Nb_var45"/></TD>
- <TD><input name= "Nb_var46" value="<Nb_var46>" size = 2>°F</TD>
- <TD><select id="hr19" class="hr <Nb_var47>" onChange="createHour('hr19','min19','output19');"></select>:<select id="min19" class="min <Nb_var47>" onChange="createHour('hr19','min19','output19');"></select>
- <input id="output19" type="hidden" name="Nb_var47"/></TD>
- <TD><input name= "Nb_var48" value="<Nb_var48>" size = 2>°F</TD>
- <TD><select id="hr20" class="hr <Nb_var49>" onChange="createHour('hr20','min20','output20');"></select>:<select id="min20" class="min <Nb_var49>" onChange="createHour('hr20','min20','output20');"></select>
- <input id="output20" type="hidden" name="Nb_var49"/></TD>
- <TD><input name= "Nb_var50" value="<Nb_var50>" size = 2>°F</TD>
- <TD><Input id="radOn6" name="Nb_var71" type= "radio" Value=1 onClick="this.form.submit();">ON</TD>
- <TD><Input id="radOff6" name="Nb_var71" type= "radio" Value=0 onClick="this.form.submit();">OFF</TD>
- </TR>
- <TR>
- <TD colspan="16"><input type="submit" value="Save" class="submitButton"></TD>
- </TR>
- </table>
- <input type="hidden" name="Nb_var00" value="1" />
- </Form>
- <h4>Non Work Day</h4>
- <div id="leftBox"><!--Gonna split the screen into 2-->
- <form Method = "post" action ="/index.html">
- <table border=2 cellpadding =1 >
- <TR>
- <TH colspan = "2">Temperature</TH>
- <TH>Current Setting</TH>
- <TH colspan = "2">Wake <span class="subTitle">(time/temp)</span></TH>
- <TH colspan = "2">Sleep <span class="subTitle">(time/temp)</span></TH>
- </TR>
- <TR>
- <TD class="leftHandTitle">Office</TD>
- <TD><input readonly name= "Nb_var01" style="font-size: 105%;border:none;" value ="<Nb_var01>" size = 2>°F</TD>
- <TD><input name= "Nb_var02" value="<Nb_var02>" size = 2>°F</TD>
- <TD><select id="hr21" class="hr <Nb_var51>" onChange="createHour('hr21','min21','output21');"></select>:<select id="min21" class="min <Nb_var51>" onChange="createHour('hr21','min21','output21');"></select>
- <input id="output21" type="hidden" name="Nb_var51"/></TD>
- <TD><input name= "Nb_var52" value="<Nb_var52>" size = 2>°F</TD>
- <TD><select id="hr22" class="hr <Nb_var53>" onChange="createHour('hr22','min22','output22');"></select>:<select id="min22" class="min <Nb_var53>" onChange="createHour('hr22','min22','output22');"></select>
- <input id="output22" type="hidden" name="Nb_var53"/></TD>
- <TD><input name= "Nb_var54" value="<Nb_var54>" size = 2>°F</TD>
- </TR>
- <TR>
- <TD class="leftHandTitle">Bedroom</TD>
- <TD><input readonly name= "Nb_var11" style="font-size: 105%;border:none;" value ="<Nb_var11>" size = 2>°F</TD>
- <TD><input name= "Nb_var12" value="<Nb_var12>" size = 2>°F</TD>
- <TD><select id="hr23" class="hr <Nb_var55>" onChange="createHour('hr23','min23','output23');"></select>:<select id="min23" class="min <Nb_var55>" onChange="createHour('hr23','min23','output23');"></select>
- <input id="output23" type="hidden" name="Nb_var55"/></TD>
- <TD><input name= "Nb_var56" value="<Nb_var56>" size = 2>°F</TD>
- <TD><select id="hr24" class="hr <Nb_var57>" onChange="createHour('hr24','min24','output24');"></select>:<select id="min24" class="min <Nb_var57>" onChange="createHour('hr24','min24','output24');"></select>
- <input id="output24" type="hidden" name="Nb_var57"/></TD>
- <TD><input name= "Nb_var58" value="<Nb_var58>" size = 2>°F</TD>
- </TR>
- <TR>
- <TD class="leftHandTitle">Dining Room</TD>
- <TD><input readonly name= "Nb_var21" style="font-size: 105%;border:none;" value ="<Nb_var21>" size = 2>°F</TD>
- <TD><input name= "Nb_var22" value="<Nb_var22>" size = 2>°F</TD>
- <TD><select id="hr25" class="hr <Nb_var59>" onChange="createHour('hr25','min25','output25');"></select>:<select id="min25" class="min <Nb_var59>" onChange="createHour('hr25','min25','output25');"></select>
- <input id="output25" type="hidden" name="Nb_var59"/></TD>
- <TD><input name= "Nb_var60" value="<Nb_var60>" size = 2>°F</TD>
- <TD><select id="hr26" class="hr <Nb_var61>" onChange="createHour('hr26','min26','output26');"></select>:<select id="min26" class="min <Nb_var61>" onChange="createHour('hr26','min26','output26');"></select>
- <input id="output26" type="hidden" name="Nb_var61"/></TD>
- <TD><input name= "Nb_var62" value="<Nb_var62>" size = 2>°F</TD>
- </TR>
- <TR>
- <TD class="leftHandTitle">Sun Room</TD>
- <TD><input readonly name= "Nb_var31" style="font-size: 105%;border:none;" value ="<Nb_var31>" size = 2>°F</TD>
- <TD><input name= "Nb_var32" value="<Nb_var32>" size = 2>°F</TD>
- <TD><select id="hr27" class="hr <Nb_var63>" onChange="createHour('hr27','min27','output27');"></select>:<select id="min27" class="min <Nb_var63>" onChange="createHour('hr27','min27','output27');"></select>
- <input id="output27" type="hidden" name="Nb_var63"/></TD>
- <TD><input name= "Nb_var64" value="<Nb_var64>" size = 2>°F</TD>
- <TD><select id="hr28" class="hr <Nb_var65>" onChange="createHour('hr28','min28','output28');"></select>:<select id="min28" class="min <Nb_var65>" onChange="createHour('hr28','min28','output28');"></select>
- <input id="output28" type="hidden" name="Nb_var65"/></TD>
- <TD><input name= "Nb_var66" value="<Nb_var66>" size = 2>°F</TD>
- </TR>
- <TR>
- <TD class="leftHandTitle">Living Room</TD>
- <TD><input readonly name= "Nb_var41" style="font-size: 105%;border:none;" value ="<Nb_var41>" size = 2>°F</TD>
- <TD><input name= "Nb_var42" value="<Nb_var42>" size = 2>°F</TD>
- <TD><select id="hr29" class="hr <Nb_var67>" onChange="createHour('hr29','min29','output29');"></select>:<select id="min29" class="min <Nb_var67>" onChange="createHour('hr29','min29','output29');"></select>
- <input id="output29" type="hidden" name="Nb_var67"/></TD>
- <TD><input name= "Nb_var68" value="<Nb_var68>" size = 2>°F</TD>
- <TD><select id="hr30" class="hr <Nb_var69>" onChange="createHour('hr30','min30','output30');"></select>:<select id="min30" class="min <Nb_var69>" onChange="createHour('hr30','min30','output30');"></select>
- <input id="output30" type="hidden" name="Nb_var69"/></TD>
- <TD><input name= "Nb_var70" value="<Nb_var70>" size = 2>°F</TD>
- </TR>
- <TR>
- <TD colspan="7"><input type="submit" value="Save" class="submitButton"></TD>
- </TR>
- </table>
- </form>
- <input type="hidden" name="Nb_var00" value="1" />
- </div>
- <div id="rightBox">
- <form Method = "post" action ="/index.html">
- <table border=2 cellpadding =2>
- <TR>
- <TH>Option</TH>
- <TH>Value</TH>
- </TR>
- <TR>
- <TD class="leftHandTitle">Outdoor Temperature:</TD>
- <TD><input readonly name= "Nb_var76" style="font-size: 105%;border:none;" value ="<Nb_var76>" size = 2>°F</TD>
- </TR>
- <TR>
- <TD class="leftHandTitle">Outdoor Humidity:</TD>
- <TD><input readonly name= "Nb_var75" style="font-size: 105%;border:none;" value ="<Nb_var75>" size = 2>%</TD>
- </TR>
- <TR>
- <TD class="leftHandTitle">Indoor Humidity:</TD>
- <TD><input readonly name= "Nb_var72" style="font-size: 105%;border:none;" value="<Nb_var72>" size = 2>%</TD>
- </TR>
- <TR>
- <TD class="leftHandTitle">Sleep Alarm Switch:</TD>
- <TD><input readonly name= "Nb_var77" style="font-size: 105%;border:none;" value="<Nb_var77>" size = 2></TD>
- </TR>
- <TR>
- <TD class="leftHandTitle">Attic Temperature:</TD>
- <TD><input readonly name= "Nb_var73" style="font-size: 105%;border:none;" value ="<Nb_var73>" size = 2>°F</TD>
- </TR>
- <TR>
- <TD class="leftHandTitle">Attic Fan Setting:</TD>
- <TD><input name= "Nb_var74" value="<Nb_var74>" size = 2>°F</TD>
- </TR>
- <TR>
- <TD class="leftHandTitle">Current Time: <input readonly name= "Nb_var96" style="font-size: 100%;border:none;" value ="<Nb_var96>" size = 4></TD>
- <TD><select id="hr31" class="hr <Nb_var96>" onChange="createHour('hr31','min31','output31');"></select>:<select id="min31" class="min <Nb_var96>" onChange="createHour('hr31','min31','output31');"></select>
- <input id="output31" type="hidden" name="Nb_var97"/></TD>
- </TR>
- <TR>
- <TD class="leftHandTitle">Day of Week:</TD>
- <TD><select name="Nb_var98" id="DoWSelect">
- <option value="1">Monday</option>
- <option value="2">Tuesday</option>
- <option value="3">Wednesday</option>
- <option value="4">Thursday</option>
- <option value="5">Friday</option>
- <option value="6">Saturday</option>
- <option value="7">Sunday</option>
- </select>
- <!--input id="output32" type="hidden" name="Nb_var94"/></TD-->
- </TR>
- <TR>
- <TD class="leftHandTitle">Date mm/dd/yy:</TD>
- <TD><input name= "Nb_var99" size=8 onclick="ds_sh(this);" readonly="readonly"></TD>
- </TR>
- <TR>
- <TD class="leftHandTitle">Sunrise:</TD>
- <TD><select id="hr32" disabled="disabled" class="hr <Nb_var94>" onChange="createHour('hr32','min32','output32');"></select>:<select id="min32" disabled="disabled" class="min <Nb_var94>" onChange="createHour('hr32','min32','output32');"></select>
- <input id="output32" type="hidden" name="Nb_var94"/></TD>
- </TR>
- <TR>
- <TD class="leftHandTitle">Sunset:</TD>
- <TD><select id="hr33" disabled="disabled" class="hr <Nb_var95>" onChange="createHour('hr33','min33','output33');"></select>:<select id="min33" disabled="disabled" class="min <Nb_var95>" onChange="createHour('hr33','min33','output33');"></select>
- <input id="output33" type="hidden" name="Nb_var95"/></TD>
- </TR>
- <TR>
- <TD colspan="2"><input type="submit" value="Save" class="submitButton" onClick="setDayOfWeek('Nb_var98')"></TD>
- </TR>
- </table>
- </Form>
- </div>
- <div style="clear:all"/>
- <script type="text/javascript">
- function onPageLoad(){
- borderColourChange(<Nb_var93>==1);
- fillSelectBoxesWithDates();
- setRadioButton("<Nb_var93>","radOn1","radOff1");
- setRadioButton("<Nb_var86>","radOn2","radOff2");
- setRadioButton("<Nb_var88>","radOn3","radOff3");
- setRadioButton("<Nb_var90>","radOn4","radOff4");
- setRadioButton("<Nb_var92>","radOn5","radOff5");
- setRadioButton("<Nb_var71>","radOn6","radOff6");
- setDayOfWeek("<Nb_var98>");
- window.setTimeout(function(){bloop()}, 5000);
- }
- </script>
- </div>
- <div id="dynamicVal1"></div>
- <div id="dynamicVal2"></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement