31:Tf59,viewof CheckPointTable = { const dateInput = d => html`` const timeInput = d => { const dd3 = time(d); dd3.input.style = "width:90%;margin-right: 0.1em; margin-left: 0.2em; text-align: center; border: none; border-bottom: 0.5px solid lightgray;"; return dd3; } const timeInput2 = d => { const dd3 = time(d); dd3.input.style = "width:90%;margin-right: 0.1em; margin-left: 0.2em; text-align: center; border: none; border-bottom: 0.5px solid lightgray;"; return dd3; } const matchInput = d => html`` const vehicleInput = d => { const dd3 = select({ options: [ { label: "🏡1️⃣", value: "bane 1" }, { label: "🏡2️⃣", value: "bane 2" }, { label: "🏡3️⃣", value: "bane 3" }, { label: "🏡4️⃣", value: "bane 4" }, { label: "🏡5️⃣", value: "bane 5" }, { label: "🏡6️⃣", value: "bane 6" }, { label: "🏡7️⃣", value: "bane 7" }, { label: "🏡8️⃣", value: "bane 8" }, { label: "⛅️1️⃣", value: "bane 1 ut" }, { label: "⛅️2️⃣", value: "bane 2 ut" }, { label: "⛅️3️⃣", value: "bane 3 ut" }, { label: "⛅️4️⃣", value: "bane 4 ut" }, ], value: d }); dd3.input.style = "height: 24px; width:95%; margin-right: 0.5em; margin-left: 0.2em; text-align: center; border: none; font-size: 16px" return dd3; }; const playerInput = d => { const dd3 = select({ options: [ { label: "KDN+KAG", value: "Khanh & Kjell Arne" }, { label: "CFH+IB", value: "Calle & Inge" }, { label: "FL+ACH", value: "Fabian & Allessandro" }, { label: "OS+TH", value: "Ola & Trond" }, { label: "TK+DVK", value: "Thanasis & Dag Viktor" }, ], value: d }); dd3.input.style = "height: 24px; width:95%; margin-right: 0.5em; margin-left: 0.2em; text-align: center; border: none; font-size: 16px" return dd3; }; const playerInput2 = d => { const dd3 = select({ options: [ { label: "KDN+KAG", value: "Khanh & Kjell Arne" }, { label: "CFH+IB", value: "Calle & Inge" }, { label: "FL+ACH", value: "Fabian & Allessandro" }, { label: "OS+TH", value: "Ola & Trond" }, { label: "TK+DVK", value: "Thanasis & Dag Viktor" }, ], value: d }); dd3.input.style = "height: 24px; width:95%; margin-right: 0.5em; margin-left: 0.2em; text-align: center; border: none; font-size: 16px" return dd3; }; let data = await FileAttachment("untitled (24).json").json(); let exception1 = []; let exception2 = []; data.map((d,i)=>{ exception1.push({row:i, cell:[0,1,2,3,4,5,6], val:true}); exception2.push(i); }) return tableInput({ width:"880px", rc:[ [50,'date', 'Date', 'input', dateInput], [35,'start_time', 'StartTime', 'input', timeInput], [35,'end_time', 'EndTime', 'input', timeInput2], [35,'W', 'Winner', 'select', playerInput], [35,'L', 'Loser', 'select', playerInput2], [40,'score', 'Scores', 'input', matchInput], [25,'court', 'Court', 'select', vehicleInput] ], defaultRowValue:{date: "jj/mm/aaa", start_time: "--:--", end_time: "--:--",winner:"-",loser:"-", score: "4-3(7-5);1-4;4-2", court: "-"}, action:{add:true, remove:true}, title:'Match Challenges & Results', description:'Click <+> and enter the information when a match is accepted and results afterward', value: data, disabledException:exception1, actionException:exception2 }) }32:T1276,viewof CheckPointTable2 = { const dateInput = d => html`` const timeInput = d => { const dd3 = time(d); dd3.input.style = "width:90%;margin-right: 0.1em; margin-left: 0.2em; text-align: center; border: none; border-bottom: 0.5px solid lightgray;"; return dd3; } const timeInput2 = d => { const dd3 = time(d); dd3.input.style = "width:90%;margin-right: 0.1em; margin-left: 0.2em; text-align: center; border: none; border-bottom: 0.5px solid lightgray;"; return dd3; } const matchInput = d => html`` const vehicleInput = d => { const dd3 = select({ options: [ { label: "🏡1️⃣", value: "bane 1" }, { label: "🏡2️⃣", value: "bane 2" }, { label: "🏡3️⃣", value: "bane 3" }, { label: "🏡4️⃣", value: "bane 4" }, { label: "🏡5️⃣", value: "bane 5" }, { label: "🏡6️⃣", value: "bane 6" }, { label: "🏡7️⃣", value: "bane 7" }, { label: "🏡8️⃣", value: "bane 8" }, { label: "⛅️1️⃣", value: "bane 1 ut" }, { label: "⛅️2️⃣", value: "bane 2 ut" }, { label: "⛅️3️⃣", value: "bane 3 ut" }, { label: "⛅️4️⃣", value: "bane 4 ut" }, ], value: d }); dd3.input.style = "height: 24px; width:95%; margin-right: 0.5em; margin-left: 0.2em; text-align: center; border: none; font-size: 16px" return dd3; }; const playerInput = d => { const dd3 = select({ options: [ { label: "KDN", value: "Khanh" }, { label: "CFH", value: "Calle" }, { label: "FL", value: "Fabian" }, { label: "OS", value: "Ola" }, { label: "TK", value: "Thanasis" }, { label: "IB", value: "Inge" }, { label: "TH", value: "Trond" }, { label: "DVK", value: "Dag Viktor" }, { label: "ACH", value: "Alessandro" }, { label: "KAG", value: "Kjell Arne" }, { label: "KG", value: "Knut" }, { label: "KDN+KAG", value: "Khanh & Kjell Arne" }, { label: "CFH+IB", value: "Calle & Inge" }, { label: "TK+DVK", value: "Thanasis & Dag Viktor" }, { label: "OS+TH", value: "Ola & Trond" }, ], value: d }); dd3.input.style = "height: 24px; width:95%; margin-right: 0.5em; margin-left: 0.2em; text-align: center; border: none; font-size: 16px" return dd3; }; const playerInput2 = d => { const dd3 = select({ options: [ { label: "CFH", value: "Calle" }, { label: "KDN", value: "Khanh" }, { label: "FL", value: "Fabian" }, { label: "OS", value: "Ola" }, { label: "TK", value: "Thanasis" }, { label: "IB", value: "Inge" }, { label: "TH", value: "Trond" }, { label: "DVK", value: "Dag Viktor" }, { label: "ACH", value: "Alessandro" }, { label: "KAG", value: "Kjell Arne" }, { label: "KDN+KAG", value: "Khanh & Kjell Arne" }, { label: "CFH+IB", value: "Calle & Inge" }, { label: "TK+DVK", value: "Thanasis & Dag Viktor" }, { label: "OS+TH", value: "Ola & Trond" }, ], value: d }); dd3.input.style = "height: 24px; width:95%; margin-right: 0.5em; margin-left: 0.2em; text-align: center; border: none; font-size: 16px" return dd3; }; let data = await FileAttachment("untitled (19)@1.json").json(); // let exception1 = []; // let exception2 = []; // data.map((d,i)=>{ // exception1.push({row:i, cell:[0,1,2,3,4,5,6], val:true}); // exception2.push(i); // }) return tableInput({ width:"880px", rc:[ [50,'date', 'Date', 'input', dateInput], [35,'start_time', 'StartTime', 'input', timeInput], [35,'end_time', 'EndTime', 'input', timeInput2], [35,'Legend1', 'P1', 'select', playerInput], [35,'Legend2', 'P2', 'select', playerInput2], [40,'score', 'Scores', 'input', matchInput], [25,'court', 'Court', 'select', vehicleInput] ], defaultRowValue:{date: "jj/mm/aaa", start_time: "--:--", end_time: "--:--",winner:"-",loser:"-", score: "4-3(7-5);1-4;4-2", court: "-"}, action:{add:true, remove:true}, title:'OOP for court 3', // description:'Click <+> and enter the information when a match is accepted and results afterward', value: data, // disabledException:exception1, // actionException:exception2 }) }33:T124c,viewof CheckPointTable3 = { const dateInput = d => html`` const timeInput = d => { const dd3 = time(d); dd3.input.style = "width:90%;margin-right: 0.1em; margin-left: 0.2em; text-align: center; border: none; border-bottom: 0.5px solid lightgray;"; return dd3; } const timeInput2 = d => { const dd3 = time(d); dd3.input.style = "width:90%;margin-right: 0.1em; margin-left: 0.2em; text-align: center; border: none; border-bottom: 0.5px solid lightgray;"; return dd3; } const matchInput = d => html`` const vehicleInput = d => { const dd3 = select({ options: [ { label: "🏡1️⃣", value: "bane 1" }, { label: "🏡2️⃣", value: "bane 2" }, { label: "🏡3️⃣", value: "bane 3" }, { label: "🏡4️⃣", value: "bane 4" }, { label: "🏡5️⃣", value: "bane 5" }, { label: "🏡6️⃣", value: "bane 6" }, { label: "🏡7️⃣", value: "bane 7" }, { label: "🏡8️⃣", value: "bane 8" }, { label: "⛅️1️⃣", value: "bane 1 ut" }, { label: "⛅️2️⃣", value: "bane 2 ut" }, { label: "⛅️3️⃣", value: "bane 3 ut" }, { label: "⛅️4️⃣", value: "bane 4 ut" }, ], value: d }); dd3.input.style = "height: 24px; width:95%; margin-right: 0.5em; margin-left: 0.2em; text-align: center; border: none; font-size: 16px" return dd3; }; const playerInput = d => { const dd3 = select({ options: [ { label: "KDN", value: "Khanh" }, { label: "CFH", value: "Calle" }, { label: "FL", value: "Fabian" }, { label: "OS", value: "Ola" }, { label: "TK", value: "Thanasis" }, { label: "IB", value: "Inge" }, { label: "TH", value: "Trond" }, { label: "DVK", value: "Dag Viktor" }, { label: "ACH", value: "Alessandro" }, { label: "KAG", value: "Kjell Arne" }, { label: "KDN+KAG", value: "Khanh & Kjell Arne" }, { label: "CFH+IB", value: "Calle & Inge" }, { label: "TK+DVK", value: "Thanasis & Dag Viktor" }, { label: "OS+TH", value: "Ola & Trond" }, ], value: d }); dd3.input.style = "height: 24px; width:95%; margin-right: 0.5em; margin-left: 0.2em; text-align: center; border: none; font-size: 16px" return dd3; }; const playerInput2 = d => { const dd3 = select({ options: [ { label: "CFH", value: "Calle" }, { label: "KDN", value: "Khanh" }, { label: "FL", value: "Fabian" }, { label: "OS", value: "Ola" }, { label: "TK", value: "Thanasis" }, { label: "IB", value: "Inge" }, { label: "TH", value: "Trond" }, { label: "DVK", value: "Dag Viktor" }, { label: "ACH", value: "Alessandro" }, { label: "KAG", value: "Kjell Arne" }, { label: "KDN+KAG", value: "Khanh & Kjell Arne" }, { label: "CFH+IB", value: "Calle & Inge" }, { label: "TK+DVK", value: "Thanasis & Dag Viktor" }, { label: "OS+TH", value: "Ola & Trond" }, ], value: d }); dd3.input.style = "height: 24px; width:95%; margin-right: 0.5em; margin-left: 0.2em; text-align: center; border: none; font-size: 16px" return dd3; }; let data = await FileAttachment("untitled (20).json").json(); // let exception1 = []; // let exception2 = []; // data.map((d,i)=>{ // exception1.push({row:i, cell:[0,1,2,3,4,5,6], val:true}); // exception2.push(i); // }) return tableInput({ width:"880px", rc:[ [50,'date', 'Date', 'input', dateInput], [35,'start_time', 'StartTime', 'input', timeInput], [35,'end_time', 'EndTime', 'input', timeInput2], [35,'Legend1', 'P1', 'select', playerInput], [35,'Legend2', 'P2', 'select', playerInput2], [40,'score', 'Scores', 'input', matchInput], [25,'court', 'Court', 'select', vehicleInput] ], defaultRowValue:{date: "jj/mm/aaa", start_time: "--:--", end_time: "--:--",winner:"-",loser:"-", score: "4-3(7-5);1-4;4-2", court: "-"}, action:{add:true, remove:true}, title:'OOP for court 4', // description:'Click <+> and enter the information when a match is accepted and results afterward', value: data, // disabledException:exception1, // actionException:exception2 }) }34:T927,viewof stkp = d3.pyramid = function() { var size = [1,1], value = function(d) { return d.value }, coordinates; var percentageValues = function (data) { var values = data.map(value); var sum = d3.sum(values, function (d){ return +d; }); var percentValues = data.map(function (d,i){ d.value = +values[i]; return values[i]/sum*100; }); percentValues.sort(function(a,b){ return b-a; }); return percentValues; } var coordinatesCalculation = function(data){ var w = size[0], h = size[1], ratio = (w/2)/h, percentValues = percentageValues(data), coordinates = [], area_of_triangle = (w * h) / 2; function d3Sum (i) { return d3.sum(percentValues,function (d, j){ if (j>=i) { return d; } }); } for (var i=0,len=data.length;i ${PYRAMID} STK-5 DOUBLES (9/5 FOR RANKING & XMAS FOR FINAL) `","pinned":false,"hidden":false,"mode":"ojs"},{"id":633,"value":"PYRAMID = {\n const p = md`### TENNIS PYRAMID - 2021`;\n p.style.color = d3.interpolateRainbow(now /(1000));\n return p;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":364,"value":"dashboard = html` \n \n \n \n \n

\n ${viewof note}\n ${viewof no1}\n ${viewof no2}\n ${viewof no3}\n ${viewof no4}\n ${viewof no5}\n ${viewof example}\n

\n ${chart}\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":409,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":458,"value":"viewof save = {\n return DOM.download( new Blob([JSON.stringify(CheckPointTable)], {type: \"application/json\"}), undefined, \"Save data table\")\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":326,"value":"viewof no1 = Text({label: html`No. 1`, value: \"KDN+KAG\", submit: true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":339,"value":"viewof no2 = Text({label: html`No. 2`, value: \"CFH+IB\", submit: true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":342,"value":"viewof no3 = Text({label: html`No. 3`, value: \"TK+DVK\", submit: true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":344,"value":"viewof no4 = Text({label: html`No. 4`, value: \"OS+TH\", submit: true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":346,"value":"viewof no5 = Text({label: html`No. 5`, value: \"FL+ACH\", submit: true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":18,"value":"chart = {\n const svg = d3.select(DOM.svg(width, height))\n .attr(\"transform\", \"translate(0,\" + margin + \")\")\n .style(\"overflow\", \"visible\")\n\n const g = svg.selectAll(\".pyramid-group\")\n .data(pyramid_data)\n .enter().append(\"g\")\n .attr(\"class\", \"pyramid-group\")\n .attr(\"data-type\", d => d.type)\n .attr(\"data-count\", d => d.count)\n \n g.append(\"path\")\n .attr(\"d\", d => line(d.coordinates))\n .style(\"fill\", d => colors[d.type])\n\n g.append(\"text\")\n .attr(\"x\", width/2)\n .attr(\"y\", y)\n .attr(\"class\", \"number\")\n .text(d => d.count)\n \n g.selectAll(\"g\")\n .data(d => text[d.type](d))\n .enter().append(\"text\")\n .attr(\"x\", d => d.x)\n .attr(\"y\", d => d.y)\n .attr(\"class\", d => d.class)\n .text(d => d.text)\n \n return svg.node()\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":391,"value":"viewof note = md`#### Change Your Names in the Boxes Below to Update the Pyramid:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":440,"value":"viewof blank = md`***`","pinned":false,"hidden":false,"mode":"ojs"},{"id":500,"value":"viewof rows = Table(CheckPointTable)","pinned":true,"hidden":false,"mode":"ojs"},{"id":253,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":576,"value":"viewof example = mdColumns([lg1, lg3],[\"white\",\"white\"])","pinned":true,"hidden":false,"mode":"ojs"},{"id":553,"value":"lg1 = md`### LEGEND 1\n- CFH: Calle \n- OS: Ola\n- IB: Inge\n- TH: Trond\n- ACH: Allessandro`","pinned":false,"hidden":false,"mode":"ojs"},{"id":572,"value":"lg3 = md`### LEGEND 2\n- KDN: Khanh\n- FL: Fabian\n- TK: Thanasis\n- DVK: Dag Viktor\n- KAG: Kjell Arne`","pinned":false,"hidden":false,"mode":"ojs"},{"id":718,"value":"viewof lagkamp = md`# LAG KAMP 24/4/2021: STK-5.1 vs STK-5.2\n ${prize} \n- Singles: 2 full sets (tiebreak to 7 at 6-6) and deciding super-tiebreak (to 10) if 1-1;\n- Doubles: same as singles but with No-Ad`","pinned":false,"hidden":false,"mode":"ojs"},{"id":716,"value":"LAG = {\n const p = md`### LAG KAMP 24/4/2021`;\n p.style.color = d3.interpolateRainbow(now /(1000));\n return p;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":745,"value":"prize = {\n const p = md`## PRIZE: Winning team drinks FREE BEERS 🍺`;\n p.style.color = d3.interpolateRainbow(now /(1000));\n return p;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":690,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":706,"value":"viewof save2 = {\n return DOM.download( new Blob([JSON.stringify(CheckPointTable2)], {type: \"application/json\"}), undefined, \"Save data table\")\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":703,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":710,"value":"viewof save3 = {\n return DOM.download( new Blob([JSON.stringify(CheckPointTable3)], {type: \"application/json\"}), undefined, \"Save data table\")\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"viewof format = html`\n\n