620 lines
21 KiB
HTML
620 lines
21 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 Learn_Ref_State=false;
|
|
var Learn_Ref_NodeID=0;
|
|
var Learn_Ref_Node_x=0.0;
|
|
var Learn_Ref_Node_y=0.0;
|
|
var Learn_Ref_Node_t=0.0;
|
|
var Learn_Max_NodeID=0;
|
|
|
|
//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(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_LearnString',
|
|
serviceType:'lu_ps20l_msgs/Srv_LearnString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
Learn_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
//console.log(result);
|
|
document.getElementById('rightIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_Learn_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_learnlineab_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_LearnString',
|
|
serviceType:'lu_ps20l_msgs/Srv_LearnString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
Learn_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
//console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_learnlineab_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_Learn_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_learnlineah_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_LearnString',
|
|
serviceType:'lu_ps20l_msgs/Srv_LearnString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
Learn_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
//console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_learnlineah_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_Learn_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_learnbezierab_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_LearnString',
|
|
serviceType:'lu_ps20l_msgs/Srv_LearnString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
Learn_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
//console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_learnbezierab_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_Learn_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_learnwaypointab_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_LearnString',
|
|
serviceType:'lu_ps20l_msgs/Srv_LearnString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
Learn_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
//console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_learnwaypointab_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_Learn_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_learnwaypointab3_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_LearnString',
|
|
serviceType:'lu_ps20l_msgs/Srv_LearnString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
Learn_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
//console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_learnwaypointab3_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_Learn_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_learnwaypointab4_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_LearnString',
|
|
serviceType:'lu_ps20l_msgs/Srv_LearnString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
Learn_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
//console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_learnwaypointab4_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_Learn_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_editinfo_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_LearnString',
|
|
serviceType:'lu_ps20l_msgs/Srv_LearnString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
Learn_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
//console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_editinfo_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_Learn_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_removepath_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_LearnString',
|
|
serviceType:'lu_ps20l_msgs/Srv_LearnString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
Learn_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
//console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_removepath_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_Learn_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_setstation_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_LearnString',
|
|
serviceType:'lu_ps20l_msgs/Srv_LearnString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
Learn_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
//console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_setstation_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_Learn_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_removestation_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_LearnString',
|
|
serviceType:'lu_ps20l_msgs/Srv_LearnString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
Learn_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
//console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_removestation_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_Learn_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_LearnString',
|
|
serviceType:'lu_ps20l_msgs/Srv_LearnString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
Learn_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
//console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_Learn_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_learnsqlimport_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_LearnString',
|
|
serviceType:'lu_ps20l_msgs/Srv_LearnString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
Learn_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
//console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_learnsqlimport_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_Learn_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_learnsqlexport_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_LearnString',
|
|
serviceType:'lu_ps20l_msgs/Srv_LearnString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
Learn_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
//console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_learnsqlexport_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_Learn_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_learnsqldelete_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_LearnString',
|
|
serviceType:'lu_ps20l_msgs/Srv_LearnString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
Learn_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
//console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_learnsqldelete_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_Learn_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function client_left_editrestchargestation_main(str){
|
|
var client_LearnString=new ROSLIB.Service({
|
|
ros:ros,
|
|
name:'/Service_LearnString',
|
|
serviceType:'lu_ps20l_msgs/Srv_LearnString'
|
|
});
|
|
|
|
var request = new ROSLIB.ServiceRequest({
|
|
Learn_String_Input:str
|
|
});
|
|
|
|
client_LearnString.callService(request,function(result) {
|
|
//console.log(result);
|
|
document.getElementById('leftIframe').contentWindow.postMessage(
|
|
{
|
|
event_id: 'client_response_left_editrestchargestation_main',
|
|
data: {
|
|
v1: result.result,
|
|
v2: result.ROS_String_Output,
|
|
v3: result.Rec_Learn_String_Input
|
|
}
|
|
},
|
|
"*" //or "www.parentpage.com"
|
|
);
|
|
});
|
|
}
|
|
|
|
function listener(){
|
|
var sub_Learn_State=new ROSLIB.Topic({
|
|
ros : ros,
|
|
name : '/Topic_Learn_State',
|
|
messageType : 'lu_ps20l_msgs/Msg_LearnState'
|
|
});
|
|
|
|
sub_Learn_State.subscribe(function (message){
|
|
Learn_Ref_State=message.Learn_Ref_State;
|
|
Learn_Ref_NodeID=message.Learn_Ref_NodeID;
|
|
Learn_Ref_Node_x=message.Learn_Ref_Node_x;
|
|
Learn_Ref_Node_y=message.Learn_Ref_Node_y;
|
|
Learn_Ref_Node_t=message.Learn_Ref_Node_t;
|
|
Learn_Max_NodeID=message.Learn_Max_NodeID;
|
|
sub_Learn_State.unsubscribe();
|
|
//console.log(Learn_Ref_State+" "+Learn_Ref_Node_x+" "+Learn_Ref_Node_y+" "+Learn_Ref_Node_t);
|
|
});
|
|
}
|
|
|
|
function Refresh(){
|
|
$.cookie("Learn_Ref_State",Learn_Ref_State,{secure: true});//setCookie("Learn_Ref_State",Learn_Ref_State,10000);
|
|
$.cookie("Learn_Ref_NodeID",Learn_Ref_NodeID,{secure: true});//setCookie("Learn_Ref_NodeID",Learn_Ref_NodeID,10000);
|
|
$.cookie("Learn_Ref_Node_x",Learn_Ref_Node_x,{secure: true});//setCookie("Learn_Ref_Node_x",Learn_Ref_Node_x,10000);
|
|
$.cookie("Learn_Ref_Node_y",Learn_Ref_Node_y,{secure: true});//setCookie("Learn_Ref_Node_y",Learn_Ref_Node_y,10000);
|
|
$.cookie("Learn_Ref_Node_t",Learn_Ref_Node_t,{secure: true});//setCookie("Learn_Ref_Node_t",Learn_Ref_Node_t,10000);
|
|
$.cookie("Learn_Max_NodeID",Learn_Max_NodeID,{secure: true});//setCookie("Learn_Max_NodeID",Learn_Max_NodeID,10000);
|
|
}
|
|
|
|
function receiveMessage(event) {
|
|
console.log(event.data);
|
|
|
|
switch(event.data.event_id){
|
|
case 'client_request':{
|
|
var data=event.data.data;
|
|
//console.log(data);
|
|
client(data.v1);
|
|
}
|
|
break;
|
|
case 'client_request_left_learnlineab_main':{
|
|
var data=event.data.data;
|
|
client_left_learnlineab_main(data.v1);
|
|
}break;
|
|
case 'client_request_left_learnlineah_main':{
|
|
var data=event.data.data;
|
|
client_left_learnlineah_main(data.v1);
|
|
}break;
|
|
case 'client_request_left_learnbezierab_main':{
|
|
var data=event.data.data;
|
|
client_left_learnbezierab_main(data.v1);
|
|
}break;
|
|
case 'client_request_left_learnwaypointab_main':{
|
|
var data=event.data.data;
|
|
client_left_learnwaypointab_main(data.v1);
|
|
}break;
|
|
case 'client_request_left_learnwaypointab3_main':{
|
|
var data=event.data.data;
|
|
client_left_learnwaypointab3_main(data.v1);
|
|
}break;
|
|
case 'client_request_left_learnwaypointab4_main':{
|
|
var data=event.data.data;
|
|
client_left_learnwaypointab4_main(data.v1);
|
|
}break;
|
|
case 'client_request_left_editinfo_main':{
|
|
var data=event.data.data;
|
|
client_left_editinfo_main(data.v1);
|
|
}break;
|
|
case 'client_request_left_removepath_main':{
|
|
var data=event.data.data;
|
|
client_left_removepath_main(data.v1);
|
|
}break;
|
|
case 'client_request_left_setstation_main':{
|
|
var data=event.data.data;
|
|
client_left_setstation_main(data.v1);
|
|
}break;
|
|
case 'client_request_left_removestation_main':{
|
|
var data=event.data.data;
|
|
client_left_removestation_main(data.v1);
|
|
}break;
|
|
case 'client_request_left_main':{
|
|
var data=event.data.data;
|
|
client_left_main(data.v1);
|
|
}break;
|
|
case 'client_request_left_learnsqlimport_main':{
|
|
var data=event.data.data;
|
|
client_left_learnsqlimport_main(data.v1);
|
|
}break;
|
|
case 'client_request_left_learnsqlexport_main':{
|
|
var data=event.data.data;
|
|
client_left_learnsqlexport_main(data.v1);
|
|
}break;
|
|
case 'client_request_left_learnsqldelete_main':{
|
|
var data=event.data.data;
|
|
client_left_learnsqldelete_main(data.v1);
|
|
}break;
|
|
case 'client_request_left_editrestchargestation_main':{
|
|
var data=event.data.data;
|
|
client_left_editrestchargestation_main(data.v1);
|
|
}break;
|
|
default:
|
|
var head = event.data.toString().split(':');
|
|
switch (head[0]) {
|
|
case "Right":
|
|
window.open('HMI_Sketch_Right.html', 'rightIframe');
|
|
break;
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
|
|
window.addEventListener("message", receiveMessage, false);
|
|
|
|
function Timer(){
|
|
listener();
|
|
Refresh();
|
|
}
|
|
|
|
var T1 = window.setInterval("Timer()",100);
|
|
</script>
|
|
<body>
|
|
<div id="div1">
|
|
<iframe id="topIframe" name="topIframe" width="99%" height="169" src="HMI_Sketch_Top.html" frameborder="2" scrolling="auto" style="height: 169px;border: none;"></iframe>
|
|
<table style="height: 85%">
|
|
<tr>
|
|
<td height="100%" width="25%">
|
|
<iframe id="leftIframe" class="iframedow" name="leftIframe" width="100%" height="470" src="HMI_Sketch_Left.html" frameborder="2" scrolling="auto"></iframe>
|
|
</td>
|
|
<td height="100%" width="75%">
|
|
<iframe id="rightIframe" class="iframedow" name="rightIframe" width="100%" height="480" src="HMI_Sketch_Right.html" frameborder="2" scrolling="auto"></iframe>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
<style>
|
|
html,body,#div1,table{
|
|
width: 99.5%;
|
|
height: 99.5%;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
table tr{
|
|
width: 100%;
|
|
}
|
|
.iframedow{
|
|
height: 100%;
|
|
}
|
|
iframe{
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
</style>
|
|
</html> |