{% extends '_modbus2mbus_layout.html' %}

{% block content %}


<section>
	<div style="margin-left: 20px;">
		<h1 class="header">Modbus Reader</h1>

		<div id="configurationTabs">
			<ul>
				<li>
					<a href="/modbus2mbus_config">Configure</a>
				</li>
				<li>
					<a href="/modbus2mbus_log">Log</a>
				</li>
				<li>
					<a href="/modbus_reader">Modbus Reader</a>
				</li>
				<li>
					<a href="/modbus2mbus_manual">Documentation</a>
				</li>
			</ul>
		</div>

		<form name="Setup" action="/read_modbus" method="post" enctype="multipart/form-data">
			<div class="subheader">
				&darr;&nbsp;Modbus Port configuration
			</div>

			<table id="masterTable" style="font-weight: bold">
				<tr>
					<td style="width: 250px;">Port Type</td>
					<td style="width: 250px;">
						<select id="MtypeMenu" name="M0porttype" onchange="typeChanged();">
							{% for ptype in mPortDict.keys(): %}
							<option value={{ptype}} {% if M0porttype==ptype: %} selected="selected" {% endif %}>
								{{typeDict[ptype]}}</option>
							{% endfor %}
						</select>
					</td>
				</tr>
			</table>
			<div id="Mudptcpdiv">
				<table style="font-weight: bold">
					<tr>
						<td style="width: 250px;">Remote Ip Address and Port</td>
						<td>
							<input name="M0remoteip" id="M0remoteip" type="text" value="{{M0remoteip}}" />
							<input name="M0remoteport" id="M0remoteport" type="text" value="{{M0remoteport}}" />&nbsp;
						</td>
					</tr>
				</table>
			</div>


			<div id="Mserdiv">
				<table style="font-weight: bold">
					<tr>
						<td style="width: 150px;">Com port</td>
						<td style="width: 150px;">Baud rate</td>
						<td>Bit Number</td>
						<td>Parity</td>
						<td>Stop bit</td>
					</tr>

					<tr>
						<td>
							<select id="M0sercomport" name="M0sercomport">
								{% for sercom in mPortDict['SER'].keys(): %}
								<option value={{sercom}} {% if M0sercomport==sercom: %} selected="selected" {% endif %}>
									{{portDict[sercom]}}</option>
								{% endfor %}
							</select>&nbsp;
						</td>

						<td>
							<select id="M0serbaudrate" name="M0serbaudrate">
								{% for brate in baudRateList: %}
								<option value="{{brate}}" {% if M0serbaudrate==brate: %} selected="selected" {% endif
									%}>{{brate}}</option>
								{% endfor %}
							</select>
						</td>

						<td>
							<select id="M0serbits" name="M0serbits">
								{% for bits in bitList: %}
								<option value="{{bits}}" {% if M0serbits==bits: %} selected="selected" {% endif %}>
									{{bits}}</option>
								{% endfor %}
							</select>
						</td>

						<td>
							<select id="M0serparity" name="M0serparity">
								{% for parity in parityList: %}
								<option value="{{parity[0]}}" {% if M0serparity==parity[0]: %} selected="selected" {%
									endif %}>{{parity[1]}}</option>
								{% endfor %}
							</select>
						</td>
						<td>
							<select id="M0serstopbit" name="M0serstopbit">
								{% for stopbit in stopBitList: %}
								<option value="{{stopbit}}" {% if M0serstopbit==stopbit: %} selected="selected" {% endif
									%}>{{stopbit}}</option>
								{% endfor %}
							</select>
						</td>
					</tr>
				</table>
			</div>

			<div class="subheader">
				&darr;&nbsp;Modbus Registers
			</div>

			<table style="font-weight: bold;">
				<tr>
					<td style="width: 100px;">Address</td>
					<td style="width: 100px;">Register</td>
					<td style="width: 100px;">#Registers</td>
					<td style="width: 100px;">Function</td>
					<td style="width: 100px;">RTU/TCP</td>
				</tr>
				<tr>
					<td><input name="address" id="address" type="text" value="{{address}}" size=4 /></td>
					<td><input name="register" id="MBRegister" type="text" value="{{register}}" size=6 /></td>
					<td><input name="regnum" id="regnum" type="text" value="{{regnum}}" size=4 /></td>
					<td>
						<select name="function" id="function" value="{{function}}">
							<option value="3" {% if function=="3" : %} selected="selected" {% endif %}>3</option>
							<option value="4" {% if function=="4" : %} selected="selected" {% endif %}>4</option>
						</select>
					</td>
					<td>
						<select name="modbustype" id="modbustype">
							<option value="TCP" {% if modbustype=="TCP" : %} selected="selected" {% endif %}>TCP
							</option>
							<option value="RTU" {% if modbustype=="RTU" : %} selected="selected" {% endif %}>RTU
							</option>
						</select>
					</td>
				</tr>
			</table>

			<table style="font-weight: bold">
				<tr>
					<td>
						<input name="ReadRegister" id="R0readregister" type="submit" value="Read register"
							onClick="hideResults()" />&nbsp;

					</td>
				</tr>
			</table>
			<br>
			<div class="subheader">
				&darr;&nbsp;Results
			</div>
			<br>

			<table {{outputVisible}} id="output" border=1 style="font-weight: bold;border: 1px solid black;">
				<tr>
					<td style="width: 200px;">Format</td>
					<td style="width: 100px;">Float</td>
					<td style="width: 100px;">Integer</td>
					<td style="width: 100px;">Unsigned</td>
					<td style="width: 100px;">Hex</td>
				</tr>
				<tr>
					<td>Big endian&nbsp;&nbsp;&nbsp;&nbsp;(ABCD)</td>
					<td>{{BigEndFloat}}</td>
					<td>{{BigEndInt}}</td>
					<td>{{BigEndUInt}}</td>
					<td>{{BigEndHex}}</td>
				</tr>
				<tr>
					<td>Little endian (DCBA)</td>
					<td>{{LittleEndFloat}}</td>
					<td>{{LittleEndInt}}</td>
					<td>{{LittleEndUInt}}</td>
					<td>{{LittleEndHex}}</td>
				</tr>
				<tr>
				<tr>
					<td>Registerswap (CDAB)</td>
					<td>{{RegSwapFloat}}</td>
					<td>{{RegSwapInt}}</td>
					<td>{{RegSwapUInt}}</td>
					<td>{{RegSwapHex}}</td>
				</tr>
				<tr>
				<tr>
					<td>Byteswap&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(BADC)</td>
					<td>{{ByteSwapFloat}}</td>
					<td>{{ByteSwapInt}}</td>
					<td>{{ByteSwapUInt}}</td>
					<td>{{ByteSwapHex}}</td>
				</tr>
			</table>

			<table {{outputVisible}} id="output_string_hex" style="font-weight: bold">
				<tr>
					<td>Characters:</td>
					<td>{{characterString}}</td>
				</tr>
				<tr>
					<td>Request:</td>
					<td>{{requestString}}</td>
				</tr>
				<tr>
					<td>Response:</td>
					<td>{{responseString}}</td>
				</tr>
				<tr>
					<td>Time:</td>
					<td>{{timeString}}</td>
				</tr>
			</table>

			<table {{errorVisible}} id="output_string_error1" style="font-weight: bold">
				<tr>
					<td>Request:</td>
					<td>{{requestString}}</td>
				</tr>
				<tr>
					<td>Response:</td>
					<td>{{responseString}}</td>
				</tr>

				<tr>
					<td>Error:</td>
					<td>{{errorCode}}</td>
				</tr>
				<tr>
					<td>Time:</td>
					<td>{{timeString}}</td>
				</tr>
			</table>

		</form>
	</div>
</section>
{% endblock content %}


{% block scripts %}
	
	
<script type="text/javascript">

	function initSettings() {
		{% if M0porttype != 'SER': %}
		$('#Mserdiv').hide();
		$('#Mudptcpdiv').show();
		{% else: %}
		$('#Mserdiv').show();
		$('#Mudptcpdiv').hide();
		{% endif %}
	}

	function typeChanged()//myform)
	{
		if ($('#MtypeMenu').val() == 'SER') {
			$('#Mserdiv').show();
			$('#Mudptcpdiv').hide();
		}
		else {
			$('#Mserdiv').hide();
			$('#Mudptcpdiv').show();
		}

	}

	function hideResults() {

		$('#output').hide();
		$('#output_string_error1').hide();
		$('#output_string_hex').hide();

	}

	initSettings();
</script>
{% endblock scripts %}