Files
apt-nl-map/static/Magic4/Sketch/HMI_Sketch_Top.html
2024-12-04 10:21:04 +08:00

147 lines
7.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../css/bootstrap.min.css"/>
<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" src="../js/i18n/TimeI18n.js"></script>
<script type="text/javascript">
var ButtonImage_Vertical_FollowCar=false;
function SketchRightPostMessage(str){
parent.window.document.getElementById('rightIframe').contentWindow.postMessage(
str,
"*" //or "www.parentpage.com"
);
}
function SketchLeftPostMessage(str){
parent.window.document.getElementById('leftIframe').contentWindow.postMessage(
str
,
"*" //or "www.parentpage.com"
);
}
function Button_FindCar(){
SketchRightPostMessage("Button_FindCar");
}
function Button_ZoomIn(){
SketchRightPostMessage("Button_ZoomIn");
}
function Button_ZoomOut(){
SketchRightPostMessage("Button_ZoomOut");
}
function Button_CanvasInit(){
SketchRightPostMessage("Button_CanvasInit");
}
function Button_FollowCar(){
if(ButtonImage_Vertical_FollowCar==false){
ButtonImage_Vertical_FollowCar=true;
document.getElementById("ButtonImage_Vertical_FollowCar").setAttribute("src","../Led_Display/Button_Vertical_On.bmp");
}
else{
ButtonImage_Vertical_FollowCar=false;
document.getElementById("ButtonImage_Vertical_FollowCar").setAttribute("src","../Led_Display/Button_Vertical_Off.bmp");
}
var str='ButtonImage_Vertical_FollowCar:'+ButtonImage_Vertical_FollowCar+"#";
SketchRightPostMessage(str);
}
function Button_LearnWayPointAB(){
SketchLeftPostMessage("LearnWayPointAB");
}
function Button_LearnWayPointAB3(){
SketchLeftPostMessage("LearnWayPointAB3");
}
function Button_LearnWayPointAB4(){
SketchLeftPostMessage("LearnWayPointAB4");
}
function Button_LearnLineAB(){
SketchLeftPostMessage("LearnLineAB");
}
function Button_LearnLineAH(){
SketchLeftPostMessage("LearnLineAH");
}
function Button_LearnBezierAB(){
SketchLeftPostMessage("LearnBezierAB");
}
function Button_EditInfo(){
SketchLeftPostMessage("EditInfo");
}
function Button_RemovePath(){
SketchLeftPostMessage("RemovePath");
}
function Button_SetStation(){
SketchLeftPostMessage("SetStation");
}
function Button_RemoveStation(){
SketchLeftPostMessage("RemoveStation");
}
function Button_Main(){
SketchLeftPostMessage("Main");
}
function Button_LearnSQLImport(){
SketchLeftPostMessage("LearnSQLImport");
}
function Button_LearnSQLExport(){
SketchLeftPostMessage("LearnSQLExport");
}
function Button_LearnSQLDelete(){
SketchLeftPostMessage("LearnSQLDelete");
}
function Button_EditRestChargeStation(){
SketchLeftPostMessage("EditRestChargeStation");
}
</script>
<title>Title</title>
</head>
<body>
<div>
<img id="ButtonImage_Vertical_FollowCar" onclick="Button_FollowCar()" src="../Led_Display/Button_Vertical_Off.bmp"/>
<input type=button class="btn" id="Button_CanvasInit" value="CanvasInit" data-i18n-value="sketch.top.canvasInit" onclick=Button_CanvasInit() style=" background:green"></input>
<input type=button class="btn" id="Button_FindCar" value="FindCar" data-i18n-value="sketch.top.findCar" onclick=Button_FindCar() style=" background:green"></input>
<input type=button class="btn" id="Button_ZoomIn" value="ZoomIn" data-i18n-value="sketch.top.zoomIn" onclick=Button_ZoomIn() style=" background:green"></input>
<input type=button class="btn" id="Button_ZoomOut" value="ZoomOut" data-i18n-value="sketch.top.zoomOut" onclick=Button_ZoomOut() style=" background:green"></input>
<input type=button class="btn" id="Button_LearnLineAB" value="LearnLineAB" data-i18n-value="sketch.top.learnLineAB" onclick=Button_LearnLineAB() style=" background:green"></input>
<input type=button class="btn" id="Button_LearnLineAH" value="LearnLineAH" data-i18n-value="sketch.top.learnLineAH" onclick=Button_LearnLineAH() style=" background:green"></input>
<input type=button class="btn" id="Button_LearnBezierAB" value="LearnBezierAB" data-i18n-value="sketch.top.learnBezierAB" onclick=Button_LearnBezierAB() style=" background:green"></input>
<input type=button class="btn" id="Button_LearnWayPointAB" value="LearnWayPointAB" data-i18n-value="sketch.top.learnWayPointAB" onclick=Button_LearnWayPointAB() style=" background:green"></input>
<input type=button class="btn setting" id="Button_LearnWayPointAB3" value="LearnWayPointAB3" data-i18n-value="sketch.top.learnWayPointAB3" onclick=Button_LearnWayPointAB3() style=" background:green"></input>
<!-- <input type=button class="btn setting" id="Button_LearnWayPointAB4" value="LearnWayPointAB4" onclick=Button_LearnWayPointAB4() style=" background:green"></input>-->
<input type=button class="btn" id="Button_Main" value="Main" data-i18n-value="sketch.top.main" onclick=Button_Main() style=" background:red"></input>
<input type=button class="btn" id="Button_LearnSQLImport" value="LearnSQLImport" onclick=Button_LearnSQLImport() style="background:orange"></input>
<input type=button class="btn" id="Button_LearnSQLExport" value="LearnSQLExport" onclick=Button_LearnSQLExport() style="background:orange"></input>
<input type=button class="btn" id="Button_LearnSQLDelete" value="LearnSQLDelete" onclick=Button_LearnSQLDelete() style="background:orange"></input>
<input type=button class="btn" id="Button_EditInfo" value="EditInfo" data-i18n-value="sketch.top.editInfo" onclick=Button_EditInfo() style=" background:red"></input>
<input type=button class="btn" id="Button_EditRestChargeStation" value="EditRestChargeStation" onclick=Button_EditRestChargeStation() style="background:red"></input>
<input type=button class="btn" id="Button_RemovePath" value="RemovePath" data-i18n-value="sketch.top.removePath" onclick=Button_RemovePath() style=" background:red"></input>
<input type=button class="btn" id="Button_SetStation" value="SetStation" data-i18n-value="sketch.top.setStation" onclick=Button_SetStation() style=" background:red"></input>
<input type=button class="btn" id="Button_RemoveStation" value="RemoveStation" data-i18n-value="sketch.top.removeStation" onclick=Button_RemoveStation() style=" background:red"></input>
</div>
</body>
<style>
img{
vertical-align: middle;
}
input{
display: inline-block;
}
.btn{
color: white;
font-size: 23px;
padding: 6px 20px;
margin: 4px 10px;
}
</style>
<script type="text/javascript" src="js/i18n/TimeI18n.js"></script>
<script>
if(window.parent.parent.Switching_Modes == 0){
$('.setting').hide()
}
loadText();
</script>
</html>