mirror of
https://git.sr.ht/~emersion/gamja
synced 2024-12-05 13:51:05 -05:00
45 lines
886 B
JavaScript
45 lines
886 B
JavaScript
import { html, Component } from "../lib/index.js";
|
|
|
|
export default class Join extends Component {
|
|
state = {
|
|
channel: "#",
|
|
};
|
|
|
|
constructor(props) {
|
|
super(props);
|
|
|
|
this.handleChange = this.handleChange.bind(this);
|
|
this.handleSubmit = this.handleSubmit.bind(this);
|
|
}
|
|
|
|
handleChange(event) {
|
|
var target = event.target;
|
|
var value = target.type == "checkbox" ? target.checked : target.value;
|
|
this.setState({ [target.name]: value });
|
|
}
|
|
|
|
handleSubmit(event) {
|
|
event.preventDefault();
|
|
|
|
var params = {
|
|
channel: this.state.channel,
|
|
};
|
|
|
|
this.props.onSubmit(params);
|
|
}
|
|
|
|
render() {
|
|
return html`
|
|
<form onChange=${this.handleChange} onSubmit=${this.handleSubmit}>
|
|
<label>
|
|
Channel:<br/>
|
|
<input type="text" name="channel" value=${this.state.channel} autofocus required/>
|
|
</label>
|
|
<br/>
|
|
|
|
<br/>
|
|
<button>Join</button>
|
|
</form>
|
|
`;
|
|
}
|
|
}
|