static
This commit is contained in:
253
static/Magic4/Setting/HMI_Setting_N2NProfile.html
Normal file
253
static/Magic4/Setting/HMI_Setting_N2NProfile.html
Normal file
@@ -0,0 +1,253 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="../css/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="../css/btn.css" />
|
||||
<script src="../jquery-2.1.0.min.js"></script>
|
||||
<script src="../jquery.cookie.js"></script>
|
||||
<style>
|
||||
*{
|
||||
font-size: 25px;
|
||||
}
|
||||
.btn{
|
||||
background: #FD4F00FF;
|
||||
color: aliceblue;
|
||||
padding: 5px 20px;
|
||||
font-size: 25px !important;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript" type="text/javascript">
|
||||
|
||||
var n2ncn="nln2n";
|
||||
var n2nk="987654222";
|
||||
var n2nip="11.0.0.40";
|
||||
var n2nsn="121.40.244.107";
|
||||
var n2nsp="1234";
|
||||
|
||||
function client_request(str){
|
||||
// $('#output').html("");
|
||||
window.parent.postMessage(
|
||||
{
|
||||
event_id: 'client_request',
|
||||
data: {
|
||||
v1: str
|
||||
}
|
||||
},
|
||||
"*" //or "www.parentpage.com"
|
||||
);
|
||||
}
|
||||
|
||||
function receiveMessage(event){
|
||||
console.log(event.data);
|
||||
switch(event.data.event_id){
|
||||
case "client_response":{
|
||||
var data=event.data.data;
|
||||
var result=data.v1;
|
||||
var ROS_String_Output=data.v2;
|
||||
var Rec_HMI_String_Input=data.v3;
|
||||
var Client_Request_Cmd=Rec_HMI_String_Input.split(':');
|
||||
//console.log(data);
|
||||
switch(Client_Request_Cmd[0]){
|
||||
case 'HMISettingN2NRestart':
|
||||
case 'HMISettingN2NStop':
|
||||
case 'HMISettingN2NDisableService':
|
||||
case 'HMISettingN2NEnableService':
|
||||
case 'HMISettingN2NGetStatus':{
|
||||
$('#output2').html("");
|
||||
document.getElementById('output2').innerText=ROS_String_Output;
|
||||
}break;
|
||||
case 'HMISettingGetN2NProfile':{
|
||||
$('#output').html("");
|
||||
document.getElementById('output').innerText=ROS_String_Output;
|
||||
|
||||
var GetN2NProfileStr=ROS_String_Output;
|
||||
|
||||
var Getn2ncnNext = GetN2NProfileStr.split('n2ncn=');
|
||||
if(Getn2ncnNext.length>1){
|
||||
var Getn2ncnData = Getn2ncnNext[1].split('\n');
|
||||
if(Getn2ncnData.length>0){
|
||||
console.log("Getn2ncnData:" + Getn2ncnData[0]);
|
||||
n2ncn=Getn2ncnData[0];
|
||||
document.getElementById('n2ncn').value=n2ncn;
|
||||
}
|
||||
}
|
||||
else{
|
||||
document.getElementById('n2ncn').value=n2ncn;
|
||||
}
|
||||
|
||||
var Getn2nkNext = GetN2NProfileStr.split('n2nk=');
|
||||
if(Getn2nkNext.length>1){
|
||||
var Getn2nkData = Getn2nkNext[1].split('\n');
|
||||
if(Getn2nkData.length>0){
|
||||
console.log("Getn2nkData:" + Getn2nkData[0]);
|
||||
n2nk=Getn2nkData[0];
|
||||
document.getElementById('n2nk').value=n2nk;
|
||||
}
|
||||
}
|
||||
else{
|
||||
document.getElementById('n2nk').value=n2nk;
|
||||
}
|
||||
|
||||
var Getn2nipNext = GetN2NProfileStr.split('n2nip=');
|
||||
if(Getn2nipNext.length>1){
|
||||
var Getn2nipData = Getn2nipNext[1].split('\n');
|
||||
if(Getn2nipData.length>0){
|
||||
console.log("Getn2nipData:" + Getn2nipData[0]);
|
||||
n2nip=Getn2nipData[0];
|
||||
document.getElementById('n2nip').value=n2nip;
|
||||
}
|
||||
}
|
||||
else{
|
||||
document.getElementById('n2nip').value=n2nip;
|
||||
}
|
||||
|
||||
var Getn2nsnNext = GetN2NProfileStr.split('n2nsn=');
|
||||
if(Getn2nsnNext.length>1){
|
||||
var Getn2nsnData = Getn2nsnNext[1].split('\n');
|
||||
if(Getn2nsnData.length>0){
|
||||
console.log("Getn2nsnData:" + Getn2nsnData[0]);
|
||||
n2nsn=Getn2nsnData[0];
|
||||
document.getElementById('n2nsn').value=n2nsn;
|
||||
}
|
||||
}
|
||||
else{
|
||||
document.getElementById('n2nsn').value=n2nsn;
|
||||
}
|
||||
|
||||
|
||||
var Getn2nspNext = GetN2NProfileStr.split('n2nsp=');
|
||||
if(Getn2nspNext.length>1){
|
||||
var Getn2nspData = Getn2nspNext[1].split('\n');
|
||||
if(Getn2nspData.length>0){
|
||||
console.log("Getn2nspData:" + Getn2nspData[0]);
|
||||
n2nsp=Getn2nspData[0];
|
||||
document.getElementById('n2nsp').value=n2nsp;
|
||||
}
|
||||
}
|
||||
else{
|
||||
document.getElementById('n2nsp').value=n2nsp;
|
||||
}
|
||||
|
||||
client_sch=2;
|
||||
}break;
|
||||
default:{
|
||||
$('#output').html("");
|
||||
document.getElementById('output').innerText=ROS_String_Output;
|
||||
}break;
|
||||
|
||||
}
|
||||
}break;
|
||||
}
|
||||
}
|
||||
|
||||
var client_sch=0;
|
||||
|
||||
window.addEventListener("message", receiveMessage, false);
|
||||
|
||||
function Timer(){
|
||||
if(client_sch==0){
|
||||
document.getElementById('n2ncn').style.display="none";
|
||||
document.getElementById('n2nk').style.display="none";
|
||||
document.getElementById('n2nip').style.display="none";
|
||||
document.getElementById('n2nsn').style.display="none";
|
||||
document.getElementById('n2nsp').style.display="none";
|
||||
document.getElementById('HMIExportN2NProfile').style.display="none";
|
||||
client_request("HMISettingGetN2NProfile");
|
||||
client_sch=1;
|
||||
}
|
||||
else if(client_sch==2){
|
||||
document.getElementById('n2ncn').style.display="";
|
||||
document.getElementById('n2nk').style.display="";
|
||||
document.getElementById('n2nip').style.display="";
|
||||
document.getElementById('n2nsn').style.display="";
|
||||
document.getElementById('n2nsp').style.display="";
|
||||
document.getElementById('HMIExportN2NProfile').style.display="";
|
||||
}
|
||||
}
|
||||
|
||||
var T1 = window.setInterval("Timer()",100);
|
||||
|
||||
function HMIExportN2NProfile(){
|
||||
if(client_sch==2) {
|
||||
n2ncn=document.getElementById('n2ncn').value;
|
||||
n2nk=document.getElementById('n2nk').value;
|
||||
n2nip=document.getElementById('n2nip').value;
|
||||
n2nsn=document.getElementById('n2nsn').value;
|
||||
n2nsp=document.getElementById('n2nsp').value;
|
||||
var HMIExportN2NProfileStr = "HMIExportN2NProfile:"+
|
||||
n2ncn +","+
|
||||
n2nk +","+
|
||||
n2nip +","+
|
||||
n2nsn+","+
|
||||
n2nsp+"#";
|
||||
client_request(HMIExportN2NProfileStr);
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
<title>Title</title>
|
||||
</head>
|
||||
<body>
|
||||
<table>
|
||||
<tr>
|
||||
<div id="output"></div>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>n2ncn</td>
|
||||
<td><input type="text" class="input form-control" name="n2ncn" id="n2ncn"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>n2nk</td>
|
||||
<td><input type="text" class="input form-control" name="n2nk" id="n2nk"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>n2nip</td>
|
||||
<td><input type="text" class="input form-control" name="n2nip" id="n2nip"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>n2nsn</td>
|
||||
<td><input type="text" class="input form-control" name="n2nsn" id="n2nsn"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>n2nsp</td>
|
||||
<td><input type="text" class="input form-control" name="n2nsp" id="n2nsp"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="button" class="btn" id="HMIExportN2NProfile" value="HMIExportN2NProfile" onclick="HMIExportN2NProfile()">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<tr>
|
||||
<div id="output2"></div>
|
||||
</tr>
|
||||
<table>
|
||||
<tr>
|
||||
<input type=button class="btn" value="GetStatus" onclick=client_request("HMISettingN2NGetStatus")></input>
|
||||
</tr>
|
||||
<tr>
|
||||
<input type=button class="btn" value="Restart" onclick=client_request("HMISettingN2NRestart")></input>
|
||||
</tr>
|
||||
<tr>
|
||||
<input type=button class="btn" value="Stop" onclick=client_request("HMISettingN2NStop")></input>
|
||||
</tr>
|
||||
<tr>
|
||||
<input type=button class="btn" value="DisableService" onclick=client_request("HMISettingN2NDisableService")></input>
|
||||
</tr>
|
||||
<tr>
|
||||
<input type=button class="btn" value="EnableService" onclick=client_request("HMISettingN2NEnableService")></input>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
<script>
|
||||
$(".input").focus(function(){
|
||||
window.parent.inputDom = this;
|
||||
// $(".simple-keyboard",top.document).css("top",$(this).offset().top - $(window).scrollTop() + 150 +"px")
|
||||
var distance = $(parent.document).scrollTop() + 500 + "px";
|
||||
$(".simple-keyboard", parent.document).css("top", distance)
|
||||
$(".keyboard",parent.document).show();
|
||||
window.parent.clearKeyboard();
|
||||
})
|
||||
</script>
|
||||
</html>
|
||||
Reference in New Issue
Block a user