253 lines
8.7 KiB
HTML
253 lines
8.7 KiB
HTML
<!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> |