Can interact with the game and draw it to a conclusion. needs work on the game end part

Author: prozacchiwawa

resources/web/index.css

@@ -52,3 +52,8 @@ body {
     width: 98vw;
     background: #cfc;
 }
+
+.cardspan {
+    margin-left: 0.5em;
+    border: 1px solid black;
+}

resources/web/index.js

@@ -1,3 +1,21 @@
+let all_selected_cards = [{}, {}];
+
+function set_card_properties(who, collection) {
+    for (let i = 0; i < 8; i++) {
+        let label = `${who}_card${i}`;
+        let card = document.getElementById(label);
+        if (!card) {
+            continue;
+        }
+        let n_string = `_${i}`;
+        if (collection[n_string]) {
+            card.style.background = 'green';
+        } else {
+            card.style.background = 'white';
+        }
+    }
+}
+
 function check() {
     return fetch("idle.json", {
         "method": "POST"
@@ -17,10 +35,70 @@ function check() {
             p2.innerHTML = json.p2;
         }
 
+        set_card_properties('alice', all_selected_cards[0]);
+        set_card_properties('bob', all_selected_cards[1]);
+
         setTimeout(check, 500);
     });
 }
 
+function send_alice_word() {
+    let word = Math.random().toString();
+    return fetch(`alice_word_hash?word=${word}`, {
+        "method": "POST"
+    });
+}
+
+function send_bob_word() {
+    let word = Math.random().toString();
+    return fetch(`bob_word?word=${word}`, {
+        "method": "POST"
+    });
+}
+
+function toggle_card(label, selected_cards, n) {
+    let n_string = `_${n}`;
+    let card = document.getElementById(label);
+    if (!card) {
+        return;
+    }
+    if (selected_cards[n_string]) {
+        card.style.background = 'white';
+        delete selected_cards[n_string];
+    } else {
+        card.style.background = 'green';
+        selected_cards[n_string] = true;
+    }
+    console.log(selected_cards);
+}
+
+function alice_toggle(n) {
+    toggle_card(`alice_card${n}`, all_selected_cards[0], n);
+}
+
+function bob_toggle(n) {
+    toggle_card(`bob_card${n}`, all_selected_cards[1], n);
+}
+
+function set_picks(who, id) {
+    let picks = '';
+    for (let i = 0; i < 8; i++) {
+        let n_string = `_${i}`;
+        picks += (all_selected_cards[id][n_string]) ? '1' : '0';
+    }
+    return fetch(`${who}_picks?cards=${picks}`, {
+        "method": "POST"
+    });
+}
+
+function set_alice_picks() {
+    set_picks('alice', 0);
+}
+
+function set_bob_picks() {
+    set_picks('bob', 1);
+}
+
 function exitapp() {
     return fetch("exit", {"method": "POST"}).then((response) => {
         console.log("exiting...");

src/channel_handler/types.rs

@@ -283,6 +283,10 @@ impl ReadableMove {
     pub fn from_nodeptr(n: NodePtr) -> Self {
         ReadableMove(n)
     }
+
+    pub fn to_nodeptr(&self) -> NodePtr {
+        self.0
+    }
 }
 
 impl ToClvm<NodePtr> for ReadableMove {