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.
108 lines
3.3 KiB
108 lines
3.3 KiB
<html>
|
|
<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="sensordetail_show(this);">Sensors</a>
|
|
<a href="#" onclick="blockdetail_show(this);">Block</a>
|
|
</div>
|
|
</div>
|
|
<div id="infoserverstatus" style="float:right; padding: 8px 8px;">notconnected</div>
|
|
<div id="infoline" style="float:right; padding: 8px 8px;">editinfo</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>
|
|
<div class="page_side_edit" id="side_trackedit" style="display: none;">
|
|
<button class="side_btn_mode side_btn_selected" id="mode-none" onclick="sideBtnModeClick(this);" value="none">
|
|
<img src="images/btnarrow.png"></button>
|
|
<button class="side_btn_mode" id="mode-move" onclick="sideBtnModeClick(this);" value="move">
|
|
<img src="images/btnmove.png"></button>
|
|
<button class="side_btn_mode" id="mode-delete" onclick="sideBtnModeClick(this);" value="delete">
|
|
<img src="images/btndelete.png"></button>
|
|
<button class="side_btn_mode" id="mode-rail" onclick="sideBtnModeClick(this);" value="rail">
|
|
<img src="images/btnrail.png"></button>
|
|
<button class="side_btn_mode" id="mode-turn" onclick="sideBtnModeClick(this);" value="turnout">
|
|
<img src="images/btnturnout.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("infoline");
|
|
text.innerHTML = "---";
|
|
|
|
client.appendChild (canvas);
|
|
|
|
trackDraw();
|
|
|
|
serverinout_AutoUpdate();
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|