141 lines
4.7 KiB
HTML
141 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<link rel="stylesheet" href="../css/bootstrap.min.css" />
|
||
<script src="../jquery-2.1.0.min.js"></script>
|
||
<script src="../jquery.cookie.js"></script>
|
||
<script type="text/javascript" type="text/javascript">
|
||
|
||
var frp_prefix="";//Frpdate();
|
||
var frp_port="";
|
||
var frp_tokens="";//"12345678";
|
||
|
||
/*
|
||
function Frpdate(){
|
||
var date=new Date();
|
||
var year=date.getFullYear();//当前年份
|
||
var month=date.getMonth();//当前月份
|
||
var data=date.getDate();//天
|
||
var hours=date.getHours();//小时
|
||
var minute=date.getMinutes();//分
|
||
var second=date.getSeconds();//秒
|
||
var time=year+"_"+fnW((month+1))+"_"+fnW(data)+"_"+fnW(hours)+"_"+fnW(minute)+"_"+fnW(second);
|
||
return time;
|
||
}*/
|
||
|
||
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 'HMISettingFRPGetStatus':{
|
||
//console.log("response HMISettingGetRemoteID");
|
||
document.getElementById('output').innerText=ROS_String_Output;
|
||
}break;
|
||
default:{
|
||
document.getElementById('output').innerText=ROS_String_Output;
|
||
}break;
|
||
|
||
}
|
||
}break;
|
||
}
|
||
}
|
||
|
||
var client_sch=0;
|
||
|
||
window.addEventListener("message", receiveMessage, false);
|
||
|
||
function HMIExportFrpConfig(){
|
||
frp_prefix=document.getElementById('FrpPrefix').value;
|
||
frp_port=document.getElementById('FrpPort').value;
|
||
frp_tokens=document.getElementById('FrpToken').value;
|
||
var HMISettingFrpGetConfigStr = "HMIExportFrpConfig:"+
|
||
frp_prefix+","+
|
||
frp_port+","+
|
||
frp_tokens+"#";
|
||
client_request(HMISettingFrpGetConfigStr);
|
||
}
|
||
</script>
|
||
<title>Title</title>
|
||
</head>
|
||
<body>
|
||
<table>
|
||
<tr>
|
||
<div id="output"></div>
|
||
</tr>
|
||
<tr>
|
||
<input type=button class="btn" value="GetStatus" onclick=client_request("HMISettingFRPGetStatus")></input>
|
||
</tr>
|
||
<tr>
|
||
<input type=button class="btn" value="Restart" onclick=client_request("HMISettingFRPRestart")></input>
|
||
</tr>
|
||
<tr>
|
||
<input type=button class="btn" value="Stop" onclick=client_request("HMISettingFRPStop")></input>
|
||
</tr>
|
||
<tr>
|
||
<input type=button class="btn" value="DisableService" onclick=client_request("HMISettingFRPDisableService")></input>
|
||
</tr>
|
||
<tr>
|
||
<input type=button class="btn" value="EnableService" onclick=client_request("HMISettingFRPEnableService")></input>
|
||
</tr>
|
||
<tr>
|
||
<input type=button class="btn" value="GetFrpConfig" onclick=client_request("HMISettingFrpGetConfig")></input>
|
||
</tr>
|
||
<tr>
|
||
<td>FrpPrefix：</td>
|
||
<td><input type="text" class="input form-control" name="FrpPrefix" id="FrpPrefix"></td>
|
||
</tr>
|
||
<tr>
|
||
<td>FrpPort：</td>
|
||
<td><input type="text" class="input form-control" name="FrpPort" id="FrpPort"></td>
|
||
</tr>
|
||
<tr>
|
||
<td>FrpToken：</td>
|
||
<td><input type="text" class="input form-control" name="FrpToken" id="FrpToken"></td>
|
||
</tr>
|
||
<tr>
|
||
<input type=button class="btn" value="HMIExportFrpConfig" onclick=HMIExportFrpConfig()></input>
|
||
</tr>
|
||
|
||
</table>
|
||
</body>
|
||
<style>
|
||
.btn{
|
||
background:#FD4F00FF;
|
||
color: whitesmoke;
|
||
font-size: 23px;
|
||
padding: 6px 20px;
|
||
margin: 4px 10px;
|
||
}
|
||
</style>
|
||
<script>
|
||
$(".input").focus(function() {
|
||
window.parent.inputDom = this;
|
||
var distance = $(parent.document).scrollTop() + 500 + "px";
|
||
$(".simple-keyboard", parent.document).css("top", distance)
|
||
$(".keyboard", parent.document).show();
|
||
window.parent.clearKeyboard();
|
||
})
|
||
</script>
|
||
</html> |