{% extends '_han2mbus_layout.html' %}

{% block content %}


<section>
	<div style="margin-left: 20px;">
		<h1 class="header">Han2MBus Configuration</h1>
		<h5>Version {{hanversion}}</h5>
		{% if hanLicense: %}
		<h4 class="success">License ok</h4>
		{% else %}
		<h4 class="fail">You have no Han2MBus license.</h4>
		{% endif %}
		<div id="configurationTabs">
			<ul>
				<li>
					<a href="/han2mbus_config">Configure</a>
				</li>
				<li>
					<a href="/han2mbus_log">Log</a>
				</li>
				<li>
					<a href="/han2mbus_results">Results</a>
				</li>
				<li>
					<a href="/han2mbus_manual">Documentation</a>
				</li>
			</ul>
		</div>

		<form name="Setup" action="/han2mbus_setconf" method="post" enctype="multipart/form-data">

			<div class="subheader">
				&darr;&nbsp;HanModule1 port configuration
			</div>
			<div id="Sserdiv">
				<table id="Table1" style="font-weight: bold;">
					<tr>
						<td>Meter Type</td>
						<td>
							<select id="H1metertype" name="H1metertype">
								{% for metertype in meterTypeList: %}
								<option value="{{metertype}}" {% if H1metertype==metertype: %} selected="selected" {%
									endif %}>{{metertype}}</option>
								{% endfor %}
							</select>
						</td>
					</tr>
					<tr>
						<td>Enable</td>
						<td>
							<select id="H1enable" name="H1enable">
								{% for enable in yesno: %}
								<option value="{{enable}}" {% if H1enable==enable: %} selected="selected" {% endif %}>
									{{enable}}</option>
								{% endfor %}
							</select>
						</td>
					</tr>
					<tr>
						<td style="width: 250px;">Com port</td>
						<td>MBSLAVE1</td>
					</tr>
					<tr>
						<td>Baud rate</td>
						<td>
							<select id="H1serbaudrate" name="H1serbaudrate">
								{% for brate in baudRateList: %}
								<option value="{{brate}}" {% if H1serbaudrate==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="H1serbits" name="H1serbits">
								{% for bits in bitList: %}
								<option value="{{bits}}" {% if H1serbits==bits: %} selected="selected" {% endif %}>
									{{bits}}</option>
								{% endfor %}
							</select>
						</td>
					</tr>
					<tr>
						<td>Parity</td>
						<td>
							<select id="H1serparity" name="H1serparity">
								{% for parity in parityList: %}
								<option value="{{parity[0]}}" {% if H1serparity==parity[0]: %} selected="selected" {%
									endif %}>{{parity[1]}}</option>
								{% endfor %}
							</select>
						</td>
					</tr>
					<tr>
						<td>Stop Bit</td>
						<td>
							<select id="H1serstopbit" name="H1serstopbit">
								{% for stopbit in stopBitList: %}
								<option value="{{stopbit}}" {% if H1serstopbit==stopbit: %} selected="selected" {% endif
									%}>{{stopbit}}</option>
								{% endfor %}
							</select>
						</td>
					</tr>
					<tr>
						<td>M-Bus Primary Address</td>
						<td>
							<input type="text" name="H1mbusprimaddr" value="{{H1mbusprimaddr}}"
								style="width: 270px; margin-bottom: 0;" />
						</td>
					</tr>
					<tr>
						<td>M-Bus ID</td>
						<td>
							<input type="text" name="H1mbusid" value="{{H1mbusid}}"
								style="width: 270px; margin-bottom: 0;" />
						</td>
					</tr>
				</table>
			</div>

			<div class="subheader">
				&darr;&nbsp;HanModule2 port configuration
			</div>
			<div id="Sserdiv">
				<table id="Table1" style="font-weight: bold;">
					<tr>
						<td>Meter Type</td>
						<td>
							<select id="H2metertype" name="H2metertype">
								{% for metertype in meterTypeList: %}
								<option value="{{metertype}}" {% if H2metertype==metertype: %} selected="selected" {%
									endif %}>{{metertype}}</option>
								{% endfor %}
							</select>
						</td>
					</tr>
					<tr>
						<td>Enable</td>
						<td>
							<select id="H2enable" name="H2enable">
								{% for enable in yesno: %}
								<option value="{{enable}}" {% if H2enable==enable: %} selected="selected" {% endif %}>
									{{enable}}</option>
								{% endfor %}
							</select>
						</td>
					</tr>
					<tr>
						<td style="width: 250px;">Com port</td>
						<td>MBSLAVE2</td>
					</tr>
					<tr>
						<td>Baud rate</td>
						<td>
							<select id="H2serbaudrate" name="H2serbaudrate">
								{% for brate in baudRateList: %}
								<option value="{{brate}}" {% if H2serbaudrate==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="H2serbits" name="H2serbits">
								{% for bits in bitList: %}
								<option value="{{bits}}" {% if H2serbits==bits: %} selected="selected" {% endif %}>
									{{bits}}</option>
								{% endfor %}
							</select>
						</td>
					</tr>
					<tr>
						<td>Parity</td>
						<td>
							<select id="H2serparity" name="H2serparity">
								{% for parity in parityList: %}
								<option value="{{parity[0]}}" {% if H2serparity==parity[0]: %} selected="selected" {%
									endif %}>{{parity[1]}}</option>
								{% endfor %}
							</select>
						</td>
					</tr>
					<tr>
						<td>Stop Bit</td>
						<td>
							<select id="H2serstopbit" name="H2serstopbit">
								{% for stopbit in stopBitList: %}
								<option value="{{stopbit}}" {% if H2serstopbit==stopbit: %} selected="selected" {% endif
									%}>{{stopbit}}</option>
								{% endfor %}
							</select>
						</td>
					</tr>
					<tr>
						<td>M-Bus Primary Address</td>
						<td>
							<input type="text" name="H2mbusprimaddr" value="{{H2mbusprimaddr}}"
								style="width: 270px; margin-bottom: 0;" />
						</td>
					</tr>
					<tr>
						<td>M-Bus ID</td>
						<td>
							<input type="text" name="H2mbusid" value="{{H2mbusid}}"
								style="width: 270px; margin-bottom: 0;" />
						</td>
					</tr>

				</table>
			</div>
			<div class="subheader">

				&darr;&nbsp;M-Bus port configuration
			</div>
			<table id="masterTable" style="font-weight: bold">
				<tr>
					<td style="width: 250px;">Type</td>
					<td class="style22">
						<select id="typeMenu" name="MBporttype" onchange="typeChanged();">
							{% for ptype in sPortDict.keys(): %}
							<option value={{ptype}} {% if MBporttype==ptype: %} selected="selected" {% endif %}>
								{{typeDict[ptype]}}</option>
							{% endfor %}
						</select>
					</td>
				</tr>
			</table>
			<div id="udptcpdiv">
				<table style="font-weight: bold">
					<tr>
						<td style="width: 250px;">Local Port</td>
						<td>
							<input name="MBlocalport" id="MBlocalport" type="text" value="{{MBlocalport}}" />
						</td>
						<td>Default 20002</td>
					</tr>
				</table>
			</div>
			<div id="serdiv">
				<table id="Table1" style="font-weight: bold;">
					<tr>
						<td style="width: 250px;">Com port</td>
						<td>
							<select id="MBsercomport" name="MBsercomport"">
{% for sercom in sPortDict['SER'].keys(): %}
					<option value={{sercom}}
	{% if MBsercomport==sercom: %}
		selected=" selected" {% endif %}>{{portDict[sercom]}}</option>
								{% endfor %}
							</select>&nbsp;
						</td>
					</tr>
					<tr>
						<td>Baud rate</td>
						<td>
							<select id="MBserbaudrate" name="MBserbaudrate">
								{% for brate in baudRateList: %}
								<option value="{{brate}}" {% if MBserbaudrate==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="MBserbits" name="MBserbits">
								{% for bits in bitList: %}
								<option value="{{bits}}" {% if MBserbits==bits: %} selected="selected" {% endif %}>
									{{bits}}</option>
								{% endfor %}
							</select>
						</td>
					</tr>
					<tr>
						<td>Parity</td>
						<td>
							<select id="MBserparity" name="MBserparity">
								{% for parity in parityList: %}
								<option value="{{parity[0]}}" {% if MBserparity==parity[0]: %} selected="selected" {%
									endif %}>{{parity[1]}}</option>
								{% endfor %}
							</select>
						</td>
					</tr>
					<tr>
						<td>Stop Bit</td>
						<td>
							<select id="MBserstopbit" name="MBserstopbit">
								{% for stopbit in stopBitList: %}
								<option value="{{stopbit}}" {% if MBserstopbit==stopbit: %} selected="selected" {% endif
									%}>{{stopbit}}</option>
								{% endfor %}
							</select>
						</td>
					</tr>

				</table>
			</div>
			<INPUT type="submit" value="Save Settings" name="Submit">
		</form>
		</br>
		</br>
		<div class="subheader">
			&darr;&nbsp;General
		</div>
		</br>
		<table style="font-weight: bold">
			<tr id="conftrser">
				<td style="width:250px;">Add meters to meterlist</td>
				<td style="width:250px;">
					<input type="button" onclick="addMeters();" value="Add Meters" />
				</td>
			</tr>
		</table>
	</div>
	</br>
	</br>
	</br>
	</br>
	</div>
</section>
{% endblock content %}


{% block scripts %}


<script type="text/javascript">
	function initSettings() {
		{% if MBporttype != 'SER': %}
		$('#serdiv').hide();
		$('#udptcpdiv').show();
		{% else: %}
		$('#serdiv').show();
		$('#udptcpdiv').hide();
		{% endif %}
	}

	function addMeters() {
		window.location.pathname = "/han2mbus_addmeters";
	}

	function typeChanged(myform) {
		if ($('#typeMenu').val() == 'SER') {
			$('#serdiv').show();
			$('#udptcpdiv').hide();
		}
		else {
			$('#serdiv').hide();
			$('#udptcpdiv').show();
		}
	}
	//On load, set all parameters
	initSettings();
</script>

{% endblock scripts %}