You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
126 lines
4.2 KiB
126 lines
4.2 KiB
<html>
|
|
<meta charset="utf-8">
|
|
<head>
|
|
<title>Modelbahn</title>
|
|
<script src="jquery-3.1.0.min.js"></script>
|
|
<script src="gui/guidebug.js"></script>
|
|
<script src="gui/guiwindow.js"></script>
|
|
<script src="gui/gui.js"></script>
|
|
<script src="serverinout.js"></script>
|
|
<script src="interface.js"></script>
|
|
<script src="railways.js"></script>
|
|
<script src="locomotive.js"></script>
|
|
<script src="sensor.js"></script>
|
|
<script src="track.js"></script>
|
|
<script src="side.js"></script>
|
|
<script src="block.js"></script>
|
|
<script src="testwindow.js"></script>
|
|
<link rel="stylesheet" href="gui/gui.css">
|
|
<link rel="stylesheet" href="layout.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="navbar">
|
|
<a href="#home">Home</a>
|
|
<div class="dropdown">
|
|
<button class="dropbtn">Server
|
|
<i class="fa fa-caret-down"></i>
|
|
</button>
|
|
<div class="dropdown-content">
|
|
<a href="#" onclick="serverinout_Save(this);">Save</a>
|
|
<a href="#" onclick="debug_Enable(this);">Debug</a>
|
|
</div>
|
|
</div>
|
|
<div class="dropdown">
|
|
<button class="dropbtn">Configuration
|
|
<i class="fa fa-caret-down"></i>
|
|
</button>
|
|
<div class="dropdown-content">
|
|
<a href="#" onclick="side_Display(SIDE_DISPLAY_EDITTRACK);">Track</a>
|
|
<a href="#" onclick="intdetail_show(this);">Interfaces</a>
|
|
<a href="#" onclick="turndetail_show(this);">Turnouts</a>
|
|
<a href="#" onclick="locodetail_show(this);">Locomotives</a>
|
|
<a href="#" onclick="sensorlist_show(this);">Sensors</a>
|
|
<a href="#" onclick="blockdetail_show(this);">Block</a>
|
|
</div>
|
|
</div>
|
|
<div id="infoclient" style="float:right; padding: 8px 8px;">infoclient</div>
|
|
<div id="infoserver" style="float:right; padding: 8px 8px;">infoserver</div>
|
|
</div>
|
|
|
|
<div class="page_side">
|
|
<button class="side_btn" id="btn-onoff" onclick="sideBtnOnOffClick(this);" value="0">
|
|
<img src="images/btnonoff.png"></button>
|
|
<br><br>
|
|
<button class="side_btn_mode" id="sidebtn-reset" onclick="sideBtnResetClick(this);" value="none">
|
|
<img src="images/btnreset.png"></button><br>
|
|
<button class="side_btn_mode" id="sidebtn-manual" onclick="sideBtnManualClick(this);" value="none">
|
|
<img src="images/btnmanual.png"></button><br>
|
|
<button class="side_btn_mode" id="sidebtn-auto" onclick="sideBtnAutoClick(this);" value="none">
|
|
<img src="images/btnauto.png"></button><br>
|
|
|
|
<br>
|
|
<button class="side_btn_cmd" id="sidebtn-close" onclick="sideBtnCloseClick(this);" value="none">
|
|
<img src="images/btnclose.png"></button><br><br>
|
|
<br><br>
|
|
<div class="page_side_edit" id="side_trackeditbuttons" style="display: none;">
|
|
<button class="side_btn_cmd side_btn_selected" id="cmd-none" onclick="sideBtnCmdClick(this);" value="none">
|
|
<img src="images/btnarrow.png"></button>
|
|
<button class="side_btn_cmd" id="cmd-track-move" onclick="sideBtnCmdClick(this);" value="move">
|
|
<img src="images/btnmove.png"></button>
|
|
<button class="side_btn_cmd" id="cmd-track-delete" onclick="sideBtnCmdClick(this);" value="delete">
|
|
<img src="images/btndelete.png"></button>
|
|
<button class="side_btn_cmd" id="cmd-track-rail" onclick="sideBtnCmdClick(this);" value="rail">
|
|
<img src="images/btnrail.png"></button>
|
|
<button class="side_btn_cmd" id="cmd-track-detail" onclick="sideBtnCmdClick(this);" value="detail">
|
|
<img src="images/btnsettings.png"></button>
|
|
<br><br>
|
|
</div>
|
|
|
|
<div class="page_side_edit" id="side_normalbuttons" style="display: block;">
|
|
<button class="side_btn_cmd" id="sidebtn-loco" onclick="sideBtnLocoClick(this);" value="none">
|
|
<img src="images/btnloco.png"></button><br><br>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="page_main" id="page_main"></div>
|
|
|
|
<div class="page_bottom" id="debug_div">
|
|
<pre id="debug"></pre>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
|
|
function debug_Enable() {
|
|
var x = document.getElementById("debug_div");
|
|
if (x.style.display === "none") {
|
|
$(':root').css('--bottom-height', '256px');
|
|
x.style.display = "block";
|
|
} else {
|
|
$(':root').css('--bottom-height', '0px');
|
|
x.style.display = "none";
|
|
}
|
|
}
|
|
|
|
|
|
$(document).ready(function() {
|
|
var client = document.getElementById("page_main");
|
|
var canvas = trackCreate(5, 5);
|
|
|
|
var text = document.getElementById("infoserver");
|
|
text.innerHTML = "---";
|
|
|
|
client.appendChild (canvas);
|
|
|
|
trackDraw();
|
|
|
|
serverinout_AutoUpdate();
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|