125 lines
3.2 KiB
HTML
125 lines
3.2 KiB
HTML
<%#
|
|
Copyright 2014 Aedan Renner <chipdankly@gmail.com>
|
|
Copyright 2018 Florian Eckert <fe@dev.tdt.de>
|
|
Licensed to the public under the GNU General Public License v2.
|
|
-%>
|
|
|
|
<script type="text/javascript">//<![CDATA[
|
|
XHR.poll(5, '<%=luci.dispatcher.build_url("admin", "network", "modem", "get_modems")%>', null,
|
|
function(x, modems)
|
|
{
|
|
console.log(modems);
|
|
|
|
if (modems.length!=0)
|
|
{
|
|
var modems_div=document.getElementById('modem_status_text');
|
|
//默认显示为模块加载中
|
|
var modem_view=String.format('<img src="<%=resource%>/icons/loading.gif" alt="<%:Loading%>" style="vertical-align:middle"/>'+"<%:Loading modem status...%>");
|
|
modems_div.innerHTML=modem_view;
|
|
|
|
modem_view = '';
|
|
for ( var key in modems)
|
|
{
|
|
var modem=modems[key];
|
|
|
|
// 检查模组名
|
|
if (modem["name"]==null) {
|
|
continue;
|
|
}
|
|
// 检查拨号模式
|
|
if (modem["mode"]==null) {
|
|
continue;
|
|
}
|
|
// 获取连接状态
|
|
var connect_status;
|
|
if (modem["connect_status"]!=null) {
|
|
// 首字母大写
|
|
connect_status=modem["connect_status"].charAt(0).toUpperCase() + modem["connect_status"].slice(1);
|
|
}
|
|
|
|
var state = '';
|
|
var css = '';
|
|
switch (modem["connect_status"])
|
|
{
|
|
case 'connect':
|
|
state = '<%:Connect%>';
|
|
css = 'success';
|
|
break;
|
|
case 'disconnect':
|
|
state = '<%:Disconnect%>';
|
|
css = 'danger';
|
|
break;
|
|
default:
|
|
state = '<%:Disabled%>';
|
|
css = 'warning';
|
|
break;
|
|
}
|
|
modem_view += String.format(
|
|
'<div class="alert-message %s">',
|
|
css
|
|
);
|
|
modem_view += String.format(
|
|
'<div><strong>No: </strong>%s</div>',
|
|
modem[".name"].slice(-1)
|
|
);
|
|
modem_view += String.format(
|
|
'<div><strong><%:Modem Name%>: </strong>%s</div>',
|
|
modem.name.toUpperCase()
|
|
);
|
|
modem_view += String.format(
|
|
'<div><strong><%:Data Interface%>: </strong>%s</div>',
|
|
modem.data_interface.toUpperCase()
|
|
);
|
|
modem_view += String.format(
|
|
'<div><strong><%:Mode%>: </strong>%s</div>',
|
|
modem.mode.toUpperCase()
|
|
);
|
|
modem_view += String.format(
|
|
'<div><strong><%:Mobile Network%>: </strong>%s</div>',
|
|
modem.network
|
|
);
|
|
modem_view += String.format(
|
|
'<div><strong><%:Connect Status%>: </strong>%s</div>',
|
|
<%:connect_status%>
|
|
);
|
|
modem_view += '</div>'
|
|
}
|
|
|
|
// 有参数不存在，则不显示模块状态
|
|
if (modem_view != '')
|
|
{
|
|
modems_div.innerHTML=modem_view;
|
|
// 显示模块状态（状态加载完成才显示）
|
|
document.getElementById("modem_status_field").style.display="block";
|
|
}
|
|
}
|
|
else
|
|
{
|
|
// 隐藏模块状态
|
|
document.getElementById("modem_status_field").style.display="none";
|
|
}
|
|
}
|
|
);
|
|
//]]>
|
|
</script>
|
|
|
|
<style type="text/css">
|
|
#modem_status_text > div {
|
|
display: inline-block;
|
|
margin: 1rem;
|
|
padding: 1rem;
|
|
width: 15rem;
|
|
float: left;
|
|
line-height: 125%;
|
|
}
|
|
</style>
|
|
|
|
<!-- 默认隐藏模块状态 -->
|
|
<fieldset id="modem_status_field" class="cbi-section" style="display: none;">
|
|
<!-- <legend><%:Modem Status%></legend> -->
|
|
<h3><%:Modem Status%></h3>
|
|
<div id="modem_status_text">
|
|
<strong><%:No modems found%></strong>
|
|
</div>
|
|
</fieldset>
|