App version: <!doctype html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>R-Control</title>
<link rel="stylesheet" href="style.css" />
<script src="index.js" charset="utf-8" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png" />
<link rel="manifest" href="manifest.json" />
<script type="text/javascript"></script>
<!-- Matomo -->
<script>
var _paq = (window._paq = window._paq || []);
_paq.push(["enableJSErrorTracking"]);
_paq.push(["trackPageView"]);
_paq.push(["enableLinkTracking"]);
(function () {
var u = "//matomo.hawcreektech.com/";
_paq.push(["setTrackerUrl", u + "matomo.php"]);
_paq.push(["setSiteId", "4"]);
var d = document,
g = d.createElement("script"),
s = d.getElementsByTagName("script")[0];
g.async = true;
g.src = u + "matomo.js";
s.parentNode.insertBefore(g, s);
})();
</script>
</head>
<body>
<div class="container">
<div class="header">
<div id="menu_btn" class="menu_icon">
<i class="hamburger_icon" id="ham_icon1"></i>
<i class="hamburger_icon" id="ham_icon2"></i>
<i class="hamburger_icon" id="ham_icon3"></i>
</div>
<h2 id="site_name">Range Door Control</h2>
</div>
<div class="menu_elem" id="menu_elem">
<div class="menu_line">
<button type="button" class="nav_btn" name="menu_btn_status" id="menu_btn_status">Status</button>
</div>
<div class="menu_line">
<button type="button" class="nav_btn" name="menu_btn_settings" id="menu_btn_settings">Settings</button>
</div>
<div class="menu_line">
<button type="button" class="nav_btn" name="menu_btn_reset_pass" id="menu_btn_reset_pass">Reset Pass</button>
</div>
<div id="menu_btn_show_sites" class="menu_line hidden">
<button type="button" class="nav_btn" name="menu_btn_show_sites" id="menu_btn_show_sites">Sites</button>
</div>
<div class="menu_line">
<button type="button" class="nav_btn" name="menu_btn_logout" id="menu_btn_logout">Logout</button>
</div>
<div class="menu_line">
<p id="version_info"></p>
</div>
<div class="menu_line tobottom">
<p id="made_by">Made By    </p>
<img id="barntech_logo" src="https://barntech.net/images/barntech_logov3-plain.svg" alt="" />
</div>
</div>
<div id="view_container">
<div class="view_wrpr hidden">
<div class="form_wrpr" id="forms_box">
<form class="hidden" name="login_form">
<h3>Login</h3>
<div class="input_wrpr w200">
<label class="label_left" for="login_email">Email</label>
<input type="text" id="login_email" name="login_email" value="" autocomplete="username" />
</div>
<div class="input_wrpr w200">
<label class="label_left" for="login_pass">Password</label>
<input type="password" id="login_pass" name="login_pass" value="" autocomplete="current-password" />
</div>
<div class="input_wrpr">
<input type="checkbox" name="login_remember_me" id="login_remember_me" value="" />
<label for="login_remember_me">Remember Me</label>
</div>
<div class="input_wrpr center">
<button type="submit" id="login_btn" name="login_btn">Login</button>
</div>
</form>
<form class="hidden" name="new_pass_form">
<h3>Enter a new password</h3>
<div class="input_wrpr w200">
<label class="label_left" for="new_pass_input1">New password</label>
<input type="text" id="new_pass_input1" name="new_pass_input1" value="" autocomplete="new-password" />
</div>
<div class="input_wrpr w200">
<label class="label_left" for="new_pass_input2">Repeat password</label>
<input type="text" id="new_pass_input2" name="new_pass_input2" value="" />
</div>
<div class="input_wrpr center">
<button type="submit" id="new_pass_btn" name="new_pass_btn">Save</button>
</div>
</form>
<form class="hidden" name="reset_pass_form">
<h3>Reset Your Password</h3>
<div class="input_wrpr w200">
<label class="label_left" for="reset_pass_email">Email</label>
<input type="text" id="reset_pass_email" name="reset_pass_email" value="" autocomplete="email" />
</div>
<div class="input_wrpr center">
<button type="submit" id="reset_pass_btn" name="reset_pass_btn">Reset</button>
</div>
</form>
</div>
</div>
<div class="view_wrpr hidden">
<h3>Sites</h3>
<div class="" id="options_box"></div>
</div>
<div class="view_wrpr hidden">
<div class="" id="status_box">
<div class="site_nav">
<button id="prev_node_btn" class="material_icons" type="button" name="button">arrow_back_ios</button>
<h2 id="node_name">Barn 1</h2>
<button id="next_node_btn" class="material_icons" type="button" name="button">arrow_forward_ios</button>
</div>
<div class="col1 pad d-group">
<h2 class="stime_el">
<b><span id="server_time_elem">11:56</span></b>
</h2>
<div class="status_div">
<div>
<p>Feels Like <span id="temp_elem">24</span> ℉</p>
<p>State : <span id="open_state">reset</span></p>
</div>
<div>
<p>Open Time : <span id="open_time">08:00</span></p>
<p>Close Time : <span id="close_time">23:00</span></p>
</div>
</div>
<div class="">
<p>Auto</p>
<label class="toggle_sw">
<input id="auto_btn" type="checkbox" class="dbtn" data-auto="auto" />
<span class="slider round"></span>
</label>
</div>
</div>
<div class="col1 pad d-group">
<div class="col2">
<p id="bh93er">Main</p>
<label class="toggle_sw">
<input id="door1_btn" type="checkbox" class="dbtn" data-door="door1" />
<span class="slider round"></span>
</label>
</div>
<div class="col2">
<p id="ni34sdh""">Aux</p>
<label class="toggle_sw">
<input id="door2_btn" type="checkbox" class="dbtn" data-door="door2" />
<span class="slider round"></span>
</label>
</div>
</div>
<div class="last_time">
<p>Last poll: <span id="last_time">8:02:52 AM</span></p>
</div>
</div>
</div>
<div class="view_wrpr hidden">
<div class="" id="settings_box">
<div class="site_nav">
<button id="prev_node_set_btn" class="material_icons" type="button" name="button">arrow_back_ios</button>
<h2 id="set_node_name">Barn 1</h2>
<button id="next_node_set_btn" class="material_icons" type="button" name="button">arrow_forward_ios</button>
</div>
<div class="wrpr">
<form name="settings_form" class="d-group" action="" method="post">
<h3>Settings</h3>
<div class="">
<fieldset class="wid300">
<legend>Open Doors</legend>
<div class="row">
<input id="par_chbx_snr" class="chbxtab" type="radio" name="par_chbx_op_tm" value="sun" checked />
<label class="chbxtablabel" for="par_chbx_snr">Sunrise</label>
<input id="par_chbx_op_tm" class="chbxtab" type="radio" name="par_chbx_op_tm" value="time" />
<label class="chbxtablabel" for="par_chbx_op_tm">Time</label>
<div id="par_open_tm_div">
<input id="par_open_tm" type="time" name="par_open_tm" value="" />
</div>
<div id="par_open_sn_div"><input id="par_open_sn" type="number" name="par_open_sn" value="0" /><span>min.</span></div>
</div>
</fieldset>
<fieldset class="wid300">
<legend>Close Doors</legend>
<div class="row">
<input id="par_chbx_snst" class="chbxtab" type="radio" name="par_chbx_cl_tm" value="sun" checked />
<label class="chbxtablabel" for="par_chbx_snst">Sunset</label>
<input id="par_chbx_cl_tm" class="chbxtab" type="radio" name="par_chbx_cl_tm" value="time" />
<label class="chbxtablabel" for="par_chbx_cl_tm">Time</label>
<div id="par_close_tm_div">
<input id="par_close_tm" type="time" name="par_close_tm" value="" />
</div>
<div id="par_close_sn_div"><input id="par_close_sn" type="number" name="par_close_sn" value="0" /><span>min.</span></div>
</div>
</fieldset>
<div class=""></div>
<div class="wid300">
<div class="row input_row">
<label for="par_min_temp">Min. Temp</label>
<input id="par_min_temp" type="number" name="par_min_temp" value="" /><span>℉</span>
</div>
<div class="row input_row">
<label for="par_main_temp">Main Temp</label>
<input id="par_main_temp" type="number" name="par_main_temp" value="" /><span>℉</span>
</div>
<div class="row input_row">
<label for="par_max_pressure">Pressure</label>
<input id="par_max_pressure" type="number" name="par_max_pressure" value="" /><span>%</span>
</div>
<div class="row input_row">
<label for="par_small_pressure">Pressure 2</label>
<input id="par_small_pressure" type="number" name="par_small_pressure" value="" /><span>%</span>
</div>
</div>
<div class="wid300">
<div class="row input_row">
<label for="par_rain_offset">Rain Offset</label>
<input id="par_rain_offset" type="number" name="par_rain_offset" value="" />
</div>
<div class="row input_row">
<label for="par_tun_offset">Tun Offset</label>
<input id="par_tun_offset" type="number" name="par_tun_offset" value="" />
</div>
<div class="row input_row">
<label for="par_pre_close">Pre Close</label>
<input id="par_pre_close" type="number" name="par_pre_close" value="" /><span>min.</span>
</div>
<div class="row input_row">
<label for="par_close_offset">Pre Close Offset</label>
<input id="par_close_offset" type="number" name="par_close_offset" value="" />
</div>
</div>
<div></div>
<div class="wid300">
<div class="row input_row">
<label for="par_tun_doors">Tunnel Mode</label>
<select name="par_tun_doors" id="par_tun_doors">
<option value="door1">Door 1</option>
<option value="door2">Door 2</option>
<option value="all">All</option>
</select>
</div>
</div>
</div>
</form>
<div class="row">
<button type="button" name="modal_btn" id="settings_save_btn">Save Changes</button>
</div>
</div>
</div>
</div>
<div class="footer">
<img class="r_img" src="img/rcontrol_icon.png" alt="" />
<p id="info_msg_elem" class="info_msg_bottom"></p>
</div>
<div id="loader_container" class="hidden">
<div class="wrpr">
<p class="loader_text">
Loading <br />
<span>.</span><span>.</span><span>.</span>
</p>
</div>
</div>
</div>
</div>
</body>
</html>
Made By
Feels Like 24 ℉
State : reset
Open Time : 08:00
Close Time : 23:00
Auto
Main
Aux
Last poll: 8:02:52 AM
Loading
...