Skip to content

V2 #109

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 13 commits into from
Apr 5, 2019
Prev Previous commit
Next Next commit
minor fixes demo, updated some deps
  • Loading branch information
Stefania committed Apr 5, 2019
commit 1aa9f63a9aa4528eb2ee665af1b9bba423049f1e
10 changes: 6 additions & 4 deletions demo/app.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -214,8 +214,6 @@ class App extends React.Component {

return (
<div>
<V2 daemon={daemon}></V2>

<h1>Arduino Create Plugin Client Demo</h1>

<div className="section">
Expand Down Expand Up @@ -269,11 +267,15 @@ class App extends React.Component {
<h2>Serial Monitor</h2>

<form onSubmit={this.handleSend}>
<input id="serial-input" value={this.state.serialInput} onChange={this.handleChangeSerial}/>
<input aria-label="serial input" id="serial-input" value={this.state.serialInput} onChange={this.handleChangeSerial}/>
<input type="submit" value="Send" />
</form>

<textarea id="serial-textarea" value={ this.state.serialMonitorContent } readOnly/>
<textarea aria-label="Serial Monitor output" id="serial-textarea" value={ this.state.serialMonitorContent } readOnly/>
</div>

<div className="v2">
<V2 daemon={daemon}></V2>
</div>

<div className="section">
Expand Down
6 changes: 6 additions & 0 deletions demo/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,7 @@
.section {
margin: 20px;
}

.install-tool-container .tool-input {
display: flex;
margin: 10px 0;
Expand All @@ -66,6 +67,11 @@
flex: 0 1 500px;
}

.v2 {
background-color: #ecf1f1;
padding: 20px;
}

table {
border-collapse: collapse;
}
Expand Down
26 changes: 13 additions & 13 deletions demo/v2/install_tool.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -63,44 +63,44 @@ export class V2InstallTool extends React.Component {
<h2>Install a new tool</h2>
<form onSubmit={this.handleSubmit}>
<div className="tool-input">
<label for="name">
<label htmlFor="name">
Name:
</label>
<input type="text" name="name" value={this.state.name} onChange={this.handleChange} />
<input type="text" id="name" value={this.state.name} onChange={this.handleChange} />
</div>
<div className="tool-input">
<label for="version">
<label htmlFor="version">
Version:
</label>
<input type="text" name="version" value={this.state.version} onChange={this.handleChange} />
<input type="text" id="version" value={this.state.version} onChange={this.handleChange} />
</div>
<div className="tool-input">
<label for="packager">
<label htmlFor="packager">
Packager:
</label>
<input type="text" name="packager" value={this.state.packager} onChange={this.handleChange} />
<input type="text" id="packager" value={this.state.packager} onChange={this.handleChange} />
</div>
<div className="tool-input">
<label for="url">
<label htmlFor="url">
Url:
</label>
<input type="text" name="url" value={this.state.url} onChange={this.handleChange} />
<input type="text" id="url" value={this.state.url} onChange={this.handleChange} />
</div>
<div className="tool-input">
<label for="checksum">
<label htmlFor="checksum">
Checksum:
</label>
<input type="text" name="checksum" value={this.state.checksum} onChange={this.handleChange} />
<input type="text" id="checksum" value={this.state.checksum} onChange={this.handleChange} />
</div>
<div className="tool-input">
<label for="signature">
<label htmlFor="signature">
Signature:
</label>
<input type="text" name="signature" value={this.state.signature} onChange={this.handleChange} />
<input type="text" id="signature" value={this.state.signature} onChange={this.handleChange} />
</div>
<input type="submit" value="Submit" />
</form>
<textarea cols="100" rows="10" value={this.state.res} readOnly></textarea>
<textarea aria-label="Install tool output" cols="100" rows="10" value={this.state.res} readOnly></textarea>
</section>
);
}
Expand Down
Loading