openwrt-packages-dist/net/mwan3-luci/files/usr/lib/lua/luci/view/mwan3/mwan3_over_interface.htm

<%+header%>

<ul class="cbi-tabmenu">
	<li class="cbi-tab"><a href="<%=luci.dispatcher.build_url("admin/network/mwan3/overview")%>"><%:Interface Status%></a></li>
	<li class="cbi-tab-disabled"><a href="<%=luci.dispatcher.build_url("admin/network/mwan3/overview/over_detail")%>"><%:Detailed Status%></a></li>
</ul>

<script type="text/javascript" src="<%=resource%>/cbi.js"></script>
<script type="text/javascript">//<![CDATA[
	XHR.poll(5, '<%=luci.dispatcher.build_url("admin", "network", "mwan3", "overview", "iface_status")%>', null,
		function(x, st)
		{
			var tx = document.getElementById('mwan3_status_text');
			if (st.wans)
			{
				var temp = '';

				for( var i = 0; i < st.wans.length; i++ )
				{
					var stat = '';
					var cssc = '';

					switch (st.wans[i].status)
					{
						case 'on':
							stat = 'Online (tracking active)';
							cssc = 'wanon';
							break;

						case 'nm':
							stat = 'Online (tracking off)';
							cssc = 'wanon';
							break;

						case 'off':
							stat = 'Offline';
							cssc = 'wanoff';
							break;

						case 'ne':
							stat = 'Disabled';
							cssc = 'wanoff';
							break;
					}

					temp += String.format(
						'<span class="%s"><strong>%s (<a href="%q">%s</a>)</strong><br />%s</span>',
						cssc, st.wans[i].name, st.wans[i].link, st.wans[i].ifname, stat
					);
				}
				tx.innerHTML = temp;
			}
			else
			{
				var temp = '';
				var ncint = 'No MWAN3 interfaces found';
				temp = String.format('<strong>%s</strong>', ncint);
				tx.innerHTML = temp;
			}

			var tx = document.getElementById('mwan3_statuslog_text');
			if (st.mwan3log)
			{
				var temp = '';
				var mwan3lg = 'Last 50 MWAN3 systemlog entries. Newest entries sorted at the top :';
				temp = String.format('<pre>%s<br /><br />%s</pre>', mwan3lg, st.mwan3log[0].mwanlog);
				tx.innerHTML = temp;
			}
			else
			{
				var temp = '';
				var nslg = 'No MWAN3 systemlog history found';
				temp = String.format('<strong>%s</strong>', nslg);
				tx.innerHTML = temp;
			}
		}
	);
//]]></script>

<div id="mwan3_interface_status">
	<fieldset id="interface_field" class="cbi-section">
		<legend><%:MWAN3 Multi-WAN Interface Live Status%></legend>
		<div id="mwan3_status_text"><img src="<%=resource%>/icons/loading.gif" alt="<%:Loading%>" style="vertical-align:middle" /> Collecting data...</div>
	</fieldset>
	<fieldset class="cbi-section">
		<legend><%:MWAN3 Multi-WAN Interface Systemlog%></legend>
		<div id="mwan3_statuslog_text"><img src="<%=resource%>/icons/loading.gif" alt="<%:Loading%>" style="vertical-align:middle" /> Collecting data...</div>
	</fieldset>
</div>

<style type="text/css">
  .container {  /*container for entire page. fixes bootstrap theme's ridiculously small page width*/
	max-width: none;
	margin-left: 30px;
	padding-right: 30px;
	width: auto;
  }
  #mwan3_interface_status {
	background-color: #FFFFFF;
	border: 1px dotted #555555;
	padding: 20px;
  }
  #interface_field {
	padding: 12px 20px 20px 20px;
  }
  #mwan3_status_text {
	display: table;
	font-size: 14px;
	margin: auto;
	max-width: 1044px;
	min-width: 246px;
	width: 100%;
  }
  .wanon {
	background-color: rgb(144, 240, 144);
  }
  .wanoff {
	background-color: rgb(240, 144, 144);
  }
  .wanon, .wanoff {
	border-radius: 60px;
	box-shadow: 0px 2px 5px -3px;
	float: left;
	margin: 8px 3px 0px 3px;
	min-height: 30px;
	min-width: 235px;
	padding: 5px 10px 8px 10px;
	text-align: center;
  }
  #mwan3_statuslog_text {
	padding: 20px;
	text-align: left;
  }
</style>

<%+footer%>