MetzNet
/
vex_svelte
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Live Fixes

nm_live
noah metz 2024-02-03 10:30:28 -07:00
parent 978a3b1570
commit 29ae52286e
2 changed files with 41 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
iframe.html
Unescape Escape View File

@ -29,13 +29,12 @@ iframe{
</head>
<div>
<body>
<iframe src="index.html?field=2/4" width="896" height="128"></iframe>
<iframe src="index.html?field=2/5" width="1176" height="168"></iframe>
<iframe src="index.html?field=2/6" width="896" height="128"></iframe>
<iframe src="index.html?field=1/1" width="896" height="128"></iframe>
<iframe src="index.html?field=1/2" width="1176" height="168"></iframe>
<iframe src="index.html?field=1/3" width="896" height="128"></iframe>
<iframe src="index.html?field=2/1" width="896" height="128"></iframe>
<iframe src="index.html?field=2/2" width="1176" height="168"></iframe>
<iframe src="index.html?field=2/3" width="896" height="128"></iframe>
</body>
</div>
</html>

43
src/routes/+page.svelte
Unescape Escape View File

@ -15,11 +15,17 @@ let display_class_topic;
/** @type {string} */
let display_name_topic;
/** @type {string} */
let display_sponsor_topic;
/** @type {number} */
let score_midpoint_current = 50;
/** @type {number} */
let score_midpoint_setpoint = 50;
/** @type {string} */
let sponsor_state = "westmech";
let coeff_p = 0.1;
let red_anim_x = 0;
@ -43,7 +49,9 @@ let event_name = "Mecha Mayhem 2024";
let match_name = "No Match";
let match_name_show = "No Match";
let score_red = 0;
let score_red_str = "";
let score_blue = 0;
let score_blue_str = "";
/** @type {string[]} */
let teams_red = [];
/** @type {string[]} */
@ -101,6 +109,14 @@ client.on("connect", () => {
}
});
client.subscribe(display_sponsor_topic, (err) => {
if (err) {
console.log(err);
} else {
console.log(`subscribed to ${display_sponsor_topic}`);
}
});
client.subscribe(field_metadata_topic, (err) => {
if (err) {
console.log(err);
@ -158,14 +174,11 @@ client.on("message", (topic, message) => {
let topic_str = topic.toString();
let message_str = message.toString();
console.log(`${topic_str} - ${message_str}`);
switch(topic_str){
case "time":
let local = Date.now();
let server = JSON.parse(message_str) * 1000;
offset = local - server;
console.log(`NEW offset: ${local} - ${server} = ${offset}`);
break;
case field_metadata_topic:
const field_obj = JSON.parse(message_str);
@ -173,6 +186,9 @@ client.on("message", (topic, message) => {
teams_blue = [field_obj.blue_teams[0], field_obj.blue_teams[1]];
let num = field_obj.tuple.match_num;
let round = field_obj.tuple.round;
if (round == "Qualification") {
round = "Qual";
}
match_name = `${round} ${num}`;
break;
case field_state_topic:
@ -184,6 +200,10 @@ client.on("message", (topic, message) => {
switch(state_obj.state) {
case "Scheduled":
timer = match_name;
score_red_str = "";
score_blue_str = "";
score_blue = 0;
score_red = 0;
match_name_show = "Next Match";
break;
case "Timeout":
@ -197,7 +217,11 @@ client.on("message", (topic, message) => {
match_name_show = match_name;
break;
case "DriverDone":
timer = "0:00";
timer = "Scoring";
display_state = sponsor_state;
setTimeout(() => {
display_state = "timer";
}, 6000);
break;
case "Autonomous":
timer_end = new Date(start_ms + 15000);
@ -218,7 +242,8 @@ client.on("message", (topic, message) => {
match_name_show = match_name;
break;
case "Scored":
timer = "Scoring";
timer = "Scored";
display_state = "timer";
match_name_show = match_name;
break;
}
@ -227,11 +252,18 @@ client.on("message", (topic, message) => {
const score_obj = JSON.parse(message_str);
score_red = score_obj.red_total;
score_blue = score_obj.blue_total;
if (timer != "Scoring") {
score_red_str = `${score_red}`;
score_blue_str = `${score_blue}`;
}
score_midpoint_setpoint = ((score_red + 1) / (score_red + score_blue + 2)) * 100;
break;
case display_state_topic:
display_state = message_str;
break;
case display_sponsor_topic:
sponsor_state = message_str;
break;
case display_name_topic:
display_name = message_str;
break;
@ -265,6 +297,7 @@ onMount(() => {
display_state_topic = `display/${field_id}/state`;
display_class_topic = `display/${field_id}/class`;
display_name_topic = `display/${field_id}/name`;
display_sponsor_topic = `display/${field_id}/sponsor`;
});
</script>