DerexXD/ut-grade-distribution-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Switching depending on semester

Browse Source
This commit is contained in:
HW Computer
2023-04-24 18:51:42 -05:00
parent 73c082fd38
commit 1200f5d08a
3 changed files with 33 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@@ -60,10 +60,11 @@
<!-- Dropdown menu for semester selection --> <!-- Dropdown menu for semester selection -->
<form> <form>
<label for="dropdown">Semester (under construction):</label> <label for="dropdown">Semester (under construction):</label>
<select id="dropdown" name="dropdown"> <select id="semester" name="dropdown">
<option value="option1">Fall 2022</option> <option value="f2022">Fall 2022</option>
<option value="option2">Spring 2022</option> <option value="s2022">Summer 2022</option>
<option value="option3">Fall 2021</option> <option value="sp2022">Spring 2022</option>
<option value="f2021">Fall 2021</option>
</select> </select>
<br><br> <br><br>
</form> </form>

7
main.css
View File

@@ -14,12 +14,12 @@ main {
} }
main h1 { main h1 {
font-size: 36px; font-size: 24px;
margin: 0 0 20px 0 margin: 0 0 20px 0
} }
main p { main p {
font-size: 18px; font-size: 10px;
line-height: 1.5; line-height: 1.5;
margin: 0 0 20px 0 margin: 0 0 20px 0
} }
@@ -63,11 +63,12 @@ footer p {
border: 3px solid #f1f1f1; border: 3px solid #f1f1f1;
margin: 5px auto; margin: 5px auto;
position: absolute; position: absolute;
font-size: small;
top: 15%; top: 15%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 70%; width: 70%;
padding: 20px; padding: 10px;
text-align: center text-align: center
} }

28
main.js
View File

@@ -15,6 +15,7 @@ async function parseName() {
let className = document.getElementById('courseName').value; let className = document.getElementById('courseName').value;
let classNum = document.getElementById('courseNum').value; let classNum = document.getElementById('courseNum').value;
let department = document.getElementById('courseField').value.trim(); let department = document.getElementById('courseField').value.trim();
let semester = document.getElementById('semester').value;
let departments = ''; let departments = '';
await fetch('https://derec4.github.io/ut-grade-data/2022prefixes.json') await fetch('https://derec4.github.io/ut-grade-data/2022prefixes.json')
.then(res => res.json()) .then(res => res.json())
@@ -32,13 +33,32 @@ async function parseName() {
return; return;
} }
console.log(department, classNum.toString(), className.trim()); console.log(department, classNum.toString(), className.trim());
await PapaParse(department, classNum.toString(), className.trim()); await PapaParse(department, classNum.toString(), className.trim(), semester);
} }
async function PapaParse(department, num, name) { async function PapaParse(department, num, name, sem) {
let cData = ''; let cData = '';
// await fetch('https://derec4.github.io/UT-Grade-Dist/2022prefixes.json'); // console.log(sem);
await fetch('https://derec4.github.io/ut-grade-data/2022%20Fall.json') let url = '';
switch (sem) {
case 'f2022':
url = 'https://derec4.github.io/ut-grade-data/2022%20Fall.json';
break;
case 's2022':
url = 'https://derec4.github.io/ut-grade-data/2022%20Fall.json';
break;
case 'sp2022':
// Temp, change when other data sets are added
url = 'https://derec4.github.io/ut-grade-data/2022%20Fall.json';
break;
case 'f2021':
url = 'https://derec4.github.io/ut-grade-data/2022%20Fall.json';
break;
default:
url = 'https://derec4.github.io/ut-grade-data/2022%20Fall.json';
break;
}
await fetch(url)
.then(res => res.json()) .then(res => res.json())
.then(data => { cData = data; }); .then(data => { cData = data; });