430 Utilities

430 Kattis Solve Totals

✓ Should work in all browsers

Totals problems solved for each Kattis assignment and displays results in a table with view filters

430 Kattis Solve Totals

Steps:

Click and drag "430 Kattis Solve Totals" to your browser's bookmarks bar
Go to the Kattis course page that lists all the sets and problems (e.g. https://tamu.kattis.com/courses/CSCE430/2024Spring)
Click "430 Kattis Solve Totals" on your bookmarks bar
If you want, download the .csv file and open it in Excel/VS Code
NOTE: If using Excel to find out how much more you need for an A, replace the "Upsolve Adj" and "Total Solve Adj" columns with formulas, so they update when you change values. Then, add a formula elsewhere that calculates the percentage (including extra credit if applicable).

430 Canvas Points

Grabs grades from Canvas and organizes into CSV file

430 Canvas Get Points as CSV

Steps:

Same steps as above, except click the bookmark while on the Canvas Grades page
Then, save the .csv file that downloads and open it in Excel/VS Code
NOTE: If using Excel to find out how much more you need for an A, replace the "Upsolve Adj" and "State" columns with formulas, so they update when you change values. Then, add a formula elsewhere that calculates the percentage (including extra credit if applicable).

Raw Code

If the bookmarklets are not working, try going to the page, right-clicking → Inspect Element → Console tab and manually running the code:

430 Kattis Solve Totals:

void(() => {
  if (document.getElementById("kattis-solve-totals-dialog")) return;
  let data = [...document.querySelector(".strip ul").children].flatMap((x, i, arr) => (i % 2) ? [] : [arr.slice(i, i + 2)]).map(x => [x[0].children[0].textContent.replace(/^.+?\u002D /, ""), x[1].querySelectorAll("li:has(.problem-solved)").length, x[1].querySelectorAll("li").length]).sort((a, b) => {
    let a2 = a[0].replace(/UPSOLVE /, "");
    let b2 = b[0].replace(/UPSOLVE /, "");
    if (a2 == b2) return (b[0].startsWith("UPSOLVE")) ? -1 : 1;
    else return (a2 < b2) ? -1 : 1;
  });
  let dataOriginal = data.filter(x => !x[0].includes("UPSOLVE"));
  let dataUpsolve = data.filter(x => x[0].includes("UPSOLVE"));
  document.body.insertAdjacentHTML("beforeend", `<dialog id="kattis-solve-totals-dialog" style="width: 550px; height: 550px; position: fixed; inset: 0; margin: auto; z-index: 9999999; overflow-y: scroll;"><style>#kattis-solve-totals-dialog {background: #FFF; color: #000; padding: 20px; border: none; border-radius: 20px; h1, div {text-align: center; margin: 0.5em 0;} button, select {font-size: 1em; padding: 5px 10px; font-family: inherit;} #kattis-solve-totals-select {background: #FFF; color: #000;} } #kattis-solve-totals-dialog::backdrop {backdrop-filter: blur(4px);} #kattis-solve-totals-table { & {border-collapse: collapse; margin: auto;} &, & th, & td {border: 1px solid #000;} & th, & td {padding: 10px;} & tbody td:nth-child(2) {text-align: center;} } [data-kattis-solve-totals-filter="original"] .kattis-solve-totals-upsolve-item, [data-kattis-solve-totals-filter="upsolve"] .kattis-solve-totals-original-item {display: none;} [data-kattis-solve-totals-filter="all"] tbody tr:nth-child(2n - 1), [data-kattis-solve-totals-filter="original"] tbody tr:nth-child(4n - 3), [data-kattis-solve-totals-filter="upsolve"] tbody tr:nth-child(4n - 2) {background: #DDD;}</style><div><button data-kattis-solve-totals-csvbtn>Download as CSV</button>&nbsp;<button data-kattis-solve-totals-closebtn>Close Window</button></div><h1>Solve Totals</h1><div>Original: ${dataOriginal.reduce((a, b) => a + b[1], 0)} / ${dataOriginal.reduce((a, b) => a + b[2], 0)}&emsp;&emsp;Upsolve: ${dataUpsolve.reduce((a, b) => a + b[1], 0)} / ${dataUpsolve.reduce((a, b) => a + b[2], 0)}&emsp;&emsp;Total: ${data.reduce((a, b) => a + b[1], 0)} / ${data.reduce((a, b) => a + b[2], 0)}</div><div>Upsolve Points: ${dataUpsolve.reduce((a, b) => a + 0.5 * b[1], 0)} / ${dataUpsolve.reduce((a, b) => a + 0.5 * b[2], 0)}&emsp;&emsp;Total Points: ${data.reduce((a, b) => a + (b[0].includes("UPSOLVE") ? 0.5 : 1) * b[1], 0)} / ${data.reduce((a, b) => a + (b[0].includes("UPSOLVE") ? 0.5 : 1) * b[2], 0)}</div><div>Show <select id="kattis-solve-totals-select"><option>all</option><option>original</option><option>upsolve</option></select> sets</div><table id="kattis-solve-totals-table" data-kattis-solve-totals-filter="all"><thead><th style="width: 300px;">Assignment</th><th style="width: 60px;">Solved</th></thead><tbody>` + data.map(x => `<tr class="${x[0].includes("UPSOLVE") ? "kattis-solve-totals-upsolve-item" : "kattis-solve-totals-original-item"}"><td>${x[0]}</td><td>${x[1]} / ${x[2]}</td></tr>`).join("") + `</tbody></table><div><button data-kattis-solve-totals-csvbtn>Download as CSV</button>&nbsp;<button data-kattis-solve-totals-closebtn>Close Window</button></div></dialog>`);
  [...document.querySelectorAll("[data-kattis-solve-totals-closebtn]")].forEach(el => el.addEventListener("click", function() {this.parentElement.parentElement.remove();}));
  [...document.querySelectorAll("[data-kattis-solve-totals-csvbtn]")].forEach(el => el.addEventListener("click", function() {
    let csvData = "Assignment,Total,Solve,Upsolve,Upsolve Adj,Total Solve Adj\n" + data.flatMap((x, i, arr) => (i % 2) ? [] : [arr.slice(i, i + 2)]).map(x => [...x[0], ...x[1].slice(1)]).map(x => [x[0], x[2], x[1], x[3], x[3] / 2]).map(x => x.concat([x[2] + x[4]])).map(x => x.join(",")).join("\n") + "\n";
    let dldElem = document.createElement("a");
    dldElem.href = `data:text/csv,${encodeURIComponent(csvData)}`;
    dldElem.download = "430 Kattis Solve Totals.csv";
    dldElem.style.display = "none";
    document.body.appendChild(dldElem);
    dldElem.click();
    dldElem.remove();
  }));
  document.getElementById("kattis-solve-totals-select").addEventListener("change", function(event) {document.getElementById("kattis-solve-totals-table").setAttribute("data-kattis-solve-totals-filter", this.selectedOptions[0].value);});
  document.getElementById("kattis-solve-totals-dialog").addEventListener("keydown", function(event) {if (event.key == "Escape") this.remove();});
  document.getElementById("kattis-solve-totals-dialog").showModal();
})();

430 Canvas Points:

void (() => {
  let data = "Assignment,Base,Solve,Upsolve,Upsolve Adj,State\n" + [...[...document.getElementsByClassName("student_assignment")].map(elem => [elem.children[0]?.children[0]?.textContent, elem.children[4]?.children[0]?.children[2]?.children[0]?.lastChild.textContent.trim()]).filter(x => x[0] !== undefined && /^(?:Lab|PS)/.test(x[0])).map(x => [x[0], x[1] == "-" ? "0" : x[1]]).flat().join(",").matchAll(/(.+?) Base,(\d+),\1 Solve,(\d+),\1 Upsolve,(\d+)/g)].map(x => [x[1], ...x.slice(2).map(Number)]).map(x => x.concat([x[3] / 2])).map(x => x.concat([(x[2] + x[4] >= x[1]) ? "Pass" : ((x[2] + x[4] >= x[1] / 2) ? "Half-Pass": "Fail")]).join(",")).join("\n") + "\n";
  let dldElem = document.createElement("a");
  dldElem.href = `data:text/csv,${encodeURIComponent(data)}`;
  dldElem.download = "430 Points.csv";
  dldElem.style.display = "none";
  document.body.appendChild(dldElem);
  dldElem.click();
  dldElem.remove();
})();

Custom CSS Styles

Apply using Stylus or other user style extension.

More green in Kattis

Problem titles in course page and problem table rows in assignment page are colored green to more easily tell at a glance which problems are solved

.course-offering-problem-status:has(i.problem-solved),
tr:has(td.solved) {
  &, a {
    color: #39A137 !important;
  }
  i.status-icon.cell-solved {
    background: #39A137 !important;
  }
}

tr:has(td.solved) {
  background: #343 !important;
}

.standings-table-result-cell-text {
  color: #FFF !important;
}

tbody tr:has(.is-status-accepted) {
  &, + tr.testcases-row {
    background: #343 !important;
  }
}

Canvas grades compactor

Compacts the Canvas grade page & hides unnecessary columns to avoid excessive word wrapping and fit more data on screen

430 Canvas Grades Compactor (toggle)

CSS code:

th, td {
  padding: 5px !important;
}
.ic-Layout-contentMain {
  padding: 0 !important;
}
is(th, td):is(:nth-child(2), :nth-child(3), :nth-child(6)) {
  display: none;
}