Skip to content
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