332 lines
18 KiB
HTML
332 lines
18 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en" id="container" onmousedown="startDrag(event)" onmouseup="stopDrag(event)" onmousemove="dragging(event)" style="overflow-x: hidden;
|
||
|
|
overflow-y: hidden; ">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<link rel="stylesheet" href="../css/bootstrap.min.css"/>
|
||
|
|
<link rel="stylesheet" href="../css/btn.css"/>
|
||
|
|
<link rel="stylesheet" href="../css/sketchBtn.css"/>
|
||
|
|
<script src="../jquery-2.1.0.min.js"></script>
|
||
|
|
<script src="../jquery.cookie.js"></script>
|
||
|
|
<script type="text/javascript" type="text/javascript">
|
||
|
|
var Direction="Front";
|
||
|
|
var S300_1_Enable="false";
|
||
|
|
var S300_1_Case=0;
|
||
|
|
var S300_2_Enable="false";
|
||
|
|
var S300_2_Case=0;
|
||
|
|
var TIM_1_Enable="false";
|
||
|
|
var TIM_1_Case=0;
|
||
|
|
var TIM_2_Enable="false";
|
||
|
|
var TIM_2_Case=0;
|
||
|
|
var SpeedType=0;
|
||
|
|
var CreatePairDirectionEnable="true";
|
||
|
|
var ReverseSafeSensorEnable="true";
|
||
|
|
var Auto_Charge_Enable="false";
|
||
|
|
var Plate_Check_Enable="false";
|
||
|
|
var Plate_Check_Enable_To_End_Dist_m=0.0;
|
||
|
|
var PointA_Ref_NodeID=0;
|
||
|
|
var PointB_Ref_NodeID=0;
|
||
|
|
var Learn_Max_NodeID=0;
|
||
|
|
var sch=0;
|
||
|
|
function Init() {
|
||
|
|
if(sch==0) {
|
||
|
|
Direction = window.parent.Direction;//.document.getElementById('Direction').innerText;
|
||
|
|
S300_1_Enable = window.parent.S300_1_Enable;
|
||
|
|
S300_1_Case = window.parent.S300_1_Case;
|
||
|
|
S300_2_Enable = window.parent.S300_2_Enable;
|
||
|
|
S300_2_Case = window.parent.S300_2_Case;
|
||
|
|
TIM_1_Enable = window.parent.TIM_1_Enable;
|
||
|
|
TIM_1_Case = window.parent.TIM_1_Case;
|
||
|
|
TIM_2_Enable = window.parent.TIM_2_Enable;
|
||
|
|
TIM_2_Case = window.parent.TIM_2_Case;
|
||
|
|
SpeedType = window.parent.SpeedType;
|
||
|
|
CreatePairDirectionEnable = window.parent.CreatePairDirectionEnable;
|
||
|
|
Auto_Charge_Enable = window.parent.Auto_Charge_Enable;
|
||
|
|
Plate_Check_Enable = window.parent.Plate_Check_Enable;
|
||
|
|
Plate_Check_Enable_To_End_Dist_m = window.parent.Plate_Check_Enable_To_End_Dist_m;
|
||
|
|
ReverseSafeSensorEnable= window.parent.ReverseSafeSensorEnable;
|
||
|
|
//console.log("S300_1_Case:"+S300_1_Case);
|
||
|
|
PointA_Ref_NodeID = window.parent.PointA_Ref_NodeID;
|
||
|
|
PointB_Ref_NodeID = window.parent.PointB_Ref_NodeID;
|
||
|
|
Learn_Max_NodeID=$.cookie('Learn_Max_NodeID');
|
||
|
|
//console.log("Init:" + Direction + "AAA");
|
||
|
|
if (Direction == "Front") {
|
||
|
|
document.getElementById("ButtonImage_Vertical_Direction").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
||
|
|
} else {
|
||
|
|
document.getElementById("ButtonImage_Vertical_Direction").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
||
|
|
}
|
||
|
|
|
||
|
|
if (S300_1_Enable == "true"){
|
||
|
|
document.getElementById("ButtonImage_S300_1_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
||
|
|
} else {
|
||
|
|
document.getElementById("ButtonImage_S300_1_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
||
|
|
}
|
||
|
|
|
||
|
|
document.getElementById('S300_1_Case').value=S300_1_Case;
|
||
|
|
|
||
|
|
if(S300_2_Enable == "true"){
|
||
|
|
document.getElementById("ButtonImage_S300_2_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
||
|
|
} else {
|
||
|
|
document.getElementById("ButtonImage_S300_2_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
||
|
|
}
|
||
|
|
|
||
|
|
document.getElementById('S300_2_Case').value=S300_2_Case;
|
||
|
|
|
||
|
|
if(TIM_1_Enable == "true"){
|
||
|
|
document.getElementById("ButtonImage_TIM_1_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
||
|
|
} else {
|
||
|
|
document.getElementById("ButtonImage_TIM_1_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
||
|
|
}
|
||
|
|
|
||
|
|
document.getElementById('TIM_1_Case').value=TIM_1_Case;
|
||
|
|
|
||
|
|
if(TIM_2_Enable == "true"){
|
||
|
|
document.getElementById("ButtonImage_TIM_2_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
||
|
|
} else {
|
||
|
|
document.getElementById("ButtonImage_TIM_2_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
||
|
|
}
|
||
|
|
|
||
|
|
document.getElementById('TIM_2_Case').value=TIM_2_Case;
|
||
|
|
|
||
|
|
if(CreatePairDirectionEnable == "true"){
|
||
|
|
document.getElementById("ButtonImage_Vertical_CreatePairDirectionEnable").setAttribute("src","../Led_Display/Button_Vertical_On.bmp");
|
||
|
|
} else {
|
||
|
|
document.getElementById("ButtonImage_Vertical_CreatePairDirectionEnable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
||
|
|
}
|
||
|
|
|
||
|
|
if(ReverseSafeSensorEnable == "true"){
|
||
|
|
document.getElementById("ButtonImage_Vertical_ReverseSafeSensorEnable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
||
|
|
} else {
|
||
|
|
document.getElementById("ButtonImage_Vertical_ReverseSafeSensorEnable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
||
|
|
}
|
||
|
|
//document.getElementById('SpeedType').value=SpeedType;
|
||
|
|
|
||
|
|
if(PointA_Ref_NodeID!=0){
|
||
|
|
document.getElementById('StartNode').value=PointA_Ref_NodeID;
|
||
|
|
}
|
||
|
|
else{
|
||
|
|
Learn_Max_NodeID++;
|
||
|
|
document.getElementById('StartNode').value=(Learn_Max_NodeID);
|
||
|
|
}
|
||
|
|
if(PointB_Ref_NodeID!=0){
|
||
|
|
document.getElementById('EndNode').value=PointB_Ref_NodeID;
|
||
|
|
}
|
||
|
|
else{
|
||
|
|
Learn_Max_NodeID++;
|
||
|
|
document.getElementById('EndNode').value=Learn_Max_NodeID;
|
||
|
|
}
|
||
|
|
/*
|
||
|
|
document.getElementById('S300_1_Case').style.display="none";
|
||
|
|
document.getElementById('ButtonImage_S300_1_Enable').style.display="none";
|
||
|
|
document.getElementById('S300_2_Case').style.display="none";
|
||
|
|
document.getElementById('ButtonImage_S300_2_Enable').style.display="none";
|
||
|
|
document.getElementById('TIM_1_Case').style.display="none";
|
||
|
|
document.getElementById('ButtonImage_TIM_1_Enable').style.display="none";
|
||
|
|
document.getElementById('TIM_2_Case').style.display="none";
|
||
|
|
document.getElementById('ButtonImage_TIM_2_Enable').style.display="none";
|
||
|
|
*/
|
||
|
|
sch = 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
window.onload= function()
|
||
|
|
{
|
||
|
|
Init();
|
||
|
|
}
|
||
|
|
function Refresh(){
|
||
|
|
document.getElementById('Direction').innerText = 'Direction=' + Direction;
|
||
|
|
}
|
||
|
|
function Timer(){
|
||
|
|
Refresh();
|
||
|
|
}
|
||
|
|
window.setInterval("Timer()",100);
|
||
|
|
|
||
|
|
function SketchLeftLearnLineAHSch2PostMessage(str){
|
||
|
|
parent.window.postMessage(
|
||
|
|
str,
|
||
|
|
"*" //or "www.parentpage.com"
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
function receiveMessage(event) {
|
||
|
|
//console.log(event);
|
||
|
|
switch(event.data.event_id){
|
||
|
|
case "client_response_left_learnlineah_main":{// case "client_response":{
|
||
|
|
var data=event.data.data;
|
||
|
|
var result=data.v1;
|
||
|
|
var ROS_String_Output=data.v2;
|
||
|
|
var Rec_Learn_String_Input=data.v3;
|
||
|
|
document.getElementById('result').innerText='result='+result;
|
||
|
|
document.getElementById('ROS_String_Output').innerText='ROS_String_Output='+ROS_String_Output;
|
||
|
|
document.getElementById('Rec_Learn_String_Input').innerText='Rec_Learn_String_Input='+Rec_Learn_String_Input;
|
||
|
|
|
||
|
|
if(ROS_String_Output=="CheckNode OK"){
|
||
|
|
LearnLineAHSch2_CheckNodeOK();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
window.addEventListener("message", receiveMessage, false);
|
||
|
|
|
||
|
|
function Button_SetLinePathAH(startnode,endnode,direction,s300_1_enable,s300_1_case,s300_2_enable,s300_2_case,tim_1_enable,tim_1_case,tim_2_enable,tim_2_case,SpeedType,createpairdirectionenable,auto_charge_enable,plate_check_enable,plate_check_enable_to_end_dist_m,reversesafesensorenable){
|
||
|
|
var str="LearnLineAHSch2:"+startnode+","+endnode+","+direction+","+s300_1_enable+","+s300_1_case+","+s300_2_enable+","+s300_2_case+","+tim_1_enable+","+tim_1_case+","+tim_2_enable+","+tim_2_case+","+SpeedType+","+createpairdirectionenable+","+auto_charge_enable+","+plate_check_enable+","+plate_check_enable_to_end_dist_m+","+reversesafesensorenable+"#";
|
||
|
|
console.log(str);
|
||
|
|
SketchLeftLearnLineAHSch2PostMessage(str);
|
||
|
|
}
|
||
|
|
|
||
|
|
function LearnLineAHSch2_CheckNodeOK(){
|
||
|
|
var str="LearnLineAHSch2_CheckNodeOK";
|
||
|
|
SketchLeftLearnLineAHSch2PostMessage(str);
|
||
|
|
}
|
||
|
|
|
||
|
|
function Button_S300_1_Enable(){
|
||
|
|
if(sch==1){
|
||
|
|
if(S300_1_Enable=="true"){
|
||
|
|
S300_1_Enable="false";
|
||
|
|
document.getElementById("ButtonImage_S300_1_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
||
|
|
}else{
|
||
|
|
S300_1_Enable="true";
|
||
|
|
document.getElementById("ButtonImage_S300_1_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function Button_S300_2_Enable(){
|
||
|
|
if(sch==1){
|
||
|
|
if(S300_2_Enable=="true"){
|
||
|
|
S300_2_Enable="false";
|
||
|
|
document.getElementById("ButtonImage_S300_2_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
||
|
|
}else{
|
||
|
|
S300_2_Enable="true";
|
||
|
|
document.getElementById("ButtonImage_S300_2_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function Button_TIM_1_Enable(){
|
||
|
|
if(sch==1){
|
||
|
|
if(TIM_1_Enable=="true"){
|
||
|
|
TIM_1_Enable="false";
|
||
|
|
document.getElementById("ButtonImage_TIM_1_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
||
|
|
}else{
|
||
|
|
TIM_1_Enable="true";
|
||
|
|
document.getElementById("ButtonImage_TIM_1_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function Button_TIM_2_Enable(){
|
||
|
|
if(sch==1){
|
||
|
|
if(TIM_2_Enable=="true"){
|
||
|
|
TIM_2_Enable="false";
|
||
|
|
document.getElementById("ButtonImage_TIM_2_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
||
|
|
}else{
|
||
|
|
TIM_2_Enable="true";
|
||
|
|
document.getElementById("ButtonImage_TIM_2_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function Button_Auto_Charge_Enable(){
|
||
|
|
if(sch==1){
|
||
|
|
if(Auto_Charge_Enable=="true"){
|
||
|
|
Auto_Charge_Enable="false";
|
||
|
|
document.getElementById("ButtonImage_Auto_Charge_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
||
|
|
}else{
|
||
|
|
Auto_Charge_Enable="true";
|
||
|
|
document.getElementById("ButtonImage_Auto_Charge_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function Button_Plate_Check_Enable(){
|
||
|
|
if(sch==1){
|
||
|
|
if(Plate_Check_Enable=="true"){
|
||
|
|
Plate_Check_Enable="false";
|
||
|
|
document.getElementById("ButtonImage_Plate_Check_Enable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
||
|
|
}else{
|
||
|
|
Plate_Check_Enable="true";
|
||
|
|
document.getElementById("ButtonImage_Plate_Check_Enable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function Button_CreatePairDirectionEnable(){
|
||
|
|
if(sch==1){
|
||
|
|
if(CreatePairDirectionEnable=="true"){
|
||
|
|
CreatePairDirectionEnable="false";
|
||
|
|
document.getElementById("ButtonImage_Vertical_CreatePairDirectionEnable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
||
|
|
}else{
|
||
|
|
CreatePairDirectionEnable="true";
|
||
|
|
document.getElementById("ButtonImage_Vertical_CreatePairDirectionEnable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function Button_ReverseSafeSensorEnable(){
|
||
|
|
if(sch==1){
|
||
|
|
if(ReverseSafeSensorEnable=="true"){
|
||
|
|
ReverseSafeSensorEnable="false";
|
||
|
|
document.getElementById("ButtonImage_Vertical_ReverseSafeSensorEnable").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
||
|
|
}else{
|
||
|
|
ReverseSafeSensorEnable="true";
|
||
|
|
document.getElementById("ButtonImage_Vertical_ReverseSafeSensorEnable").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function Button_Direction(){
|
||
|
|
if( sch==1) {
|
||
|
|
if (Direction == "Front") {
|
||
|
|
Direction = "Reverse";
|
||
|
|
document.getElementById("ButtonImage_Vertical_Direction").setAttribute("src", "../Led_Display/Button_Vertical_Off.bmp");
|
||
|
|
} else {
|
||
|
|
Direction = "Front";
|
||
|
|
document.getElementById("ButtonImage_Vertical_Direction").setAttribute("src", "../Led_Display/Button_Vertical_On.bmp");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<title>Title</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<tr>
|
||
|
|
<div id='result'></div>
|
||
|
|
<div id='ROS_String_Output'></div>
|
||
|
|
<div id='Rec_Learn_String_Input'></div>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<input type=button class="btn" id="Button_SetLinePathAH_Slow" value="Button_SetLinePathAH_Slow" onclick=Button_SetLinePathAH(StartNode.value,EndNode.value,Direction,S300_1_Enable,document.getElementById('S300_1_Case').value,S300_2_Enable,document.getElementById('S300_2_Case').value,TIM_1_Enable,document.getElementById('TIM_1_Case').value,TIM_2_Enable,document.getElementById('TIM_2_Case').value,0,CreatePairDirectionEnable,Auto_Charge_Enable,Plate_Check_Enable,getElementById('Plate_Check_Enable_To_End_Dist_m').value,ReverseSafeSensorEnable) style="background:lightgreen",0></input>
|
||
|
|
<input type=button class="btn setting" id="Button_SetLinePathAH_Fast" value="Button_SetLinePathAH_Fast" onclick=Button_SetLinePathAH(StartNode.value,EndNode.value,Direction,S300_1_Enable,document.getElementById('S300_1_Case').value,S300_2_Enable,document.getElementById('S300_2_Case').value,TIM_1_Enable,document.getElementById('TIM_1_Case').value,TIM_2_Enable,document.getElementById('TIM_2_Case').value,1,CreatePairDirectionEnable,false,false,0,ReverseSafeSensorEnable) style="background:lightgreen",1></input>
|
||
|
|
<input type=button class="btn setting" id="Button_SetLinePathAH_Type2" value="Button_SetLinePathAH_Type2" onclick=Button_SetLinePathAH(StartNode.value,EndNode.value,Direction,S300_1_Enable,document.getElementById('S300_1_Case').value,S300_2_Enable,document.getElementById('S300_2_Case').value,TIM_1_Enable,document.getElementById('TIM_1_Case').value,TIM_2_Enable,document.getElementById('TIM_2_Case').value,2,CreatePairDirectionEnable,Auto_Charge_Enable,Plate_Check_Enable,getElementById('Plate_Check_Enable_To_End_Dist_m').value,ReverseSafeSensorEnable) style="background:lightgreen",0></input>
|
||
|
|
|
||
|
|
<p>StartNode<input type=text class="input form-control" id="StartNode" name=StartNode value="1"></input></p>
|
||
|
|
<p>EndNode<input type=text class="input form-control" id="EndNode" name=EndNode value="2"></input></p>
|
||
|
|
|
||
|
|
<p>TIM_1_Case<input type=text class="input form-control" id="TIM_1_Case" name=TIM_1_Case value="0"></input></p>
|
||
|
|
<p>TIM_1_Enable<img id="ButtonImage_TIM_1_Enable" onclick="Button_TIM_1_Enable()" src="../Led_Display/Button_Vertical_On.bmp"/></p>
|
||
|
|
<p>TIM_2_Case<input type=text class="input form-control" id="TIM_2_Case" name=TIM_2_Case value="0"></input></p>
|
||
|
|
<p>TIM_2_Enable<img id="ButtonImage_TIM_2_Enable" onclick="Button_TIM_2_Enable()" src="../Led_Display/Button_Vertical_On.bmp"/></p>
|
||
|
|
|
||
|
|
|
||
|
|
<p>S300_1_Case<input type=text class="input form-control" id="S300_1_Case" name=S300_1_Case value="0"></input></p>
|
||
|
|
<p>S300_1_Enable<img id="ButtonImage_S300_1_Enable" onclick="Button_S300_1_Enable()" src="../Led_Display/Button_Vertical_On.bmp"/></p>
|
||
|
|
<p>S300_2_Case<input type=text class="input form-control" id="S300_2_Case" name=S300_2_Case value="0"></input></p>
|
||
|
|
<p>S300_2_Enable<img id="ButtonImage_S300_2_Enable" onclick="Button_S300_2_Enable()" src="../Led_Display/Button_Vertical_On.bmp"/></p>
|
||
|
|
<p>ReverseSafeSensorEnable<img id="ButtonImage_Vertical_ReverseSafeSensorEnable" onclick="Button_ReverseSafeSensorEnable()" src="../Led_Display/Button_Vertical_On.bmp"/></p>
|
||
|
|
<p>CreatePairDirectionEnable<img id="ButtonImage_Vertical_CreatePairDirectionEnable" onclick="Button_CreatePairDirectionEnable()" src="../Led_Display/Button_Vertical_On.bmp"/></p>
|
||
|
|
<p>Auto_Charge_Enable<img id="ButtonImage_Auto_Charge_Enable" onclick="Button_Auto_Charge_Enable()" src="../Led_Display/Button_Vertical_Off.bmp"/></p>
|
||
|
|
<p>Plate_Check_Enable<img id="ButtonImage_Plate_Check_Enable" onclick="Button_Plate_Check_Enable()" src="../Led_Display/Button_Vertical_Off.bmp"/></p>
|
||
|
|
<p>Plate_Check_Enable_To_End_Dist_m<input type=text class="input form-control" id="Plate_Check_Enable_To_End_Dist_m" name=Plate_Check_Enable_To_End_Dist_m value="2.5"></input></p>
|
||
|
|
|
||
|
|
<p>Direction<img id="ButtonImage_Vertical_Direction" onclick="Button_Direction()" src="../Led_Display/Button_Vertical_On.bmp"/></p>
|
||
|
|
<p><div id='Direction'></div></p>
|
||
|
|
</body>
|
||
|
|
<script src="../js/drag.js"></script>
|
||
|
|
<script>
|
||
|
|
$(".input").focus(function(){
|
||
|
|
window.parent.parent.parent.parent.inputDom = this;
|
||
|
|
var distance = $(parent.document).scrollTop() + 500 + "px";
|
||
|
|
$(".simple-keyboard", parent.parent.parent.parent.document).css("top", distance)
|
||
|
|
$(".keyboard",parent.parent.parent.parent.document).show();
|
||
|
|
window.parent.parent.parent.parent.clearKeyboard();
|
||
|
|
})
|
||
|
|
if(window.parent.parent.parent.parent.Switching_Modes == 0){
|
||
|
|
$('.setting').hide()
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</html>
|