{% extends '_wireless_layout.html' %}

{% block content %}


<section>
	<div style="margin-left: 20px;">
		<h1 class="header">Wireless Configuration</h1>
		<h5>Version: {{wlversion}}</h5>
		<h5>Fabrication Number: {{fabnum}}. Secondary Address: {{fabnum}}.4129.01.36</h5>
		{% if wirelessLicense|length > 3: %}
		<h4 class="success">You have Wireless license for {{tagLicense}} meters.</h4>
		{% else %}
		<h4 class="fail">You have no Wireless license.</h4>
		{% endif %}
		<div id="configurationTabs">
			<ul>
				<li>
					<a href="/wireless_config">Configure</a>
				</li>
				<li>
					<a href="/wireless_log">Log</a>
				</li>
				<li>
					<a href="/wireless_MeterList">Meter List</a>
				</li>
				<li>
					<a href="/wireless_manual">Documentation</a>
				</li>
			</ul>
		</div>

		<form name="Setup" action="/wireless_SetConf" method="post" enctype="multipart/form-data">
			<div class="subheader">
				&darr;&nbsp;Wireless Configuration
			</div>
			<table id="Table" style="font-weight: bold">
				<tr>
					<td style="width: 250px;">
						Internal Primary Address
					</td>
					<td>
						<input name="primaryaddress" id="primaryaddress" type="text" value="{{primaryaddress}}"
							size="7" />
					</td>
					<td>
					</td>
				</tr>
				<tr>
					<td>Wireless Mode</td>
					<td>
						<select id="wirelessmode" name="wirelessmode">
							{% for wmode in wirelessModeDict.keys(): %}
							<option value={{wmode}} {% if wirelessmode==wmode: %} selected="selected" {% endif %}>
								{{wirelessModeDict[wmode]}}</option>
							{% endfor %}
						</select>
					</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;" align="left">Set Exclude file:</td>
					<td>
						<select name="exclude_file" id="exclude_file">
							<option value="no_file">No File</option>
							{% for csvfile in csvfileArray: %}
							<option value={{csvfile}} {% if csvfile==exclude_file: %} selected="selected" {% endif %}>
								{{csvfile}}</option>
							{% endfor %}
						</select>
					</td>
					<td>
					</td>
				</tr>
				<tr>
					<td>
						Telegram Preserve Time
					</td>
					<td>
						<input name="telegram_preserve_time" id="telegram_preserve_time" type="text"
							value="{{telegram_preserve_time}}" size="7" />
					</td>
					<td>[hours]
					</td>
				</tr>
				<tr>
					<td>Clear Meter List</td>
					<td><input type="checkbox" name="removecache" value="remove" id="removeEn" /></td>
					<td>See documentation</td>
				</tr>
				<tr>
					<td style="width: 250px;" align="left">Set Include file:</td>
					<td>
						<select name="include_file" id="include_file">
							<option value="no_file">No File</option>
							{% for csvfile in csvfileArray: %}
							<option value={{csvfile}} {% if csvfile==include_file: %} selected="selected" {% endif %}>
								{{csvfile}}
							</option>
							{% endfor %}
						</select>
					</td>
					<td>
					</td>
				</tr>
				<tr>
					<td style="width: 250px;" align="left">Extra C-field:</td>
					<td>
						<select name="extra_ci_field" id="extra_ci_field">
							<option value="-1" {% if extra_ci_field=='-1' : %} selected="selected" {% endif %}>None
							</option>
							<option value="6" {% if extra_ci_field=='6' : %} selected="selected" {% endif %}>06/46
							</option>
						</select>
					</td>
					<td>
					</td>
				</tr>
				<!--<tr>
					<td style="width:10em;">Enable Wireless App</td>
					<td style="width:15em;">
						<select id="enable" name="enable">
							<option value="YES" {% if enable=="YES" : %} selected="selected" {% endif %}>Yes</option>
							<option value="NO" {% if enable=="NO" : %} selected="selected" {% endif %}>No</option>
						</select>
					</td>
					<td>
					</td>
				</tr>-->
			</table><br />

			<div class="subheader">
				&darr;&nbsp;Wired M-Bus SlavePort Configuration
			</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 UDP 20000</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}}" />
					</td>
				</tr>
			</table><br />
			<div class="subheader">
				&darr;&nbsp;Telegram Logfile
			</div>
			<table style="font-weight: bold;">
				<tr>
					<td style="width: 250px;">
						Log telegram for days:
					</td>
					<td>
					</td>
					<td align="left">
						<select name="telegram_log_time" id="telegram_log_time">
							{% for i in range(20): %}
							<option value="{{i}}">{{i}}</option>
							{% endfor %}
						</select>
					</td>
				</tr>
				<tr>
					<td>Log running or will end:</td>
					<td>
						{{logStatus}}
					</td>
					<td>
					</td>
				</tr>
				<tr>
					<td>Download current Log-File</td>
					<td>
					</td>
					<td style="width: 100px;" align="left">
						<input type="button" value="Download" onclick="downloadLogFile();">
					</td>
				</tr>
				<tr>
					<td>Download historic Log-Files</td>
					<td>
						<select name="logfsel" id="logfsel">
							<option value="">No File</option>
							{% for logf in logfArray: %}
							<option value="{{logf}}">{{logf}}</option>
							{% endfor %}
						</select>
					</td>
					<td style="width: 100px;" align="left">
						<input type="button" value="Download" onclick="downloadLogFile1();">
					</td>
				</tr>
			</table>
			<br>
			<br>
			<INPUT type="submit" value="Save Settings" name="Submit">
		</form>
		<br />
		<div class="subheader">
			&darr;&nbsp;Show Configuration Files
		</div>
		<table style="font-weight: bold;">
			<tr>
				<td style="width: 250px;" align="left">Show Configuration Files:</td>
				<td>
					<select name="csvselecter" id="csvfilesel">
						<option value="">No File</option>
						{% for csvfile in csvfileArray: %}
						<option value={{csvfile}}>{{csvfile}}</option>
						{% endfor %}
					</select>
				</td>
				<td style="width: 100px;" align="right">
					<input type="button" value="Show" onclick="showFile();">
				</td>
			</tr>
			<tr>
				<td style="width: 250px;" align="left">Edit Configuration Files:</td>
				<td>
					<select name="csveditselecter" id="csveditfilesel">
						<option value="">No File</option>
						{% for csvfile in csvfileArray: %}
						<option value={{csvfile}}>{{csvfile}}</option>
						{% endfor %}
					</select>
				</td>
				<td style="width: 100px;" align="right">
					<input type="button" value="Edit" onclick="editFile();">
				</td>
			</tr>
		</table>
		<h5>The system clock is used for the timestamps. Please go to the Administration page to adjust it.</h5>
	</div>
	</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 %}
	}

	function typeChanged(myform) {
		if ($('#StypeMenu').val() == 'SER') {
			$('#Sserdiv').show();
			$('#Sudptcpdiv').hide();
		}
		else {
			$('#Sserdiv').hide();
			$('#Sudptcpdiv').show();
		}
		myform.selectedIndex = 0;
	}
	//On load, set all parameters
	initSettings();
	function showFile() {
		var fileName = $('#csvfilesel').val();
		window.open("/wireless_showCsvFile?FILE=" + fileName);
	}
	function editFile() {
		var fileName = $('#csveditfilesel').val();
		window.open("/wireless_EditCsvFile?FILE=" + fileName);
	}
	function downloadLogFile() {
		window.location = "/wireless_DownloadLogFile?FILE=wireless_log_telegrams.txt";
	}
	function downloadLogFile1() {
		var fileName = $('#logfsel').val();
		window.location = "/wireless_DownloadLogFile1?FILE=" + fileName;
	}

</script>
{% endblock scripts %}