initial commit
This commit is contained in:
chenjinsong
352
gloam/WebRoot/config/016config.html
Normal file
352
gloam/WebRoot/config/016config.html
Normal file
@@ -0,0 +1,352 @@
|
||||
<!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>
|
||||
</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%">
|
||||
<div class="box span12">
|
||||
<div class="box-header">
|
||||
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<ul class="nav tab-menu nav-tabs" id="myTab">
|
||||
#for(deviceInfo:deviceInfos)
|
||||
#if(session.tabTag)
|
||||
#if(session.tabTag==deviceInfo.key)
|
||||
<li class="active"><a href="#CPUSled#(for.index)">CPU Sled#(for.index)</a></li>
|
||||
#else
|
||||
<li><a href="#CPUSled#(for.index)">CPU Sled#(for.index)</a></li>
|
||||
#end
|
||||
#else
|
||||
#if(for.index==0)
|
||||
<li class="active"><a href="#CPUSled#(for.index)">CPU Sled#(for.index)</a></li>
|
||||
#else
|
||||
<li><a href="#CPUSled#(for.index)">CPU Sled#(for.index)</a></li>
|
||||
#end
|
||||
#end
|
||||
#end
|
||||
</ul>
|
||||
|
||||
<div id="myTabContent" class="tab-content">
|
||||
|
||||
#for(deviceData:deviceInfos)
|
||||
|
||||
#if(session.tabTag)
|
||||
#if(session.tabTag==deviceData.key)
|
||||
<div class="tab-pane active" id="CPUSled#(for.index)">
|
||||
<div class="box-content">
|
||||
#else
|
||||
<div class="tab-pane" id="CPUSled#(for.index)">
|
||||
<div class="box-content">
|
||||
#end
|
||||
#else
|
||||
#if(for.index==0)
|
||||
<div class="tab-pane active" id="CPUSled#(for.index)">
|
||||
<div class="box-content">
|
||||
#else
|
||||
<div class="tab-pane" id="CPUSled#(for.index)">
|
||||
<div class="box-content">
|
||||
#end
|
||||
#end
|
||||
|
||||
|
||||
<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)'>
|
||||
<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>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<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>
|
||||
<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>
|
||||
#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>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<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>
|
||||
<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>
|
||||
#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>
|
||||
</div>
|
||||
</div>
|
||||
#end
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</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"))
|
||||
}
|
||||
})
|
||||
//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();
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
324
gloam/WebRoot/config/102config.html
Normal file
324
gloam/WebRoot/config/102config.html
Normal file
@@ -0,0 +1,324 @@
|
||||
<!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 type="text/css">
|
||||
.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: 180px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
td.board-name {
|
||||
width: 106px;
|
||||
background-color: #DDB413;
|
||||
text-align: center;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
label.control-label{
|
||||
text-transform: capitalize;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
#include("/common/header.html")
|
||||
<body id='testLoading'>
|
||||
#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 sortable" style="margin:10px 20px; width:95%">
|
||||
<div class="box span12">
|
||||
<div class="box-header" data-original-title>
|
||||
<h2>
|
||||
<i class="halflings-icon edit"></i><span class="break"></span>#(_res.get("system.config"))
|
||||
</h2>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
|
||||
<form class="form-horizontal" id="deviceConfig">
|
||||
#for(deviceData:deviceInfos)
|
||||
#for(deviceInfo:deviceData.value)
|
||||
<table style="border: 1px solid #fff;" cellpadding="10">
|
||||
<input type='hidden' name='count' value='#(for.index)'>
|
||||
<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>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<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>
|
||||
<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>
|
||||
#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>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<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>
|
||||
<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>
|
||||
#end
|
||||
#end
|
||||
</tr>
|
||||
</table>
|
||||
#end
|
||||
#if(deviceInfos)
|
||||
<div class="config-buttons" >
|
||||
<button type="button" onclick="modifyDialog()"
|
||||
class="btn btn-primary">#(_res.get("save.changes"))</button>
|
||||
<button type="reset" class="btn">#(_res.get("reset"))</button>
|
||||
</div>
|
||||
#else
|
||||
<p style="text-align:center">暂无数据信息</p>
|
||||
#end
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--/span-->
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<script>
|
||||
changeFlag=true;
|
||||
$(function(){
|
||||
$("div.config-buttons").each(function(i,e){
|
||||
$(e).css("width",function(){
|
||||
var $this = $(this);
|
||||
var width = 10;
|
||||
$this.find("button").each(function(i,n){
|
||||
var $n = $(n);
|
||||
width += parseInt($n.css("width"));
|
||||
});
|
||||
return width;
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// 修改配置信息
|
||||
function changeData(){
|
||||
if(changeFlag){
|
||||
//调用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)'
|
||||
});
|
||||
|
||||
|
||||
$.ajax({
|
||||
type:"post",
|
||||
dataType:'json',
|
||||
url:"/config/modifyConfig",
|
||||
data:$('#deviceConfig').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"))
|
||||
}else if(errorMessage!=null&&errorMessage!=''&&errorMessage!=undefined){
|
||||
xcsoft.error(errorMessage,2000);
|
||||
#(session.removeAttribute("errorMessage"))
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
function modifyDialog(){
|
||||
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();
|
||||
}else{
|
||||
dialog.close();
|
||||
}
|
||||
}
|
||||
});
|
||||
dialog.getModalHeader().hide();
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
413
gloam/WebRoot/config/config.html
Normal file
413
gloam/WebRoot/config/config.html
Normal 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'> 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>
|
||||
157
gloam/WebRoot/config/softConfig.html
Normal file
157
gloam/WebRoot/config/softConfig.html
Normal file
@@ -0,0 +1,157 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
#include("/common/header.html")
|
||||
<link id="bootstrap-style" href="/css/chart.css" rel="stylesheet">
|
||||
<style>
|
||||
table {
|
||||
table-layout: fixed;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
line-height: 35px;
|
||||
}
|
||||
th {
|
||||
text-align: center;
|
||||
}
|
||||
.horizontal {
|
||||
text-align: center;
|
||||
}
|
||||
.vertical {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
vertical-align: middle !important;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$(".sub").each(function(){
|
||||
$(this).click(function(){
|
||||
var tr = $(this).parent().parent();
|
||||
var confValue = tr.find("[name=confValue]").val();
|
||||
if(!confValue) {
|
||||
top.myAlert("#(_res.get('column')) \"#(_res.get('value'))\" #(_res.get('isRequired'))");
|
||||
tr.find("[name=confValue]").focus();
|
||||
return;
|
||||
}
|
||||
top.$("#dialog").text("#(_res.get('confirm.update'))");
|
||||
top.$("#dialog").dialog({
|
||||
dialogClass: "no-close",
|
||||
modal:true,
|
||||
buttons: {
|
||||
Yes: function() {
|
||||
var tempName = tr.find("[name=tempName]").val();
|
||||
var id = tr.find("[name=id]").val();
|
||||
$.ajax({
|
||||
data:{tempName:tempName, id:id, confValue:confValue},
|
||||
dataType:'text',
|
||||
type:'POST',
|
||||
url:'/softConfig/update',
|
||||
success:function(res) {
|
||||
if(res == 1) {
|
||||
top.myAlert("#(_res.get('handle.success'))");
|
||||
} else {
|
||||
top.myAlert("#(_res.get('handle.error'))");
|
||||
}
|
||||
},
|
||||
error:function() {
|
||||
top.myAlert("#(_res.get('handle.error'))");
|
||||
location.href = "/softConfig/index";
|
||||
}
|
||||
})
|
||||
top.$("#dialog").dialog("close");
|
||||
},
|
||||
No: function() {
|
||||
top.$("#dialog").dialog("close");
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
})
|
||||
|
||||
function myup(obj) {
|
||||
$(obj).attr("class", "my-button-up");
|
||||
}
|
||||
|
||||
function mydown(obj) {
|
||||
$(obj).attr("class", "my-button-down");
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body class="bcColor noScroll-y aC">
|
||||
<!--中间部分右边开始-->
|
||||
<div class="container-fluid-full">
|
||||
<div class="row-fluid">
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>
|
||||
You need to have <a href="http://en.wikipedia.org/wiki/JavaScript"
|
||||
target="_blank">JavaScript</a> enabled to use this site.
|
||||
</p>
|
||||
</div>
|
||||
</noscript>
|
||||
<div id="content" class="span10">
|
||||
<div class="row-fluid" style="margin-top: 10px">
|
||||
<div class="box span12">
|
||||
<div class="box-header" data-original-title>
|
||||
<h2>
|
||||
<i class="halflings-icon align-justify"></i><span class="break"></span>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="box-content lianxiang">
|
||||
<table class="table table-striped table-bordered" id="info">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="10%">#(_res.get("monitor.card"))</th>
|
||||
<th width="12%">#(_res.get("softConfig.key"))</th>
|
||||
<th width="20%">#(_res.get("value"))</th>
|
||||
<th width="30%">#(_res.get("description"))</th>
|
||||
<th width="5%"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
#set(flag = 0)
|
||||
#for(x : result.keySet())
|
||||
#for(y : result.get(x))
|
||||
<tr>
|
||||
<input type="hidden" name="id" value="#(y.id)"/>
|
||||
<input type="hidden" name="tempName" value="#(y.tempName)"/>
|
||||
#if(flag == 0)
|
||||
<td class="horizontal vertical" rowspan="#(result.get(x).size())" title="#(x)">#(x)</td>
|
||||
#set(flag = 1)
|
||||
#end
|
||||
<td class="horizontal vertical" title="#(y.userField)">#(y.userField)</td>
|
||||
<td class="horizontal vertical">
|
||||
#if(y.error == 1)
|
||||
<span style="color:red;" title="#(_res.get('softConfig.error')):#(y.confFile)">#(_res.get('softConfig.error')):#(y.confFile)</span>
|
||||
#else
|
||||
#if(y.isModify == 1)
|
||||
<input name="confValue" style="padding:0 6px;height:26px;" value="#(y.confValue)"/>
|
||||
#else
|
||||
<span title="#(y.confValue)">#(y.confValue)</span>
|
||||
#end
|
||||
#end
|
||||
</td>
|
||||
<td class="vertical" title="#(y.userTip)">#(y.userTip)</td>
|
||||
<td class="horizontal vertical">
|
||||
#if(y.isModify == 1 && y.error != 1)
|
||||
<div class="my-button-up sub" onmousedown="mydown(this)" onmouseup="myup(this)"><span class="icon-arrow-up"></span></div>
|
||||
#end
|
||||
</td>
|
||||
</tr>
|
||||
#end
|
||||
#set(flag = 0)
|
||||
#end
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user