stepus53/EggbotWireless
1
0
Fork 0
mirror of https://github.com/usatiuk/EggbotWireless.git synced 2025-10-26 16:57:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

gcode parser thing

Browse Source
This commit is contained in:
Stepan Usatiuk
2019-08-05 11:04:59 +03:00
parent 17891a2a64
commit 348d6e80c8
5 changed files with 150 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
App/src/GcodeSender.tsx
View File

@@ -1,5 +1,7 @@
import * as React from "react";
import { IEggbotStatus, getStatus, putCommand } from "~api/eggbot";
import GcodeVisualiser from "~GcodeVisualiser";
import { parseCommand } from "~GcodeParser";
interface IGcodeSenderComponentState {
eggbotStatus: IEggbotStatus | null;
@@ -25,8 +27,8 @@ export class GcodeSenderComponent extends React.PureComponent<
{},
IGcodeSenderComponentState
> {
constructor() {
super(null);
constructor(props: {}) {
super(props);
this.state = defaultState;
this.handleInputChange = this.handleInputChange.bind(this);
@@ -57,13 +59,13 @@ export class GcodeSenderComponent extends React.PureComponent<
public async update() {
const status = await getStatus();
console.log(status);
const gcodeLinesQueue = [...this.state.gcodeLinesQueue];
const gcodeLinesSent = [...this.state.gcodeLinesSent];
const { executing } = this.state;
if (executing && status.commandQueue < 5) {
if (gcodeLinesQueue && gcodeLinesQueue.length > 0) {
const command = gcodeLinesQueue.shift();
console.log(parseCommand(command));
putCommand(command.substr(0, 50));
gcodeLinesSent.push(command);
}
@@ -73,32 +75,38 @@ export class GcodeSenderComponent extends React.PureComponent<
}
render() {
const queuedCommands = this.state.gcodeLinesQueue.map(el => (
<div>{el}</div>
));
const { gcodeLinesQueue, gcodeLinesSent } = this.state;
const executedCommands = this.state.gcodeLinesSent.map(el => (
<div>{el}</div>
));
const queuedCommandsList = gcodeLinesQueue.map(el => <div>{el}</div>);
const executedCommandsList = gcodeLinesSent.map(el => <div>{el}</div>);
return (
<div>
{this.state.executing ? (
<div>
<div style={{ color: "green" }}>{executedCommands}</div>
<div>{queuedCommands}</div>
</div>
) : (
<div>
<textarea
name="gcodeInput"
value={this.state.gcodeInput}
onChange={this.handleInputChange}
/>
<button onClick={this.handleSend}>send</button>
</div>
)}
</div>
<>
<div>
{this.state.executing ? (
<div>
<div style={{ color: "green" }}>
{executedCommandsList}
</div>
<div>{queuedCommandsList}</div>
</div>
) : (
<div>
<textarea
name="gcodeInput"
value={this.state.gcodeInput}
onChange={this.handleInputChange}
/>
<button onClick={this.handleSend}>send</button>
</div>
)}
</div>
<GcodeVisualiser
gcodeLinesQueue={gcodeLinesQueue}
gcodeLinesSent={gcodeLinesSent}
/>
</>
);
}
}