openmptcprouter-feeds/luci-app-iperf/luasrc/view/iperf/test.htm

<%+header%>

<%
	local uci = require("luci.model.uci").cursor()
%>

<script type="text/javascript" src="<%=resource%>/cbi.js?v=git-18.193.28471-ee087a1"></script>
<script type="text/javascript">//<![CDATA[
    var stxhr = new XHR();

    function update_speed(field, proto, mode)
    {
	update_upload(field,proto,mode);
    }
    
    function update_upload(field, proto, mode)
    {
	var tool = field.name;
	var addr = field.value;

	var upload = document.getElementById('iperf-upload');

	if (upload)
	{
	    upload.innerHTML =
		'<img src="<%=resource%>/icons/loading.gif" alt="<%:Loading%>" style="vertical-align:middle" /> ' + '<%:Upload%> - ' +
		'<%:Waiting for command to complete...%>'
	    ;

	    stxhr.post('<%=url('admin/services/iperf')%>/run_test' + '/' + addr + '/' + proto + '/' + mode + '/upload', { token: '<%=token%>' },
		function(x)
		{
		    if (x.responseText)
		    {
			var response = JSON.parse(x.responseText);
			if (response.error)
			{
				upload.innerHTML = String.format('<%:Upload%> - <pre>%s</pre>', response.error );
			} else {
				var sent_speed = (response.end.sum_sent.bits_per_second/1000000);
				var received_speed = (response.end.sum_received.bits_per_second/1000000);
				var server = response.start.connecting_to.host;
				upload.innerHTML = String.format('<pre><%:Upload%> - Server: %s - Sender: %sMb/s - Receiver: %sMb/s</pre>', server, sent_speed.toFixed(2), received_speed.toFixed(2) );
			}
		    }
		    else
		    {
			upload.innerHTML = '<%:Upload%> - <span class="error"><%:Bad address specified!%></span>';
		    }
		    update_download(field,proto,mode);
		}
	    );
	}
    }
    
    function update_download(field, proto, mode)
    {
	var tool = field.name;
	var addr = field.value;

	var download = document.getElementById('iperf-download');

	if (download)
	{
	    download.innerHTML =
		'<img src="<%=resource%>/icons/loading.gif" alt="<%:Loading%>" style="vertical-align:middle" /> ' + '<%:Download%> - ' +
		'<%:Waiting for command to complete...%>'
	    ;

	    stxhr.post('<%=url('admin/services/iperf')%>/run_test' + '/' + addr + '/' + proto + '/' + mode + '/download', { token: '<%=token%>' },
		function(x)
		{
		    if (x.responseText)
		    {
			var response = JSON.parse(x.responseText);
			if (response.error)
			{
				download.innerHTML = String.format('<%:Download%> - <pre>%s</pre>', response.error );
			} else {
				var sent_speed = (response.end.sum_sent.bits_per_second/1000000);
				var received_speed = (response.end.sum_received.bits_per_second/1000000);
				var server = response.start.connecting_to.host;
				download.innerHTML = String.format('<pre><%:Download%> - Server: %s - Sender: %sMb/s - Receiver: %sMb/s</pre>', server, sent_speed.toFixed(2), received_speed.toFixed(2) );
			}
		    }
		    else
		    {
			download.innerHTML = '<%:Download%> - <span class="error"><%:Bad address specified!%></span>';
		    }
		}
	    );
	}
    }
//]]></script>

<% if stderr and #stderr > 0 then %><pre class="error"><%=pcdata(stderr)%></pre><% end %>
<form class="inline" method="post" action="<%=url('admin/services/iperf/run_test')%>">
    <div class="cbi-map">
	<h2 name="content"><%:iperf Speed tests%></h2>
	<fieldset class="cbi-section" id="networks">
	    <legend><%:Settings%></legend>
	    <div class="cbi-section-descr"></div>
	    <div class="cbi-value">
		<label class="cbi-value-title"><%:Mode of operation%></label>
		<div class="cbi-value-field">
		    <select class="cbi-input-select" name="mode">
			<option value="tcp">TCP</option>
			<!-- <option value="udp">UDP</option> -->
		    </select>
		</div>
	    </div>
	    <div class="cbi-value">
		<label class="cbi-value-title"><%:Internet protocol%></label>
		<div class="cbi-value-field">
		    <select class="cbi-input-select" name="proto">
			<option value="ipv4">IPv4</option>
			<option value="ipv6">IPv6</option>
		    </select>
		</div>
	    </div>
	    <div class="cbi-value">
		<label class="cbi-value-title"><%:Server%></label>
		<div class="cbi-value-field">
		    <select class="cbi-input-select" name="addr">
		    <%
			uci:foreach("iperf","server", function(s)
			    local server = s[".name"]
		    %>
			<option value="<%=server%>"><%=string.gsub(server,"_","-")%></option>
		    <%
			end)
		    %>
		    </select>
		</div>
	    </div>
	    <input type="button" value="<%:Test%>" class="cbi-button cbi-button-apply" onclick="update_speed(this.form.addr,this.form.proto.value,this.form.mode.value)" />
	</fieldset>
    </div>
</form>
    
<div class="cbi-section">
    <span id="iperf-upload"></span>
    <span id="iperf-download"></span>
</div>
<%+footer%>