2f:T8a5,html` Joueur gauche

Serveur

Coup

Point pour

Faute

Zone joueurA

`30:T8a3,html` Joueur droite

Serveur

Coup

Point pour

Faute

Zone joueurB

`31:Tfaf,html` Nom joueurs


Serveur

Coup joueurA	Coup joueurB

Zone joueurA	zone joueurB



Point pour

Faute	Faute

`32:T36bd,chart = { d3.selectAll("#coup_droit").on("click", function () { console.log('coup droit') }); d3.selectAll("#revers").on("click", function () { console.log('revers') console.log(d3.selectAll("#joueurA").property("value")) }); d3.selectAll("#point_joueurA").on("click", function () { console.log({author:d3.selectAll("#joueurA").property("value"),body:"point"}) sendMessage({author:d3.selectAll("#joueurA").property("value"),body:"point"}) }); d3.selectAll("#point_joueurB").on("click", function () { console.log({author:d3.selectAll("#joueurB").property("value"),body:"point"}) sendMessage({author:d3.selectAll("#joueurB").property("value"),body:"point"}) }); d3.selectAll("#service_joueurA").on("click", function () { console.log({author:d3.selectAll("#joueurA").property("value"),body:"service"}) sendMessage({author:d3.selectAll("#joueurA").property("value"),body:"service"}) }); d3.selectAll("#service_joueurB").on("click", function () { console.log({author:d3.selectAll("#joueurB").property("value"),body:"service"}) sendMessage({author:d3.selectAll("#joueurB").property("value"),body:"service"}) }); d3.selectAll("#coup_droit_joueurA").on("click", function () { console.log({author:d3.selectAll("#joueurA").property("value"),body:"coup_droit"}) sendMessage({author:d3.selectAll("#joueurA").property("value"),body:"coup_droit"}) }); d3.selectAll("#coup_droit_joueurB").on("click", function () { console.log({author:d3.selectAll("#joueurB").property("value"),body:"coup_droit"}) sendMessage({author:d3.selectAll("#joueurB").property("value"),body:"coup_droit"}) }); d3.selectAll("#revers_joueurA").on("click", function () { console.log({author:d3.selectAll("#joueurA").property("value"),body:"revers"}) sendMessage({author:d3.selectAll("#joueurA").property("value"),body:"revers"}) }); d3.selectAll("#revers_joueurB").on("click", function () { console.log({author:d3.selectAll("#joueurB").property("value"),body:"revers"}) sendMessage({author:d3.selectAll("#joueurB").property("value"),body:"revers"}) }); d3.selectAll("#D1_joueurA").on("click", function () { console.log({author:d3.selectAll("#joueurA").property("value"),body:"D1"}) sendMessage({author:d3.selectAll("#joueurA").property("value"),body:"D1"}) }); d3.selectAll("#M1_joueurA").on("click", function () { console.log({author:d3.selectAll("#joueurA").property("value"),body:"M1"}) sendMessage({author:d3.selectAll("#joueurA").property("value"),body:"M1"}) }); d3.selectAll("#G1_joueurA").on("click", function () { console.log({author:d3.selectAll("#joueurA").property("value"),body:"G1"}) sendMessage({author:d3.selectAll("#joueurA").property("value"),body:"G1"}) }); d3.selectAll("#D2_joueurA").on("click", function () { console.log({author:d3.selectAll("#joueurA").property("value"),body:"D2"}) sendMessage({author:d3.selectAll("#joueurA").property("value"),body:"D2"}) }); d3.selectAll("#M2_joueurA").on("click", function () { console.log({author:d3.selectAll("#joueurA").property("value"),body:"M2"}) sendMessage({author:d3.selectAll("#joueurA").property("value"),body:"M2"}) }); d3.selectAll("#G2_joueurA").on("click", function () { console.log({author:d3.selectAll("#joueurA").property("value"),body:"G2"}) sendMessage({author:d3.selectAll("#joueurA").property("value"),body:"G2"}) }); d3.selectAll("#D3_joueurA").on("click", function () { console.log({author:d3.selectAll("#joueurA").property("value"),body:"D3"}) sendMessage({author:d3.selectAll("#joueurA").property("value"),body:"D3"}) }); d3.selectAll("#M3_joueurA").on("click", function () { console.log({author:d3.selectAll("#joueurA").property("value"),body:"M3"}) sendMessage({author:d3.selectAll("#joueurA").property("value"),body:"M3"}) }); d3.selectAll("#G3_joueurA").on("click", function () { console.log({author:d3.selectAll("#joueurA").property("value"),body:"G3"}) sendMessage({author:d3.selectAll("#joueurA").property("value"),body:"G3"}) }); d3.selectAll("#D1_joueurB").on("click", function () { console.log({author:d3.selectAll("#joueurB").property("value"),body:"D1"}) sendMessage({author:d3.selectAll("#joueurB").property("value"),body:"D1"}) }); d3.selectAll("#M1_joueurB").on("click", function () { console.log({author:d3.selectAll("#joueurB").property("value"),body:"M1"}) sendMessage({author:d3.selectAll("#joueurB").property("value"),body:"M1"}) }); d3.selectAll("#G1_joueurB").on("click", function () { console.log({author:d3.selectAll("#joueurB").property("value"),body:"G1"}) sendMessage({author:d3.selectAll("#joueurB").property("value"),body:"G1"}) }); d3.selectAll("#D2_joueurB").on("click", function () { console.log({author:d3.selectAll("#joueurB").property("value"),body:"D2"}) sendMessage({author:d3.selectAll("#joueurB").property("value"),body:"D2"}) }); d3.selectAll("#M2_joueurB").on("click", function () { console.log({author:d3.selectAll("#joueurB").property("value"),body:"M2"}) sendMessage({author:d3.selectAll("#joueurB").property("value"),body:"M2"}) }); d3.selectAll("#G2_joueurB").on("click", function () { console.log({author:d3.selectAll("#joueurB").property("value"),body:"G2"}) sendMessage({author:d3.selectAll("#joueurB").property("value"),body:"G2"}) }); d3.selectAll("#D3_joueurB").on("click", function () { console.log({author:d3.selectAll("#joueurB").property("value"),body:"D3"}) sendMessage({author:d3.selectAll("#joueurB").property("value"),body:"D3"}) }); d3.selectAll("#M3_joueurB").on("click", function () { console.log({author:d3.selectAll("#joueurB").property("value"),body:"M3"}) sendMessage({author:d3.selectAll("#joueurB").property("value"),body:"M3"}) }); d3.selectAll("#G3_joueurB").on("click", function () { console.log({author:d3.selectAll("#joueurB").property("value"),body:"G3"}) sendMessage({author:d3.selectAll("#joueurB").property("value"),body:"G3"}) }); d3.selectAll("#filet_joueurA").on("click", function () { console.log({author:d3.selectAll("#joueurA").property("value"),body:"filet"}) sendMessage({author:d3.selectAll("#joueurA").property("value"),body:"filet"}) }); d3.selectAll("#filet_joueurB").on("click", function () { console.log({author:d3.selectAll("#joueurB").property("value"),body:"filet"}) sendMessage({author:d3.selectAll("#joueurB").property("value"),body:"filet"}) }); d3.selectAll("#dehors_joueurA").on("click", function () { console.log({author:d3.selectAll("#joueurA").property("value"),body:"dehors"}) sendMessage({author:d3.selectAll("#joueurA").property("value"),body:"dehors"}) }); d3.selectAll("#dehors_joueurB").on("click", function () { console.log({author:d3.selectAll("#joueurB").property("value"),body:"dehors"}) sendMessage({author:d3.selectAll("#joueurB").property("value"),body:"dehors"}) }); d3.selectAll("#point_joueurA2").on("click", function () { console.log({author:d3.selectAll("#joueurA2").property("value"),body:"point"}) sendMessage({author:d3.selectAll("#joueurA2").property("value"),body:"point"}) }); d3.selectAll("#point_joueurB2").on("click", function () { console.log({author:d3.selectAll("#joueurB2").property("value"),body:"point"}) sendMessage({author:d3.selectAll("#joueurB2").property("value"),body:"point"}) }); d3.selectAll("#service_joueurA2").on("click", function () { console.log({author:d3.selectAll("#joueurA2").property("value"),body:"service"}) sendMessage({author:d3.selectAll("#joueurA2").property("value"),body:"service"}) }); d3.selectAll("#service_joueurB2").on("click", function () { console.log({author:d3.selectAll("#joueurB2").property("value"),body:"service"}) sendMessage({author:d3.selectAll("#joueurB2").property("value"),body:"service"}) }); d3.selectAll("#coup_droit_joueurA2").on("click", function () { console.log({author:d3.selectAll("#joueurA2").property("value"),body:"coup_droit"}) sendMessage({author:d3.selectAll("#joueurA2").property("value"),body:"coup_droit"}) }); d3.selectAll("#coup_droit_joueurB2").on("click", function () { console.log({author:d3.selectAll("#joueurB2").property("value"),body:"coup_droit"}) sendMessage({author:d3.selectAll("#joueurB2").property("value"),body:"coup_droit"}) }); d3.selectAll("#revers_joueurA2").on("click", function () { console.log({author:d3.selectAll("#joueurA2").property("value"),body:"revers"}) sendMessage({author:d3.selectAll("#joueurA2").property("value"),body:"revers"}) }); d3.selectAll("#revers_joueurB2").on("click", function () { console.log({author:d3.selectAll("#joueurB2").property("value"),body:"revers"}) sendMessage({author:d3.selectAll("#joueurB2").property("value"),body:"revers"}) }); d3.selectAll("#D1_joueurA2").on("click", function () { console.log({author:d3.selectAll("#joueurA2").property("value"),body:"D1"}) sendMessage({author:d3.selectAll("#joueurA2").property("value"),body:"D1"}) }); d3.selectAll("#M1_joueurA2").on("click", function () { console.log({author:d3.selectAll("#joueurA2").property("value"),body:"M1"}) sendMessage({author:d3.selectAll("#joueurA2").property("value"),body:"M1"}) }); d3.selectAll("#G1_joueurA2").on("click", function () { console.log({author:d3.selectAll("#joueurA2").property("value"),body:"G1"}) sendMessage({author:d3.selectAll("#joueurA2").property("value"),body:"G1"}) }); d3.selectAll("#D2_joueurA2").on("click", function () { console.log({author:d3.selectAll("#joueurA2").property("value"),body:"D2"}) sendMessage({author:d3.selectAll("#joueurA2").property("value"),body:"D2"}) }); d3.selectAll("#M2_joueurA2").on("click", function () { console.log({author:d3.selectAll("#joueurA2").property("value"),body:"M2"}) sendMessage({author:d3.selectAll("#joueurA2").property("value"),body:"M2"}) }); d3.selectAll("#G2_joueurA2").on("click", function () { console.log({author:d3.selectAll("#joueurA2").property("value"),body:"G2"}) sendMessage({author:d3.selectAll("#joueurA2").property("value"),body:"G2"}) }); d3.selectAll("#D3_joueurA2").on("click", function () { console.log({author:d3.selectAll("#joueurA2").property("value"),body:"D3"}) sendMessage({author:d3.selectAll("#joueurA2").property("value"),body:"D3"}) }); d3.selectAll("#M3_joueurA2").on("click", function () { console.log({author:d3.selectAll("#joueurA2").property("value"),body:"M3"}) sendMessage({author:d3.selectAll("#joueurA2").property("value"),body:"M3"}) }); d3.selectAll("#G3_joueurA2").on("click", function () { console.log({author:d3.selectAll("#joueurA2").property("value"),body:"G3"}) sendMessage({author:d3.selectAll("#joueurA2").property("value"),body:"G3"}) }); d3.selectAll("#D1_joueurB2").on("click", function () { console.log({author:d3.selectAll("#joueurB2").property("value"),body:"D1"}) sendMessage({author:d3.selectAll("#joueurB2").property("value"),body:"D1"}) }); d3.selectAll("#M1_joueurB2").on("click", function () { console.log({author:d3.selectAll("#joueurB2").property("value"),body:"M1"}) sendMessage({author:d3.selectAll("#joueurB2").property("value"),body:"M1"}) }); d3.selectAll("#G1_joueurB2").on("click", function () { console.log({author:d3.selectAll("#joueurB2").property("value"),body:"G1"}) sendMessage({author:d3.selectAll("#joueurB2").property("value"),body:"G1"}) }); d3.selectAll("#D2_joueurB2").on("click", function () { console.log({author:d3.selectAll("#joueurB2").property("value"),body:"D2"}) sendMessage({author:d3.selectAll("#joueurB2").property("value"),body:"D2"}) }); d3.selectAll("#M2_joueurB2").on("click", function () { console.log({author:d3.selectAll("#joueurB2").property("value"),body:"M2"}) sendMessage({author:d3.selectAll("#joueurB2").property("value"),body:"M2"}) }); d3.selectAll("#G2_joueurB2").on("click", function () { console.log({author:d3.selectAll("#joueurB2").property("value"),body:"G2"}) sendMessage({author:d3.selectAll("#joueurB2").property("value"),body:"G2"}) }); d3.selectAll("#D3_joueurB2").on("click", function () { console.log({author:d3.selectAll("#joueurB2").property("value"),body:"D3"}) sendMessage({author:d3.selectAll("#joueurB2").property("value"),body:"D3"}) }); d3.selectAll("#M3_joueurB2").on("click", function () { console.log({author:d3.selectAll("#joueurB2").property("value"),body:"M3"}) sendMessage({author:d3.selectAll("#joueurB2").property("value"),body:"M3"}) }); d3.selectAll("#G3_joueurB2").on("click", function () { console.log({author:d3.selectAll("#joueurB2").property("value"),body:"G3"}) sendMessage({author:d3.selectAll("#joueurB2").property("value"),body:"G3"}) }); d3.selectAll("#filet_joueurA2").on("click", function () { console.log({author:d3.selectAll("#joueurA2").property("value"),body:"filet"}) sendMessage({author:d3.selectAll("#joueurA2").property("value"),body:"filet"}) }); d3.selectAll("#filet_joueurB2").on("click", function () { console.log({author:d3.selectAll("#joueurB2").property("value"),body:"filet"}) sendMessage({author:d3.selectAll("#joueurB2").property("value"),body:"filet"}) }); d3.selectAll("#dehors_joueurA2").on("click", function () { console.log({author:d3.selectAll("#joueurA2").property("value"),body:"dehors"}) sendMessage({author:d3.selectAll("#joueurA2").property("value"),body:"dehors"}) }); d3.selectAll("#dehors_joueurB2").on("click", function () { console.log({author:d3.selectAll("#joueurB2").property("value"),body:"dehors"}) sendMessage({author:d3.selectAll("#joueurB2").property("value"),body:"dehors"}) }); }33:[] 2d:{"title":"Annotation","cells":[{"id":0,"value":"# Annotation ","pinned":false,"hidden":false,"mode":"md"},{"id":290,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":337,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":310,"value":"## Annotation plus complexe","pinned":false,"hidden":false,"mode":"md"},{"id":157,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":125,"value":"viewof table_messages = Inputs.table(clientMessages, {\n columns: [\"author\", \"body\"],\n sort: \"time\",\n reverse: true,\n format: {\n time: x => {\n const d = new Date(x)\n return d.toDateString()\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":107,"value":"### Charger les données","pinned":false,"hidden":false,"mode":"md"},{"id":277,"value":"Reproduciton de ce notebook: https://observablehq.com/@triptych/convex-chat ","pinned":false,"hidden":false,"mode":"md"},{"id":3,"value":"c = import(\"https://esm.run/convex-dev/react\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"origin = \"https://dazzling-opossum-637.convex.cloud\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"client = new c.ConvexReactClient(origin)","pinned":true,"hidden":false,"mode":"ojs"},{"id":9,"value":"queryGenerator = (client, query, ...args) => {\n const watch = client.watchQuery(query, ...args);\n return Generators.observe((notify) =>\n watch.onUpdate(() => notify(watch.localQueryResult()))\n );\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"//clientMessages = queryGenerator(client, \"messages:list\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":203,"value":"sendMessage = client.mutation(\"messages:send\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":208,"value":"sendMessage({author:'bob',body:'p'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":189,"value":"clientPoints = queryGenerator(client, \"messages:getPoints\", Object.assign({}, {}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":120,"value":"clientMessages = queryGenerator(client, \"messages:get\", Object.assign({}, {}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":109,"value":"### Nouvelle méthode qui fonctionne","pinned":false,"hidden":false,"mode":"md"},{"id":60,"value":"c2 = await import(\"https://esm.run/convex/browser\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":62,"value":"httpClient = new c2.ConvexHttpClient(origin)","pinned":true,"hidden":false,"mode":"ojs"},{"id":118,"value":"### Problème, obligé de recharger la cellule suivante à chaque fois que la base de données est mise à jour","pinned":false,"hidden":false,"mode":"md"},{"id":64,"value":"clientMessages_http = httpClient.query(\"messages:get\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":113,"value":"viewof button = Inputs.button(\"Send Message\",{\n reduce: ()=> {\n httpClient.mutation(\"messages:send\", {body:body,author:author})\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":86,"value":"viewof author = Inputs.text({label: \"author\", value: \"bob\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":95,"value":"viewof body = Inputs.text({label: \"body\", value: Math.floor(Math.random() * 10000)})","pinned":false,"hidden":false,"mode":"ojs"},{"id":98,"value":"viewof table = Inputs.table(clientMessages_http, {\n columns: [\"author\", \"body\"],\n sort: \"time\",\n reverse: true,\n format: {\n time: x => {\n const d = new Date(x)\n return d.toDateString()\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":159,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":343,"value":"console.log(d3.selectAll(\"#point_joueurA2\"))","pinned":true,"hidden":false,"mode":"ojs"},{"id":321,"value":"joueurA_from_url = querystrings.get(\"joueurA\") || \"NONE\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":323,"value":"joueurB_from_url = querystrings.get(\"joueurB\") || \"NONE\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":318,"value":"import {querystrings} from \"@liris/selecteur\"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}