29:null 2a:["$","title",null,{"children":"Annotation | eradesaymeric | Observable"}] 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:{"id":"ac42833363991971","slug":null,"title":"Annotation","thumbnail":"03479fedcbc6fcb855ac7edcfcf56d35ac15618d81785d134d179f70de7eeda1","access_level":"public","create_time":"$D2023-10-03T21:45:07.102Z","update_time":"$D2023-10-07T10:55:43.550Z","view_time":null,"first_public_time":"$D2023-10-03T21:45:07.102Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"2d48564b25eed520","login":"eradesaymeric","name":"","avatar_url":"https://avatars-next.observableusercontent.com/334d026fcbf38cb5338b522663eacc2d865dace00bbd5de94bec87ba761ba2e7","tier":"starter_2024"},"version":348,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"d9c6bfd49c4e893a","login":"eradesaymeric","name":"","avatar_url":"https://avatars-next.observableusercontent.com/334d026fcbf38cb5338b522663eacc2d865dace00bbd5de94bec87ba761ba2e7","tier":null}],"members":[{"type":"individual","id":"d9c6bfd49c4e893a","login":"eradesaymeric","name":"","avatar_url":"https://avatars-next.observableusercontent.com/334d026fcbf38cb5338b522663eacc2d865dace00bbd5de94bec87ba761ba2e7","tier":null,"role":"editor"},{"type":"individual","id":"560201c9c61a188e","login":"romsson","name":"Romain Vuillemot","avatar_url":"https://avatars-next.observableusercontent.com/3b127750f8c67597cf2e60d4296f87cde15f59cdb4d1853063922cce5489fb4b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Annotation","cells":[{"id":0,"value":"# Annotation ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":290,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":337,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":310,"value":"## Annotation plus complexe","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":157,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"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","author":"$undefined","summary":"$undefined"},{"id":107,"value":"### Charger les données","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":277,"value":"Reproduciton de ce notebook: https://observablehq.com/@triptych/convex-chat ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":3,"value":"c = import(\"https://esm.run/convex-dev/react\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5,"value":"origin = \"https://dazzling-opossum-637.convex.cloud\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":7,"value":"client = new c.ConvexReactClient(origin)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"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","author":"$undefined","summary":"$undefined"},{"id":11,"value":"//clientMessages = queryGenerator(client, \"messages:list\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":203,"value":"sendMessage = client.mutation(\"messages:send\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":208,"value":"sendMessage({author:'bob',body:'p'})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":189,"value":"clientPoints = queryGenerator(client, \"messages:getPoints\", Object.assign({}, {}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":120,"value":"clientMessages = queryGenerator(client, \"messages:get\", Object.assign({}, {}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":109,"value":"### Nouvelle méthode qui fonctionne","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":60,"value":"c2 = await import(\"https://esm.run/convex/browser\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":62,"value":"httpClient = new c2.ConvexHttpClient(origin)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"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","author":"$undefined","summary":"$undefined"},{"id":64,"value":"clientMessages_http = httpClient.query(\"messages:get\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"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","author":"$undefined","summary":"$undefined"},{"id":86,"value":"viewof author = Inputs.text({label: \"author\", value: \"bob\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":95,"value":"viewof body = Inputs.text({label: \"body\", value: Math.floor(Math.random() * 10000)})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"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","author":"$undefined","summary":"$undefined"},{"id":159,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":343,"value":"console.log(d3.selectAll(\"#point_joueurA2\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":321,"value":"joueurA_from_url = querystrings.get(\"joueurA\") || \"NONE\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":323,"value":"joueurB_from_url = querystrings.get(\"joueurB\") || \"NONE\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":318,"value":"import {querystrings} from \"@liris/selecteur\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 2e:"$2d:body"