313 lines
10 KiB
HTML
313 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Title</title>
|
|
</head>
|
|
<script type="text/javascript" src="../roslib.min.js"></script>
|
|
<script type="text/javascript" src="../jquery-2.1.0.min.js"></script>
|
|
<script type="text/javascript" src="../jquery.cookie.js"></script>
|
|
<script type="text/javascript">
|
|
//var IP=window.location.host;
|
|
var ros = new ROSLIB.Ros({
|
|
//url : 'ws://'+IP+':9190'
|
|
url : 'ws://localhost:9190'
|
|
});
|
|
|
|
ros.on('connection', function() {
|
|
console.log('Connected to websocket server.');
|
|
});
|
|
|
|
ros.on('error', function(error) {
|
|
console.log('Error connecting to websocket server: ', error);
|
|
});
|
|
|
|
ros.on('close', function() {
|
|
console.log('Connection to websocket server closed.');
|
|
});
|
|
|
|
function client_left_boschtotalinit_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_HMIString',
|
|
serviceType:'lu_ps20l_msgs/Srv_HMIString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
HMI_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_boschtotalinit_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_HMI_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_boschrecording_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_HMIString',
|
|
serviceType:'lu_ps20l_msgs/Srv_HMIString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
HMI_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_boschrecording_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_HMI_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_boschmapping_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_HMIString',
|
|
serviceType:'lu_ps20l_msgs/Srv_HMIString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
HMI_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_boschmapping_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_HMI_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_boschmapping_main_sch2(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_HMIString',
|
|
serviceType:'lu_ps20l_msgs/Srv_HMIString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
HMI_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_boschmapping_main_sch2',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_HMI_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_boschrecordingdelete_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_HMIString',
|
|
serviceType:'lu_ps20l_msgs/Srv_HMIString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
HMI_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_boschrecordingdelete_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_HMI_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_boschmapdelete_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_HMIString',
|
|
serviceType:'lu_ps20l_msgs/Srv_HMIString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
HMI_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_boschmapdelete_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_HMI_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_boschservermapdelete_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_HMIString',
|
|
serviceType:'lu_ps20l_msgs/Srv_HMIString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
HMI_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_boschservermapdelete_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_HMI_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function receiveMessage(event){
|
|
console.log("HMI_Mapping.html ");
|
|
console.log(event);
|
|
switch(event.data.event_id){
|
|
case 'client_request_left_boschtotalinit_main':{
|
|
var data_v1=event.data.data.v1;
|
|
console.log("data_v1:"+data_v1);
|
|
var ros_request=data_v1;
|
|
client_left_boschtotalinit_main(data_v1);
|
|
}
|
|
break;
|
|
case 'client_request_left_boschrecording_main':{
|
|
var data_v1=event.data.data.v1;
|
|
console.log("data_v1:"+data_v1);
|
|
var ros_request=data_v1;
|
|
client_left_boschrecording_main(data_v1);
|
|
}
|
|
break;
|
|
case 'client_request_left_boschmapping_main':{
|
|
var data_v1=event.data.data.v1;
|
|
console.log("data_v1:"+data_v1);
|
|
var ros_request=data_v1;
|
|
client_left_boschmapping_main(data_v1);
|
|
}
|
|
break;
|
|
case 'client_request_left_boschmapping_main_sch2':{
|
|
var data_v1=event.data.data.v1;
|
|
console.log("data_v1:"+data_v1);
|
|
var ros_request=data_v1;
|
|
client_left_boschmapping_main_sch2(data_v1);
|
|
}
|
|
break;
|
|
case 'client_request_left_boschrecordingdelete_main':{
|
|
var data_v1=event.data.data.v1;
|
|
console.log("data_v1:"+data_v1);
|
|
var ros_request=data_v1;
|
|
client_left_boschrecordingdelete_main(data_v1);
|
|
}
|
|
break;
|
|
case 'client_request_left_boschmapdelete_main':{
|
|
var data_v1=event.data.data.v1;
|
|
console.log("data_v1:"+data_v1);
|
|
var ros_request=data_v1;
|
|
client_left_boschmapdelete_main(data_v1);
|
|
}
|
|
break;
|
|
case 'client_request_left_boschservermapdelete_main':{
|
|
var data_v1=event.data.data.v1;
|
|
console.log("data_v1:"+data_v1);
|
|
var ros_request=data_v1;
|
|
client_left_boschservermapdelete_main(data_v1);
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
|
|
window.addEventListener("message", receiveMessage, false);
|
|
</script>
|
|
<body>
|
|
<div id="div1">
|
|
|
|
<tr>
|
|
<iframe id="topIframe" name="topIframe" width="1708" height="80" src="HMI_Mapping_Top.html" frameborder="2" scrolling="auto"></iframe>
|
|
</tr>
|
|
<table style="height: 90%">
|
|
<tr>
|
|
<td style="height: 90%">
|
|
<iframe id="leftIframe" class="iframedow" name="leftIframe" width="435" height="470" src="HMI_Mapping_Left.html" frameborder="2" scrolling="auto"></iframe>
|
|
</td>
|
|
<td style="height: 90%">
|
|
<iframe id="rightIframe" class="iframedow" name="rightIframe" width="1200" height="480" src="HMI_Mapping_Right.html" frameborder="2" scrolling="auto"></iframe>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
<style>
|
|
html,body,#div1,table{
|
|
width: 100%;
|
|
height: 99.5%;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
table tr{
|
|
width: 100%;
|
|
}
|
|
.iframedow{
|
|
height: 100%;
|
|
}
|
|
iframe{
|
|
margin: 0px;
|
|
padding: 0px;
|
|
border: none;
|
|
}
|
|
</style>
|
|
</html> |