gfwleak/nms-oam
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
chenjinsong
2018-09-27 16:28:35 +08:00
commit e7d19d4381
313 changed files with 123954 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

413
gloam/WebRoot/config/config.html Normal file
View File

@@ -0,0 +1,413 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>#(_res.get("system.config"))</title>
<meta name="author" content="Matthew Wagerfield" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style>
.box-content table {
margin-top: 10px;
width: 100%;
border: 1px solid #fff;
}
.box-content .form-horizontal .control-label {
width: 100px;
}
.box-content table td>div.control-group {
margin: 10px 5px !important;
}
.box-content table td>div.control-group div.controls {
margin-left: 60px !important;
}
.config-buttons {
margin: 20px auto 0px;
width: 190px;
text-transform: capitalize;
}
td.board-name {
width: 106px;
background-color: #DDB413;
text-align: center;
color: #000;
/* text-transform: capitalize; */
}
label.control-label{
text-transform: capitalize;
}
</style>
<link id="bootstrap-style" href="/css/chart.css" rel="stylesheet">
</head>
#include("/common/header.html")
<body>
#if(session.successMessage!=null&&session.successMessage!="")
<input id="successMessage" value="#(_res.get(session.successMessage))" style="display:none">
#else
<input id="successMessage" value="#(session.successMessage)" style="display:none">
#end
#if(session.errorMessage!=null&&session.errorMessage!="")
<input id="errorMessage" value="#(_res.get(session.errorMessage))" style="display:none">
#else
<input id="errorMessage" value="#(session.errorMessage)" style="display:none">
#end
<div class="row-fluid" style="margin:10px 20px; width:95%">
#--<ul class="nav tab-menu nav-tabs" id="myTab">
#for(nodeData:nodeDatas)
#if(session.tabTag)
#if(session.tabTag==nodeData.key)
<li class="active" id='#(nodeData.key)'><a href="##(nodeData.value.name)">#(nodeData.value.name)</a></li>
#else
<li id="#(nodeData.key)"><a href="##(nodeData.value.name)">#(nodeData.value.name)</a></li>
#end
#else
#if(for.index==0)
<li class="active" id='#(nodeData.key)'><a href="##(nodeData.value.name)">#(nodeData.value.name)</a></li>
#else
<li id="#(nodeData.key)"><a href="##(nodeData.value.name)">#(nodeData.value.name)</a></li>
#end
#end
#end
</ul>--#
<div style="margin-left:8px">
#for(x : nodeDatas)
#if(session.tabTag)
#if(session.tabTag == x.key)
#set(class="tab tab-active")
#else
#set(class="tab")
#end
#else
#if(for.index==0)
#set(class="tab tab-active")
#else
#set(class="tab")
#end
#end
<div class="#(class)" id="#(x.key)">#(x.value.name)</div>
#end
</div>
<div id="myTabContent" class="tab-content">
#for(deviceData:deviceInfos)
#if(session.tabTag)
#if(session.tabTag==deviceData.key)
<div class="tab-pane active" id="#(nodeDatas.get(deviceData.key).name)">
<div class="box-content">
#else
<div class="tab-pane" id="#(nodeDatas.get(deviceData.key).name)">
<div class="box-content">
#end
#else
#if(for.index==0)
<div class="tab-pane active" id="#(nodeDatas.get(deviceData.key).name)">
<div class="box-content">
#else
<div class="tab-pane" id="#(nodeDatas.get(deviceData.key).name)">
<div class="box-content">
#end
#end
#if(deviceData.value??&&deviceData.value.size()>0)
<form class="form-horizontal" id="deviceConfig" action="/config/modifyConfig">
#for(deviceInfo:deviceData.value)
<table style="border: 1px solid #fff;" cellpadding="10">
<input type='hidden' name='count' value='#(for.index)'>
<input type='hidden' name='ip' value='#(deviceData.key)'>
<input type="hidden" name='deviceInfo#(for.index).masterFlag' value="#(deviceInfo.masterFlag)"/>
<input type="hidden" name='deviceInfo#(for.index).nodeTableId' value="#(deviceInfo.nodeTableId)"/>
<tr>
<input type="hidden" value="#(deviceInfo.manageName)" name="deviceInfo#(for.index).manageName">
<td rowspan="2" class="board-name">#(deviceInfo.manageName)</td>
#if(deviceInfo.manageName.contains(':'))
#--<td>
<div class="control-group">
<label class="control-label" for="focusedInput">#(_res.get("software.type"))</label>
<div class="controls">
<input readonly='readonly' class="input-medium focused" id="" type="text"
value=""
name="">
</div>
</div>
</td>
<td>
<div class="control-group">
<label class="control-label" for="focusedInput">#(_res.get("software.release"))</label>
<div class="controls">
<input readonly='readonly' class="input-medium focused" id="" type="text"
value=""
name="">
</div>
</div>
</td>--#
<td>
<div class="control-group">
<label class="control-label" for="focusedInput">#(_res.get("ip"))</label>
<div class="controls">
<input readonly='readonly' class="input-medium focused" id=""
type="text" value="#(deviceInfo.manageAddr)"
name="deviceInfo#(for.index).manageAddr"
>
</div>
</div>
</td>
<td>
<div class="control-group">
<label class="control-label" for="focusedInput">#(_res.get("mac"))</label>
<div class="controls">
<input readonly='readonly' class="input-medium focused" id=""
type="text" value="#(deviceInfo.manageMac)"
name="deviceInfo#(for.index).manageMac"
>
</div>
</div>
</td>
<td>
<div class="control-group">
<label class="control-label" for="focusedInput">#(_res.get("mask"))</label>
<div class="controls">
<input readonly='readonly' class="input-medium focused" id="" type="text"
value="#(deviceInfo.manageMask)"
name="deviceInfo#(for.index).manageMask"
>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="control-group">
<label class="control-label" for="focusedInput">#(_res.get("gateway"))</label>
<div class="controls">
<input readonly='readonly' class="input-medium focused" id="" type="text"
value="#(deviceInfo.manageGateway)"
name="deviceInfo#(for.index).manageGateway"
>
</div>
</div>
</td>
<td></td>
<td></td>
#else
#--<td>
<div class="control-group">
<label class="control-label" for="focusedInput">#(_res.get("software.type"))</label>
<div class="controls">
<input class="input-medium focused" id="" type="text"
value=""
name="">
</div>
</div>
</td>
<td>
<div class="control-group">
<label class="control-label" for="focusedInput">#(_res.get("software.release"))</label>
<div class="controls">
<input class="input-medium focused" id="" type="text"
value=""
name="">
</div>
</div>
</td>--#
<td>
<div class="control-group">
<label class="control-label" for="focusedInput">#(_res.get("ip"))</label>
<div class="controls">
<input class="input-medium focused" id=""
type="text" value="#(deviceInfo.manageAddr)"
name="deviceInfo#(for.index).manageAddr"
onblur="checkIp(this)">
</div>
</div>
</td>
<td>
<div class="control-group">
<label class="control-label" for="focusedInput">#(_res.get("mac"))</label>
<div class="controls">
<input class="input-medium focused" id=""
type="text" value="#(deviceInfo.manageMac)"
name="deviceInfo#(for.index).manageMac"
onblur="checkMac(this)">
</div>
</div>
</td>
<td>
<div class="control-group">
<label class="control-label" for="focusedInput">#(_res.get("mask"))</label>
<div class="controls">
<input class="input-medium focused" id="" type="text"
value="#(deviceInfo.manageMask)"
name="deviceInfo#(for.index).manageMask"
onblur='checkMask(this)'>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="control-group">
<label class="control-label" for="focusedInput">#(_res.get("gateway"))</label>
<div class="controls">
<input class="input-medium focused" id="" type="text"
value="#(deviceInfo.manageGateway)"
name="deviceInfo#(for.index).manageGateway"
onblur="checkGateway(this)">
</div>
</div>
</td>
<td></td>
<td></td>
#end
</tr>
</table>
#end
<div class="config-buttons" >
<button type="button" onclick="modifyDialog(this)"
class="btn btn-primary">#(_res.get("save.changes"))</button>
<button type="reset" class="btn">#(_res.get("reset"))</button>
</div>
</form>
#end
</div>
</div>
#end
</div>
<!--/span-->
</div>
</body>
<script>
changeFlag=true;
// 修改配置信息
function changeData(a){
//调用loading动画效果
$('body').loading({
loadingWidth:240,
title:'#(_res.get("waitInfo"))',
name:'test',
discription:'这是一个描述...',
direction:'row',
type:'origin',
originBg:'#71EA71',
originDivWidth:30,
originDivHeight:30,
originWidth:4,
originHeight:4,
smallLoading:false,
titleColor:'#388E7A',
loadingBg:'rgba(56,43,14,0.8)',
loadingMaskBg:'rgba(22,22,22,0.2)'
});
if(changeFlag){
$.ajax({
type:"post",
dataType:'json',
url:"/config/modifyConfig",
data:$(a).parent().parent().serialize(),
async:true,
success:function (res){
console.log(res)
//关闭loading动画 同时重定向
removeLoading('test');
location.href="/config"
}
})
}else{
alert("请修改不正确数值");
return;
}
}
$(function(){
var successMessage=$("#successMessage").val();
var errorMessage=$("#errorMessage").val();
if(successMessage!=null&&successMessage!=''&&successMessage!=undefined){
xcsoft.success(successMessage,2000);
#(session.removeAttribute("successMessage"))
#(session.removeAttribute("tabTag"))
}else if(errorMessage!=null&&errorMessage!=''&&errorMessage!=undefined){
xcsoft.error(errorMessage,2000);
#(session.removeAttribute("errorMessage"))
}
$(".tab").click(function(){
$(".active").attr("class", "tab-pane");
$(".tab-active").attr("class", "tab");
$(this).attr("class", "tab tab-active");
$("#" + $(this).text()).attr("class", "tab-pane active");
});
})
//Error ! Please try again later
function changeData2(){
xcsoft.success('Handle Success',2000);
}
function modifyDialog(a){
#--var dialog=BootstrapDialog.confirm({
title: 'WARNING',
message: '<div style="text-align:center;font-size:20px">#(_res.get("modify.message"))</div>',
cssClass: 'remove-dialog',
closable: true,
draggable: true,
btnCancelLabel: '#(_res.get("cancel"))',
btnOKLabel: '#(_res.get("modify"))',
callback: function(result) {
if(result){
changeData(a);
}else{
dialog.close();
}
}
});
dialog.getModalHeader().hide();--#
if(changeFlag){
top.$("#dialog").text("#(_res.get('confirm.update'))");
top.$("#dialog").dialog({
dialogClass: "no-close",
modal:true,
buttons: {
Yes: function() {
top.$("#dialog").dialog("close");
var loading = top.layer.msg("<font color='black'>&nbsp;&nbsp;loading...</font>", {shade:0.1,icon:16,time:999000})
$.ajax({
type:"post",
dataType:'json',
url:"/config/modifyConfig",
data:$(a).parent().parent().serialize(),
async:true,
success:function (res){
top.layer.close(loading);
location.href="/config"
},
error:function() {
top.layer.close(loading);
location.href = "/config";
}
});
},
No: function() {
top.$("#dialog").dialog("close");
}
}
});
}else {
top.myAlert("请修改不正确数值");
return;
}
}
</script>
</html>