From 0c7409f3e2a6d099784f2ec6ec2352eeba4702a1 Mon Sep 17 00:00:00 2001
From: HW Computer <derex1987@gmail.com>
Date: Mon, 24 Apr 2023 18:05:12 -0500
Subject: [PATCH] Better visibility labels and trims the department string now

---
 data/icon.png | Bin 0 -> 1141 bytes
 index.html    |   1 +
 main.js       |  28 +++++++++++++++++++---------
 3 files changed, 20 insertions(+), 9 deletions(-)
 create mode 100644 data/icon.png

diff --git a/data/icon.png b/data/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..d922be8ce54b52ba1b4e3a231d6dbb7608d33db4
GIT binary patch
literal 1141
zcmeAS@N?(olHy`uVBq!ia0y~yU@`+@1{P+ZNb+v$Z9s~#ILO_JVcj{Imp~3nx}&cn
z1H;CC?mvmFK)z6bPlzj!MgtGDB^LpOSWANZf*BM-4?REM(|(wNf%$`{i(^Q|t+#j2
z7G8FcXn5$FdBCvXyM>6uBQB#dcAlrR9`gOvJYcA&AYraBb78~z#i1@bsq??js(5U(
zIclxm>Q|4iuh3ulVU>zm&W#O;hue6i&62<*nCk`?%(>A4l!9?LLR5md$}qv%akI|d
zHrG7;>~hh?eNWe@%>I5oGQKKs(pleU+yBM%oppW3Wu$*RZB}n&pYOlk^kd78`%g(u
zjz0sk64~@#m^*-`3nHw<<*Y4v4eHl;j;g&rGV3bP(mlf2_jJ8BNj~W`J-k8k8Hk+u
zul&r%TRfjb#LV)~AKNzr#fxy~18q72aSA9HNOS~_uvu)Bv+C%o($ljS<*a)8XH)6r
z)wd_*towAY?`vXMpYJzo$@Ql<?tGDXv9{an=KF@VYDaH;`8v<ZEa%PNH{CZOv4Jh5
zY2j4D;ef-B*fpl<$ezn7mUvQc95(y#3peT2XWxmsz0TTv{;xyri_$G$xE7agU0FU;
z{zh4w_3ezg?}NWr?!RZ#m%rtl*;nUl^Y>f-{e0h9X6^5PX`A<D->))1bTMwj_uKim
z%OxIX%#*b7hX)Hut^!8uo(s#Orrv$Kva&d`O!)eguka{$(+p*2d&WCEF1L^8#*SrY
zq(47<W5(NDaqq^Tjft1npXGDPNH*-t%_;CZBhBr%=lkXd8(t;_2Xo}=Sg6l4jSbm&
zR?Img`MdaS8F@<=Grd*9W?QX8GbYCXC5$^R9Ltiqy+mDTq3>r|*ObZg?yhp0{n%V=
zqVFo*;|qOnRmkw?_LWbYb3)BD+hU?`)-}D=K&HKX2aDOu9fqY!v!{HszxI9qzk;9F
Z<EwHXZ)f_t=PIat@O1TaS?83{1OOG<2@(JR

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 0519f77..2155e89 100644
--- a/index.html
+++ b/index.html
@@ -14,6 +14,7 @@
   <meta charset='utf-8'>
   <meta http-equiv='X-UA-Compatible' content='IE=edge'>
   <title>UT Grade Viewer</title>
+  <link rel="icon" href="data\icon.pngs">
   <meta name='viewport' content='width=device-width, initial-scale=1'>
   <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.4.1/papaparse.min.js"
diff --git a/main.js b/main.js
index 994a1e8..30db7e0 100644
--- a/main.js
+++ b/main.js
@@ -11,10 +11,14 @@ const ctx = document.getElementById("gradeBar");
 /*
  Parse the name
 */
-function parseName() {
+async function parseName() {
     let className = document.getElementById('courseName').value;
     let classNum = document.getElementById('courseNum').value;
-    let department = document.getElementById('courseField').value;
+    let department = document.getElementById('courseField').value.trim();
+    let departments = '';
+    await fetch('https://derec4.github.io/ut-grade-data/2022prefixes.json')
+    .then(res => res.json())
+    .then(data => { departments = data; });
     if(!className && !classNum && !department) {
         alert("At least fill out the form...");
         return;
@@ -23,12 +27,12 @@ function parseName() {
         alert("Missing fields")
         return;
     }
-    if(department.length != 3) {
+    if(!departments.includes(department)) {
         alert("Invalid Department");
         return;
     } 
     console.log(department, classNum.toString(), className.trim());
-    PapaParse(department, classNum.toString(), className.trim());
+    await PapaParse(department, classNum.toString(), className.trim());
 }
 
 async function PapaParse(department, num, name) {
@@ -45,7 +49,7 @@ async function PapaParse(department, num, name) {
         // Possible that the class name was typed wrong; try again with just the course number
         console.log("Second Option");
         selectedClass = cData.filter(cData => cData["Course Prefix"].includes(department.toUpperCase()))
-                             .filter(cData => cData["Course Title"].includes(name.toUpperCase()));
+                             .filter(cData => cData["Course Number"] == num.toString().toUpperCase());
     } 
     if(selectedClass.length == 0) {
         // Still can't find anything? Just exit without making a chart and alert that nothing could be found
@@ -93,7 +97,7 @@ async function PapaParse(department, num, name) {
                 'D-',
                 'F'],
             datasets: [{
-                label: 'Grade Distribution',
+                label: 'Grade distribution for \"' + selectedClass[0]["Course Title"] +"\"",
                 data: Object.values(gradeDist),
                 borderWidth: 2,
                 // borderColor: '#36A2EB',
@@ -102,13 +106,13 @@ async function PapaParse(department, num, name) {
             };
         gradeChart.update();
     } else {
-        loadChart(gradeDist);
+        loadChart(gradeDist, selectedClass[0]["Course Title"]);
         aboutDiv.style.visibility='hidden';
         chartDiv.style.display = '';
     }
 }
 
-function loadChart(gradeDist) {
+function loadChart(gradeDist, courseName) {
     gradeChart = new Chart(ctx, {
         type: 'bar',
         data: {
@@ -126,13 +130,19 @@ function loadChart(gradeDist) {
             'D-',
             'F'],
         datasets: [{
-            label: 'Grade Distribution',
+            label: 'Grade distribution for \"' + courseName + "\"",
             data: Object.values(gradeDist),
             borderWidth: 2,
             backgroundColor: ["rgb(98, 244, 54)", "rgb(129, 231, 10)", "rgb(151, 218, 0)", "rgb(168, 204, 0)", "rgb(181, 190, 0)", "rgb(191, 176, 0)", "rgb(199, 162, 0)", "rgb(205, 148, 0)", "rgb(209, 133, 0)", "rgb(211, 119, 0)", "rgb(210, 105, 0)", "rgb(208, 91, 23)", "rgb(204, 78, 36)", "rgb(198, 66, 46)", "rgb(190, 54, 54)", ""],
         }]
         },
         options: {
+            legend: {
+                labels: {
+                    fontColor: "#00FF59",
+                    fontSize: 15
+                }
+            },
             responsive: true,
             maintainAspectRatio: false,
             scales: {