{% extends '_modbus2mbus_layout.html' %}


{% block content %}


<section>
	<div style="margin-left: 20px;">
		<h1 class="header">Modbus2MBus Configuration</h1>
		<h5>Version {{m2mversion}}</h5>
		{% if modbusLicense|length > 3: %}
		<h4 class="success">You have Modbus2MBus license: {{modbusLicense}}</h4>
		{% else: %}
		<h4 class="fail">You have no Modbus2MBus license</h4>
		{% endif %}
		<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="/modbus2mbus_setconf" method="post" enctype="multipart/form-data">
			<div class="subheader">
				&darr;&nbsp;Meter Configuration
			</div>
			<table id="Table" style="font-weight: bold">
				<tr>
					<td style="width: 250px;">
						Configuration file
					</td>
					<td style="width: 220px;">
						<select name="filename" id="xmlselect">
							<option value="">No File</option>
							{% for xmlf in xmlfArray: %}
							<option value="{{xmlf}}" {% if filename==xmlf: %} selected="selected" {% endif %}>{{xmlf}}
							</option>
							{% endfor %}
						</select>
					</td>
					<td alight="right">
						<input id="Button2" type="button" onclick="showXmlFile();" value="Show Configuration" />
					</td>
				</tr>
				<tr>
					<td>
						Enable leds
					</td>
					<td>
						<select name="enable_leds" id="enable_leds">
							{% for yn in yesno: %}
							<option value="{{yn}}" {% if enable_leds==yn: %} selected="selected" {% endif %}>{{yn}}
							</option>
							{% endfor %}
						</select>
					</td>
					<td>
					</td>
				</tr>
				<tr>
					<td style="width: 250px;">Number of Ports</td>
					<td>
						<input name="number_of_modbusports" id="number_of_modbusports" type="text"
							value="{{number_of_modbusports}}" />&nbsp;
					</td>
				</tr>
			</table><br />


			<div class="subheader">
				&darr;&nbsp;M-Bus port configuration (Slave)
			</div>


			<table id="slaveTable" style="font-weight: bold">
				<tr>
					<td style="width: 250px;">Type</td>
					<td style="width: 250px;">
						<select id="StypeMenu" name="Sporttype" onchange="typeChanged(this.form.protocol);">
							{% for ptype in sPortDict.keys(): %}
							<option value={{ptype}} {% if Sporttype==ptype: %} selected="selected" {% endif %}>
								{{typeDict[ptype]}}</option>
							{% endfor %}
						</select>
					</td>
				</tr>
			</table>
			<div id="Sudptcpdiv">
				<table style="font-weight: bold">
					<tr>
						<td style="width: 250px;">Local Port</td>
						<td>
							<input name="Slocalport" id="Slocalport" type="text" value="{{Slocalport}}" />
						</td>
						<td>Default 20001</td>
					</tr>
				</table>
			</div>
			<div id="Sserdiv">
				<table id="Table1" style="font-weight: bold;">
					<tr>
						<td style="width: 250px;">Com port</td>
						<td>
							<select id="Ssercomport" name="Ssercomport" onchange="typeChanged(this.form.protocol);">
								{% for sercom in sPortDict['SER'].keys(): %}
								<option value={{sercom}} {% if Ssercomport==sercom: %} selected="selected" {% endif %}>
									{{portDict[sercom]}}</option>
								{% endfor %}
							</select>&nbsp;
						</td>
					</tr>
					<tr>
						<td>Baud rate</td>
						<td>
							<select id="Sserbaudrate" name="Sserbaudrate">
								{% for brate in baudRateList: %}
								<option value="{{brate}}" {% if Sserbaudrate==brate: %} selected="selected" {% endif %}>
									{{brate}}</option>
								{% endfor %}
							</select>
							<img class="helper" align="bottom" id="baudhlpserimg" alt="" src="/img/help.png"
								onclick="helpInfo($('#baudhlpser'), $('#baudhlpserimg'));" />
							<div id="baudhlpser" class="helpDiv" style="display: none;">
								Baud rate 600, 1200 and 4800 are not allowed for M-Bus
							</div>
						</td>
					</tr>
					<tr>
						<td>Bit Number</td>
						<td>
							<select id="Sserbits" name="Sserbits">
								{% for bits in bitList: %}
								<option value="{{bits}}" {% if Sserbits==bits: %} selected="selected" {% endif %}>
									{{bits}}</option>
								{% endfor %}
							</select>
						</td>
					</tr>
					<tr>
						<td>Parity</td>
						<td>
							<select id="serparity" name="serparity">
								{% for parity in parityList: %}
								<option value="{{parity[0]}}" {% if Sserparity==parity[0]: %} selected="selected" {%
									endif %}>{{parity[1]}}</option>
								{% endfor %}
							</select>
						</td>
					</tr>
					<tr>
						<td>Stop Bit</td>
						<td>
							<select id="Sserstopbit" name="Sserstopbit">
								{% for stopbit in stopBitList: %}
								<option value="{{stopbit}}" {% if Sserstopbit==stopbit: %} selected="selected" {% endif
									%}>{{stopbit}}</option>
								{% endfor %}
							</select>
						</td>
					</tr>
				</table>
			</div>
			<table style="font-weight: bold;">
				<tr>
					<td style="width: 250px;">M-Bus Timeout [ms]</td>
					<td>
						<input name="Stimeout" id="Stimeout" type="text" value="{{Stimeout}}" />&nbsp;
						<img class="helper" alt="" src="/img/help.png" id="locipimg"
							onclick="helpInfo($('#liphelp'), $('#locipimg'));" />
						<div id="liphelp" class="helpDiv" style="display: none;">Port timeout in ms
						</div>
					</td>
				</tr>
			</table><br />

			<div class="subheader">
				&darr;&nbsp;Modbus TCP/RTU Port Configuration (Master)
			</div>


			<table id="masterTable" style="font-weight: bold">
				<tr>
					<td style="width: 250px;">Type</td>
					<td style="width: 250px;">
						<select id="MtypeMenu" name="M0porttype" onkeydown="typeChanged();" 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="{{MTremoteip[0]}}" />
							<input name="M0remoteport" id="M0remoteport" type="text"
								value="{{MTremoteport[0]}}" />&nbsp;
						</td>
					</tr>
				</table>
			</div>
			<div id="Mserdiv">
				<table id="Table1" style="font-weight: bold;">
					<tr>
						<td style="width: 250px;">Com port</td>
						<td style="width: 250px;">
							<select id="M0sercomport" name="M0sercomport" onchange="typeChanged();">
								{% for sercom in mPortDict['SER'].keys(): %}
								<option value={{sercom}} {% if M0sercomport==sercom: %} selected="selected" {% endif %}>
									{{portDict[sercom]}}</option>
								{% endfor %}
							</select>&nbsp;
						</td>
					</tr>
					<tr>
						<td>Baud rate</td>
						<td>
							<select id="M0serbaudrate" name="M0serbaudrate">
								{% for brate in baudRateList: %}
								<option value="{{brate}}" {% if M0serbaudrate==brate: %} selected="selected" {% endif
									%}>{{brate}}</option>
								{% endfor %}
							</select>
							<!--<img class="helper" align="bottom" id="baudhlpserimg" alt="" src="/img/help.png" onclick="helpInfo($('#baudhlpser'), $('#baudhlpserimg'));" />
					<div id="Mbaudhlpser" class="helpDiv" style="display: none;">Baud rate 600, 1200 and 4800 are not allowed for M-Bus-->
			</div>
			</td>
			</tr>
			<tr>
				<td>Bit Number</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>
			</tr>
			<tr>
				<td>Parity</td>
				<td>
					Set in xml file
				</td>
			</tr>
			<tr>
				<td>Stop Bit</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>
	<table style="font-weight: bold">
		<tr>
			<td style="width: 250px;">Modbus Timeout [ms]</td>
			<td>
				<input name="M0timeout" id="M0timeout" type="text" value="{{MTtimeout[0]}}" />&nbsp;
				<img class="helper" alt="" src="/img/help.png" id="locipimg"
					onclick="helpInfo($('#liphelp'), $('#locipimg'));" />
				<div id="liphelp" class="helpDiv" style="display: none;">Port timeout in ms
				</div>
			</td>
		</tr>
	</table><br />
	<div class="subheader">
		&darr;&nbsp;Modbus TCP Port Configuration (Master)
	</div>
	<p>If an error occurs, check the Startup Log to check if the TCP connections succeeded.</p>
	<br />
	{% for n in range(1,number_of_modbusports): %}
	<div class="subheader">
		&darr;&nbsp;TCP Port{{"%d"%n}}
	</div>
	<table style="font-weight: bold">
		<tr>
			<td style="width: 250px;">Remote Ip Address and Port</td>
			<td>
				<input name="{{"M%dremoteip"%n}}" id="{{"M%dremoteip"%n}}" type="text" value="{{MTremoteip[n]}}" />
				<input name="{{"M%dremoteport"%n}}" id="{{"M%dremoteport"%n}}" type="text"
					value="{{MTremoteport[n]}}" />
			</td>
		</tr>
		<tr>
			<td style="width: 250px;">Timeout</td>
			<td>
				<input name="{{"M%dtimeout"%n}}" id="{{"M%dtimeout"%n}}" type="text" value="{{MTtimeout[n]}}" />
			</td>
		</tr>
	</table>
	{% endfor %}
	<INPUT type="submit" value="Save Settings" name="Submit">
	</div>
	</form>
	</div>
</section>
{% endblock content %}


{% block scripts %}
	
	
<script type="text/javascript">
	function initSettings() {
		{% if Sporttype != 'SER': %}
		$('#Sserdiv').hide();
		$('#Sudptcpdiv').show();
		{% else: %}
		$('#Sserdiv').show();
		$('#Sudptcpdiv').hide();
		{% endif %}
		{% if M0porttype != 'SER': %}
		$('#Mserdiv').hide();
		$('#Mudptcpdiv').show();
		{% else: %}
		$('#Mserdiv').show();
		$('#Mudptcpdiv').hide();
		{% endif %}
	}

	function typeChanged(myform) {
		if ($('#StypeMenu').val() == 'SER') {
			$('#Sserdiv').show();
			$('#Sudptcpdiv').hide();
		}
		else {
			$('#Sserdiv').hide();
			$('#Sudptcpdiv').show();
		}
		if ($('#MtypeMenu').val() == 'SER') {
			$('#Mserdiv').show();
			$('#Mudptcpdiv').hide();
		}
		else {
			$('#Mserdiv').hide();
			$('#Mudptcpdiv').show();
		}
		myform.selectedIndex = 0;
	}
	function showXmlFile() {
		var sel = $('#xmlselect');
		if (sel) {
			var val = sel.val();
			if (val != '')
				window.open("/modbus2mbus_showxmlfile?FILE=" + val);
		}
	}

	//On load, set all parameters
	initSettings();
</script>

{% endblock scripts %}