spacecruft
/
Farmbot-Web-App
1
0
Fork 0
Code Issues Pull Requests Releases Activity

refactor controls page

pull/932/head
gabrielburnworth 2018-07-24 11:49:40 -07:00
parent 91f9a15597
commit 2516b6cd42
1 changed files with 51 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
webpack/controls/controls.tsx
View File

@ -5,75 +5,79 @@ import { Sensors } from "./sensors";
import { Row, Page, Col } from "../ui/index";
import { mapStateToProps } from "./state_to_props";
import { WebcamPanel } from "./webcam";
import { Props, MoveProps } from "./interfaces";
import { Props } from "./interfaces";
import { Move } from "./move";
import { BooleanSetting } from "../session_keys";
import { Feature } from "../devices/interfaces";
import { SensorReadings } from "./sensor_readings/sensor_readings";
/** Controls page. */
@connect(mapStateToProps)
export class Controls extends React.Component<Props, {}> {
get arduinoBusy() {
return !!this.props.bot.hardware.informational_settings.busy;
}
move = () => <Move
bot={this.props.bot}
user={this.props.user}
dispatch={this.props.dispatch}
arduinoBusy={this.arduinoBusy}
botToMqttStatus={this.props.botToMqttStatus}
firmwareSettings={this.props.firmwareSettings}
getWebAppConfigVal={this.props.getWebAppConfigVal} />
peripherals = () => <Peripherals
bot={this.props.bot}
peripherals={this.props.peripherals}
dispatch={this.props.dispatch}
disabled={this.arduinoBusy} />
webcams = () => <WebcamPanel
feeds={this.props.feeds}
dispatch={this.props.dispatch} />
sensors = () => this.props.shouldDisplay(Feature.sensors)
? <Sensors
bot={this.props.bot}
sensors={this.props.sensors}
dispatch={this.props.dispatch}
disabled={this.arduinoBusy} />
: <div id="hidden-sensors-widget" />
sensorReadings = () => this.props.sensorReadings.length > 0
? <SensorReadings
sensorReadings={this.props.sensorReadings}
sensors={this.props.sensors}
timeOffset={this.props.timeOffset} />
: <div id="hidden-sensor-history-widget" />
render() {
const arduinoBusy = !!this
.props
.bot
.hardware
.informational_settings
.busy;
const moveProps: MoveProps = {
bot: this.props.bot,
user: this.props.user,
dispatch: this.props.dispatch,
arduinoBusy,
botToMqttStatus: this.props.botToMqttStatus,
firmwareSettings: this.props.firmwareSettings,
getWebAppConfigVal: this.props.getWebAppConfigVal,
};
const showWebcamWidget = !this.props.getWebAppConfigVal(BooleanSetting.hide_webcam_widget);
const showWebcamWidget =
!this.props.getWebAppConfigVal(BooleanSetting.hide_webcam_widget);
return <Page className="controls">
{showWebcamWidget
?
<Row>
<Col xs={12} sm={6} md={5} mdOffset={1}>
<Move {...moveProps} />
<Peripherals
bot={this.props.bot}
peripherals={this.props.peripherals}
dispatch={this.props.dispatch}
disabled={arduinoBusy} />
<this.move />
<this.peripherals />
</Col>
<Col xs={12} sm={6}>
<WebcamPanel feeds={this.props.feeds} dispatch={this.props.dispatch} />
{this.props.shouldDisplay(Feature.sensors) &&
<Sensors
bot={this.props.bot}
sensors={this.props.sensors}
dispatch={this.props.dispatch}
disabled={arduinoBusy} />}
<this.webcams />
<this.sensors />
<this.sensorReadings />
</Col>
</Row>
:
<Row>
<Col xs={12} sm={6} md={5} mdOffset={1}>
<Move {...moveProps} />
<this.move />
</Col>
<Col xs={12} sm={5}>
<Peripherals
bot={this.props.bot}
peripherals={this.props.peripherals}
dispatch={this.props.dispatch}
disabled={arduinoBusy} />
{this.props.shouldDisplay(Feature.sensors) &&
<Sensors
bot={this.props.bot}
sensors={this.props.sensors}
dispatch={this.props.dispatch}
disabled={arduinoBusy} />}
{this.props.sensorReadings.length > 0 &&
<SensorReadings
sensorReadings={this.props.sensorReadings}
sensors={this.props.sensors}
timeOffset={this.props.timeOffset} />}
<this.peripherals />
<this.sensors />
<this.sensorReadings />
</Col>
</Row>}
</Page>;