diff --git a/app.js b/app.js
index 1a09494a84b3afd5069d2ef82b4f415da2652e8a..6655b948800cfaa6e1208145079e94fbcc89e542 100644
--- a/app.js
+++ b/app.js
@@ -217,7 +217,7 @@ recordingButtons.forEach((button, index) => {
codeDataButtonIndexes[index][1]
), data[0], data[1], getButtonReadouts(data[0])];
});
- let filteredAnnotatedVals = annotatedVals.filter((relevantSlice, codeData, count, readouts) => {
+ let filteredAnnotatedVals = annotatedVals.filter(([relevantSlice, codeData, count, readout]) => {
/*
index=4 means that the user clicked the "Right+" button meaning they're calibrating the right input.
relevantSlice="qwer", the substring that we just recorded
@@ -238,12 +238,12 @@ recordingButtons.forEach((button, index) => {
}
}
- matchingStartStopIndexes.forEach(buttonIndex => {
+ for (buttonIndex of matchingStartStopIndexes) {
if (codeDataButtonSubstrings[buttonIndex].includes(relevantSlice)) {
console.log(`Found ${relevantSlice} in codeDataButtonSubstrings[${buttonIndex}], skipping`);
return false;
}
- });
+ }
// // Check to see if we're already using this substring in the same button.
// if (codeDataButtonSubstrings[index].includes(relevantSlice)) {
@@ -454,8 +454,8 @@ function renderData() {
for (let i = 0; i < keys.length; i++) {
const key = keys[i];
const val = datas[key];
-
- html += `<tr><td>${key}</td><td>${val.count}</td><td>${val.buttons}</td></tr>`;
+ const evaluatedButtons = Object.keys(getButtonReadouts(key));
+ html += `<tr><td>${key}</td><td>${val.count}</td><td>${evaluatedButtons}</td></tr>`;
}
html += "</table>";
diff --git a/index.html b/index.html
index 1ab6a1034d30db330c4c01a313c7f42efd60bc1c..b4663b3cb4a63ef2d9ff8e581dd18242ca49d7ee 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
-<body>
+<body style="font-family: 'Courier New', Courier, monospace">
<div>
<div style="float: left; width: 49%">
<h1>QRcade</h1>