X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=blobdiff_plain;f=empathy%2Fempathy.jsx;h=b69ce6f15c3d090e178b27e78e89686a2e7051a1;hp=cd8062959ec67cab269d4e95db44c3167f0e49e2;hb=dee335da95357a8993a22aab01809d5bbd3e9b57;hpb=68a66356ecb9d184e44b8d75e1f7db25926d4af3 diff --git a/empathy/empathy.jsx b/empathy/empathy.jsx index cd80629..b69ce6f 100644 --- a/empathy/empathy.jsx +++ b/empathy/empathy.jsx @@ -52,6 +52,20 @@ events.addEventListener("player-update", event => { window.game.set_other_player_info(info); }); +events.addEventListener("game-state", event => { + const state = JSON.parse(event.data); + + for (let prompt of state.prompts) { + window.game.add_or_update_prompt(prompt); + } +}); + +events.addEventListener("prompt", event => { + const prompt = JSON.parse(event.data); + + window.game.add_or_update_prompt(prompt); +}); + /********************************************************* * Game and supporting classes * *********************************************************/ @@ -125,6 +139,41 @@ async function fetch_put_json(api = '', data = {}) { class CategoryRequest extends React.Component { constructor(props) { super(props); + this.category = React.createRef(); + + this.handle_change = this.handle_change.bind(this); + this.handle_submit = this.handle_submit.bind(this); + } + + handle_change(event) { + const category_input = this.category.current; + const category = category_input.value; + + if (/[0-9]/.test(category)) + category_input.setCustomValidity(""); + } + + handle_submit(event) { + const form = event.currentTarget; + const category_input = this.category.current; + const category = category_input.value; + + /* Prevent the default page-changing form-submission behavior. */ + event.preventDefault(); + + const match = category.match(/[0-9]+/); + if (match === null) { + category_input.setCustomValidity("Category must include a number"); + form.reportValidity(); + return; + } + + fetch_post_json("prompts", { + items: parseInt(match[0], 10), + prompt: category + }); + + form.reset(); } render() { @@ -132,20 +181,21 @@ class CategoryRequest extends React.Component {
- Suggest a category to play with your friends. Don't forget to - include the number of items for each person to submit. + Suggest a category to play. Don't forget to include the + number of items for each person to submit.
-