public/index.html aktualisiert
This commit is contained in:
@@ -1,72 +1,72 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
||||
<script src="WebService.js" defer></script>
|
||||
<script src="KeyboardInput.js" defer></script>
|
||||
<script src="GamePad.js" defer></script>
|
||||
<script defer>
|
||||
setTimeout(() => {
|
||||
socket.sendCommand('FShow');
|
||||
}, 300);
|
||||
</script>
|
||||
<style>
|
||||
#GCodeWindow{
|
||||
width: 100%;
|
||||
height: 220px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="topMain">
|
||||
<h1>Send Keyboard <br/> & Gamepad Data</h1>
|
||||
<button onclick="socket.sendCommand('G91 G1 Z10 F1000');">Up</button>
|
||||
<button onclick="socket.sendCommand('G91 G1 Z-10 F1000');">Down</button>
|
||||
</br/>
|
||||
<button onclick="socket.sendCommand('G91 G1 X10 F1000');">Right</button>
|
||||
<button onclick="socket.sendCommand('G91 G1 X-10 F1000');">Left</button>
|
||||
<br/>
|
||||
<button onclick="socket.sendCommand('G91 G1 Y10 F1000');">Forward</button>
|
||||
<button onclick="socket.sendCommand('G91 G1 Y-10 F1000');">Backward</button>
|
||||
<br/>
|
||||
<button onclick="socket.sendCommand('M114');">Info</button>
|
||||
<button onclick="socket.sendCommand('G28');">Null</button>
|
||||
<br/>
|
||||
<br/>
|
||||
<button onclick="socket.sendCommand('G91 G1 A0.1 F1000');">a+</button>
|
||||
<button onclick="socket.sendCommand('G91 G1 A-0.1 F1000');">a-</button>
|
||||
<br/>
|
||||
<button onclick="socket.sendCommand('G91 G1 B0.1 F1000');">B+</button>
|
||||
<button onclick="socket.sendCommand('G91 G1 B-0.1 F1000');">B-</button>
|
||||
<br/>
|
||||
<button onclick="socket.sendCommand('G91 G1 C0.1 F1000');">C+</button>
|
||||
<button onclick="socket.sendCommand('G91 G1 C-0.1 F1000');">C-</button>
|
||||
</div>
|
||||
<br/>
|
||||
<button onclick="socket.sendCommand('G91 G1 E0.1 F1000');">E+</button>
|
||||
<button onclick="socket.sendCommand('G91 G1 E-0.1 F1000');">E-</button>
|
||||
</div>
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
<div id="GCode">
|
||||
<form><a>Motor Koordinaten (GCode) </a><input id="GMotor"/></form><button onclick="socket.send(GMotor.value.replace('G1','M1'));">Send</button>
|
||||
<br/>
|
||||
<form><a>Karthesische Koordinaten (GCode) </a><input id="GKarth"/></form>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="divGCodeWindow">
|
||||
<button onclick="socket.sendCommand('FShow');">ListFile</button>
|
||||
<br/>
|
||||
<textarea id="GCodeWindow" class="editor-look" readonly>
|
||||
|
||||
</textarea>
|
||||
<br/>
|
||||
<button onclick="console.log('FPoint!'); socket.sendCommand('FPoint');socket.sendCommand('FShow');">Point</button>
|
||||
<button onclick="console.log('⇩'); socket.sendCommand('FPlus');socket.sendCommand('FShow');">⇩</button>
|
||||
<button onclick="console.log('⇧'); socket.sendCommand('FMinus');socket.sendCommand('FShow');">⇧</button>
|
||||
</div>
|
||||
</body>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
||||
<script src="WebService.js" defer></script>
|
||||
<script src="KeyboardInput.js" defer></script>
|
||||
<script src="GamePad.js" defer></script>
|
||||
<script defer>
|
||||
setTimeout(() => {
|
||||
socket.sendCommand('FShow');
|
||||
}, 300);
|
||||
</script>
|
||||
<style>
|
||||
#GCodeWindow{
|
||||
width: 100%;
|
||||
height: 220px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="topMain">
|
||||
<h1>Send Keyboard <br/> & Gamepad Data</h1>
|
||||
<button onclick="socket.sendCommand('G91 G1 Z10 F1000');">Up</button>
|
||||
<button onclick="socket.sendCommand('G91 G1 Z-10 F1000');">Down</button>
|
||||
</br/>
|
||||
<button onclick="socket.sendCommand('G91 G1 X10 F1000');">Right</button>
|
||||
<button onclick="socket.sendCommand('G91 G1 X-10 F1000');">Left</button>
|
||||
<br/>
|
||||
<button onclick="socket.sendCommand('G91 G1 Y-10 F1000');">Forward</button>
|
||||
<button onclick="socket.sendCommand('G91 G1 Y10 F1000');">Backward</button>
|
||||
<br/>
|
||||
<button onclick="socket.sendCommand('M114');">Info</button>
|
||||
<button onclick="socket.sendCommand('G28');">Null</button>
|
||||
<br/>
|
||||
<br/>
|
||||
<button onclick="socket.sendCommand('G91 G1 A0.1 F1000');">a+</button>
|
||||
<button onclick="socket.sendCommand('G91 G1 A-0.1 F1000');">a-</button>
|
||||
<br/>
|
||||
<button onclick="socket.sendCommand('G91 G1 B0.1 F1000');">B+</button>
|
||||
<button onclick="socket.sendCommand('G91 G1 B-0.1 F1000');">B-</button>
|
||||
<br/>
|
||||
<button onclick="socket.sendCommand('G91 G1 C0.1 F1000');">C+</button>
|
||||
<button onclick="socket.sendCommand('G91 G1 C-0.1 F1000');">C-</button>
|
||||
</div>
|
||||
<br/>
|
||||
<button onclick="socket.sendCommand('G91 G1 E0.1 F1000');">E+</button>
|
||||
<button onclick="socket.sendCommand('G91 G1 E-0.1 F1000');">E-</button>
|
||||
</div>
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
<div id="GCode">
|
||||
<form><a>Motor Koordinaten (GCode) </a><input id="GMotor"/></form><button onclick="socket.send(GMotor.value.replace('G1','M1'));">Send</button>
|
||||
<br/>
|
||||
<form><a>Karthesische Koordinaten (GCode) </a><input id="GKarth"/></form>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="divGCodeWindow">
|
||||
<button onclick="socket.sendCommand('FShow');">ListFile</button>
|
||||
<br/>
|
||||
<textarea id="GCodeWindow" class="editor-look" readonly>
|
||||
|
||||
</textarea>
|
||||
<br/>
|
||||
<button onclick="console.log('FPoint!'); socket.sendCommand('FPoint');socket.sendCommand('FShow');">Point</button>
|
||||
<button onclick="console.log('⇩'); socket.sendCommand('FPlus');socket.sendCommand('FShow');">⇩</button>
|
||||
<button onclick="console.log('⇧'); socket.sendCommand('FMinus');socket.sendCommand('FShow');">⇧</button>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user