mirror of https://github.com/sfeakes/AqualinkD.git
197 lines
12 KiB
HTML
197 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset=utf-8 />
|
|
<title>Feakes Inc, Aqualink RS control daemon</title>
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
|
|
<!--<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />-->
|
|
<!--<meta name="viewport" content="width=device-width, user-scalable=yes, width=800"/>-->
|
|
<!--<meta name="viewport" content="width=device-width, user-scalable=yes"/>-->
|
|
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
|
|
<!--<link href="aqualinkd.png" rel="apple-touch-icon" sizes="180x180" />-->
|
|
<!--<link href="aqualinkd.png" rel="icon" sizes="128x128" />-->
|
|
<link href="aqualinkd.png" rel="apple-touch-icon">
|
|
<link href="aqualinkd.png" rel="icon">
|
|
<link rel="stylesheet" href="css/small_ff.css" type="text/css">
|
|
</head>
|
|
|
|
<body ontouchmove="BlockMove(event);" style="background-color:black;">
|
|
|
|
<div id="main_div">
|
|
|
|
<div id="header_div" class='bgimg'>
|
|
<div id="line1">
|
|
<div id="title_div">Aqualink RS8</div>
|
|
<div id="air_temp_title_div">Air Temp:</div>
|
|
<div id="air_temp">000 F</div>
|
|
<div id="battery_ok_div" class="battery_image_div"><img id="battery_ok" src="" style="visibility:hidden"></div>
|
|
<div id="battery_low_div" class="battery_image_div"><img id="battery_low" src="" style="visibility:hidden"></div>
|
|
<div id="battery_blank_div" class="battery_image_div"><img id="battery_blank" src=""></div>
|
|
</div>
|
|
<div id="line2">
|
|
<div id="net_off_div" class="net_activity_div"><img id="net_off" src="" style="visibility:visible"></div>
|
|
<div id="net_green_div" class="net_activity_div"><img id="net_green" src="" style="visibility:hidden"></div>
|
|
<div id="net_yellow_div" class="net_activity_div"><img id="net_yellow" src="" style="visibility:hidden"></div>
|
|
<div id="net_red_div" class="net_activity_div"><img id="net_red" src="" style="visibility:hidden"></div>
|
|
<div id="messages_div" align="center"></div>
|
|
<div id="date_time">00:00 PM 00/00/00 DDD</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="body_div" class="bgimg_body">
|
|
<div id="pool_temp_div" class="body_sub_div">
|
|
<div id="pool_temp_title" class="temp_title_div">Pool:</div>
|
|
<div id="pool_temp" class="temp_val_div">000 F</div>
|
|
<div class="control_button_div">
|
|
<div class="led_button_div" id="filter_pump">
|
|
<div class="led_div"><img id="Filter_Pump_off_status" src="" style="visibility:visible"></div>
|
|
<div class="led_div"><img id="Filter_Pump_on_status" src="" style="visibility:hidden"></div>
|
|
<div class="led_div"><img id="Filter_Pump_en_status" src="" style="visibility:hidden"></div>
|
|
<div id="Filter_Pump" class='button black button_div' type="button" onclick="queue_command('Filter_Pump')">Filter Pump</div>
|
|
</div>
|
|
<div class="led_button_div" id="pool_htr">
|
|
<div class="led_div"><img id="Pool_Heater_on_status" src="" style="visibility:hidden"></div>
|
|
<div class="led_div"><img id="Pool_Heater_off_status" src="" style="visibility:visible"></div>
|
|
<div class="led_div"><img id="Pool_Heater_en_status" src="" style="visibility:hidden"></div>
|
|
<div id="Pool_Heater" class='button black button_div' type="button" onclick="queue_command('Pool_Heater')">Heater</div>
|
|
</div>
|
|
</div>
|
|
<div id="pool_htr_set_pnt" class="set_pnt_val_div">000 F</div>
|
|
<div class="set_pnt_button_div">
|
|
<div class='button medium black set_pnt_button' type="button" onclick="incr_pool_htr('+')">+</div>
|
|
<div class='button medium black set_pnt_button' type="button" onclick="incr_pool_htr('-')">-</div>
|
|
</div>
|
|
<div class="set_button_div"><div class='button black' type="button" onclick="set_temperature('POOL_HTR')">Set</div></div>
|
|
</div>
|
|
<div id="spa_temp_div" class="body_sub_div">
|
|
<div id="spa_temp_title" class="temp_title_div">Spa:</div>
|
|
<div id="spa_temp" class="temp_val_div">000 F</div>
|
|
<div class="control_button_div">
|
|
<div class="led_button_div" id="spa_mode">
|
|
<div class="led_div"><img id="Spa_Mode_off_status" src="" style="visibility:visible"></div>
|
|
<div class="led_div"><img id="Spa_Mode_on_status" src="" style="visibility:hidden"></div>
|
|
<div class="led_div"><img id="Spa_Mode_en_status" src="" style="visibility:hidden"></div>
|
|
<div id="Spa_Mode" class="button black button_div" type="button" onclick="queue_command('Spa_Mode')">Spa Mode</div>
|
|
</div>
|
|
<!--
|
|
<div class="led_button_div" id="aux2">
|
|
<div class="led_div"><img id="aux2_off_status" src="" style="visibility:visible"></div>
|
|
<div class="led_div"><img id="aux2_on_status" src="" style="visibility:hidden"></div>
|
|
<div id="Aux_2" class="button black button_div" type="button" onclick="queue_command('Aux_3')">Aux 2</div>
|
|
</div>
|
|
-->
|
|
<div class="led_button_div" id="aux3">
|
|
<div class="led_div"><img id="Aux_3_off_status" src="" style="visibility:visible"></div>
|
|
<div class="led_div"><img id="Aux_3_on_status" src="" style="visibility:hidden"></div>
|
|
<div class="led_div"><img id="Aux_3_en_status" src="" style="visibility:hidden"></div>
|
|
<div id="Aux_3" class="button black button_div" type="button" onclick="queue_command('Aux_3')">Aux 3</div>
|
|
</div>
|
|
<div class="led_button_div" id="pool_htr">
|
|
<div class="led_div"><img id="Spa_Heater_on_status" src="" style="visibility:hidden"></div>
|
|
<div class="led_div"><img id="Spa_Heater_off_status" src="" style="visibility:visible"></div>
|
|
<div class="led_div"><img id="Spa_Heater_en_status" src="" style="visibility:hidden"></div>
|
|
<div id="Spa_Heater" class="button black button_div" type="button" onclick="queue_command('Spa_Heater')">Heater</div>
|
|
</div>
|
|
</div>
|
|
<div id="spa_htr_set_pnt" class="set_pnt_val_div">000 F</div>
|
|
<div class="set_pnt_button_div">
|
|
<div class='button medium black set_pnt_button' type="button" onclick="incr_spa_htr('+')">+</div>
|
|
<div class='button medium black set_pnt_button' type="button" onclick="incr_spa_htr('-')">-</div>
|
|
</div>
|
|
<div class="set_button_div"><div class='button black' type="button" onclick="set_temperature('SPA_HTR')">Set</div></div>
|
|
</div>
|
|
|
|
<div id="solar_htr_div" class="body_sub_div">
|
|
<!--
|
|
<div class="solar_led_div"><img id="Solar_Heater_off_status" src="" style="visibility:visible"></div>
|
|
<div class="solar_led_div"><img id="Solar_Heater_on_status" src="" style="visibility:hidden"></div>
|
|
<div class="solar_led_div"><img id="Solar_Heater_en_status" src="" style="visibility:hidden"></div>
|
|
<div id="Solar_Heater" onclick="queue_command('Solar_Heater')" class="button black" type="button">Solar Heater</div>
|
|
-->
|
|
<div class="select_pl_div">
|
|
<select id="Light_Mode" class="select_pl_dd button black" onchange="set_light_mode(this.options[this.selectedIndex].value)">
|
|
<option value="0">Pool Light Program</option>
|
|
<option value="1">Voodoo Lounge - Show</option>
|
|
<option value="2">Blue Sea</option>
|
|
<option value="3">Royal Blue</option>
|
|
<option value="4">Afternoon Skies</option>
|
|
<option value="5">Aqua Green</option>
|
|
<option value="6">Emerald</option>
|
|
<option value="7">Cloud White</option>
|
|
<option value="8">Warm Red</option>
|
|
<option value="9">Flamingo</option>
|
|
<option value="10">Vivid Violet</option>
|
|
<option value="11">Sangria</option>
|
|
<option value="12">Twilight - Show</option>
|
|
<option value="13">Tranquility - Show</option>
|
|
<option value="14">Gemstone - Show</option>
|
|
<option value="15">USA - Show</option>
|
|
<option value="16">Mardi Gras - Show</option>
|
|
<option value="17">Cool Cabaret - Show</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="frz_protect_div" class="body_sub_div">
|
|
<div id="frz_protect_title_div">Freeze Protection:</div>
|
|
<div id="frz_protect_set_pnt">000 F</div>
|
|
<div id="fp_set_pnt_button_div">
|
|
<div class='button medium black set_pnt_button' type="button" onclick="incr_frz_protect('+')">+</div>
|
|
<div class='button medium black set_pnt_button' type="button" onclick="incr_frz_protect('-')">-</div>
|
|
</div>
|
|
<div id="fp_set_button_div"><div class='button black' type="button" onclick="set_temperature('FRZ_PROTECT')">Set</div></div>
|
|
</div>
|
|
<div id="leds_div" class="body_sub_div">
|
|
<div id="accessory_title" class="temp_title_div">Accessories:</div>
|
|
<div class="control_button_div">
|
|
<div class="led_button_div" id="aux1">
|
|
<div class="led_div"><img id="Aux_1_off_status" src="" style="visibility:visible"></div>
|
|
<div class="led_div"><img id="Aux_1_on_status" src="" style="visibility:hidden"></div>
|
|
<div class="led_div"><img id="Aux_1_en_status" src="" style="visibility:hidden"></div>
|
|
<div id="Aux_1" class="button black button_div" type="button" onclick="queue_command('Aux_1')">Aux 1</div>
|
|
</div>
|
|
<div class="led_button_div" id="aux2">
|
|
<div class="led_div"><img id="Aux_2_off_status" src="" style="visibility:visible"></div>
|
|
<div class="led_div"><img id="Aux_2_on_status" src="" style="visibility:hidden"></div>
|
|
<div class="led_div"><img id="Aux_2_en_status" src="" style="visibility:hidden"></div>
|
|
<div id="Aux_2" class="button black button_div" type="button" onclick="queue_command('Aux_2')">Aux 2</div>
|
|
</div>
|
|
<div class="led_button_div" id="aux4">
|
|
<div class="led_div"><img id="Aux_4_off_status" src="" style="visibility:visible"></div>
|
|
<div class="led_div"><img id="Aux_4_on_status" src="" style="visibility:hidden"></div>
|
|
<div class="led_div"><img id="Aux_4_en_status" src="" style="visibility:hidden"></div>
|
|
<div id="Aux_4" class="button black button_div" type="button" onclick="queue_command('Aux_4')">Aux 4</div>
|
|
</div>
|
|
<div class="led_button_div" id="aux5">
|
|
<div class="led_div"><img id="Aux_5_off_status" src="" style="visibility:visible"></div>
|
|
<div class="led_div"><img id="Aux_5_on_status" src="" style="visibility:hidden"></div>
|
|
<div class="led_div"><img id="Aux_5_en_status" src="" style="visibility:hidden"></div>
|
|
<div id="Aux_5" class="button black button_div" type="button" onclick="queue_command('Aux_5')">Aux 5</div>
|
|
</div>
|
|
<!--
|
|
<div class="led_button_div" id="aux6">
|
|
<div class="led_div"><img id="Aux_6_off_status" src="" style="visibility:visible"></div>
|
|
<div class="led_div"><img id="Aux_6_on_status" src="" style="visibility:hidden"></div>
|
|
<div id="aux6_button" class="button black button_div" type="button" onclick="queue_command('KEY_AUX6')">Aux 6</div>
|
|
</div>
|
|
<div class="led_button_div" id="aux7">
|
|
<div class="led_div"><img id="Aux_7_off_status" src="" style="visibility:visible"></div>
|
|
<div class="led_div"><img id="Aux_7_on_status" src="" style="visibility:hidden"></div>
|
|
<div id="aux7_button" class="button black button_div" type="button" onclick="queue_command('KEY_AUX7')">Aux 7</div>
|
|
</div>
|
|
-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="footer_div" class="bgimg">
|
|
</div><!-- /footer -->
|
|
|
|
</div><!-- /page -->
|
|
|
|
<script src="js/aqualink.js"></script>
|
|
|
|
</body>
|
|
</html>
|