438 lines
14 KiB
JavaScript
438 lines
14 KiB
JavaScript
var courses;
|
|
|
|
setCourseList();
|
|
getSemesters();
|
|
getDepartments();
|
|
|
|
var can_remove = true;
|
|
|
|
function setCourseList() {
|
|
$("#courseList").empty();
|
|
chrome.storage.sync.get("savedCourses", function (data) {
|
|
updateConflicts();
|
|
courses = data.savedCourses;
|
|
handleEmpty();
|
|
let hours = 0;
|
|
// build and append the course list element
|
|
for (var i = 0; i < courses.length; i++) {
|
|
let { coursename, unique, profname, status, datetimearr } = courses[i];
|
|
profname = capitalizeString(profname);
|
|
let line = buildTimeLines(datetimearr);
|
|
let list_tile_color = getStatusColor(status);
|
|
let list_sub_color = getStatusColor(status, true);
|
|
let { department, number } = separateCourseNameParts(coursename);
|
|
let class_length = parseInt(number.charAt(0));
|
|
let multi_semester_code = number.slice(-1);
|
|
if (["A", "B"].includes(multi_semester_code)) {
|
|
hours += Math.floor(class_length / 2);
|
|
} else if (["X", "Y", "Z"].includes(multi_semester_code)) {
|
|
hours += Math.floor(class_length / 3);
|
|
} else {
|
|
hours += class_length;
|
|
}
|
|
let list_html = Template.Popup.list_item(i, list_tile_color, unique, department, number, profname, list_sub_color, line);
|
|
$("#courseList").append(list_html);
|
|
}
|
|
$("#meta-metric").text(hours);
|
|
});
|
|
}
|
|
|
|
/* convert from the dtarr and maek the time lines*/
|
|
function buildTimeLines(datetimearr) {
|
|
let lines = convertDateTimeArrToLine(datetimearr);
|
|
let output = "";
|
|
if (lines.length == 0) {
|
|
output = "<span style='font-size:medium;'>This class has no meeting times.</span>";
|
|
} else {
|
|
for (let i = 0; i < lines.length; i++) {
|
|
let line = lines[i];
|
|
output += Template.Popup.line(line);
|
|
}
|
|
}
|
|
return output;
|
|
}
|
|
|
|
/* Update the conflict messages */
|
|
function updateConflicts() {
|
|
chrome.runtime.sendMessage(
|
|
{
|
|
command: "checkConflicts",
|
|
},
|
|
function (response) {
|
|
console.log("updateConflicts -> response", response);
|
|
if (response.isConflict) {
|
|
var between = response.between;
|
|
let conflict_message = "";
|
|
for (var i = 0; i < between.length; i++) {
|
|
let courseA = between[i][0];
|
|
let courseB = between[i][1];
|
|
conflict_message += `CONFLICT: ${formatShortenedCourseName(courseA)} and ${formatShortenedCourseName(courseB)}`;
|
|
if (i != between.length - 1) conflict_message += "<br>";
|
|
}
|
|
$(Template.Popup.conflict_message(conflict_message)).prependTo("#courseList").hide().fadeIn(200);
|
|
}
|
|
}
|
|
);
|
|
}
|
|
|
|
/* prettify the name for the conflict messages*/
|
|
function formatShortenedCourseName(course) {
|
|
let { number, department } = separateCourseNameParts(course.coursename);
|
|
return `${department} ${number} (${course.unique})`;
|
|
}
|
|
|
|
$(document).click(function (event) {
|
|
$target = $(event.target);
|
|
|
|
// If we're not clicking on search button or search popup, and popup is visible, hide it
|
|
if (!$target.closest("#search").length && !$target.closest("#search-popup").length && $("#search-popup").is(":visible")) {
|
|
hideSearchPopup();
|
|
}
|
|
|
|
// If we're not clicking on import/export button or imp/exp popup, and popup is visible, hide it
|
|
if (!$target.closest("#impexp").length && !$target.closest("#import-export-popup").length && $("#import-export-popup").is(":visible")) {
|
|
hideImportExportPopup();
|
|
}
|
|
});
|
|
|
|
$("#clear").click(function () {
|
|
chrome.storage.sync.set({
|
|
savedCourses: [],
|
|
});
|
|
$("#courseList").empty();
|
|
updateAllTabsCourseList();
|
|
showEmpty();
|
|
});
|
|
|
|
$("#RIS").click(function () {
|
|
chrome.tabs.create({
|
|
url: "https://utdirect.utexas.edu/registrar/ris.WBX",
|
|
});
|
|
});
|
|
|
|
$("#calendar").click(function () {
|
|
chrome.tabs.create({
|
|
url: "calendar.html",
|
|
});
|
|
});
|
|
|
|
$("#impexp").click(function () {
|
|
if ($("#impexp>i").text() == "close") {
|
|
hideImportExportPopup();
|
|
} else {
|
|
if ($("#search>i").text() == "close") {
|
|
hideSearchPopup();
|
|
}
|
|
showImportExportPopup();
|
|
}
|
|
});
|
|
|
|
$("#search").click(function () {
|
|
if ($("#search>i").text() == "close") {
|
|
hideSearchPopup();
|
|
} else {
|
|
if ($("#impexp>i").text() == "close") {
|
|
hideImportExportPopup();
|
|
}
|
|
showSearchPopup();
|
|
}
|
|
});
|
|
|
|
$("#import-class").click(function () {
|
|
$("#import_input").click();
|
|
console.log("back to improting");
|
|
});
|
|
|
|
function isImportedValid(imported_courses) {
|
|
return imported_courses && imported_courses.length && (imported_courses.length == 0 || validateCourses(imported_courses));
|
|
}
|
|
|
|
$("#import_input").change(function (e) {
|
|
console.log("hello");
|
|
var files = e.target.files;
|
|
var reader = new FileReader();
|
|
reader.onload = function () {
|
|
try {
|
|
var imported_courses = JSON.parse(this.result);
|
|
if (isImportedValid(imported_courses)) {
|
|
chrome.storage.sync.set({
|
|
savedCourses: imported_courses,
|
|
});
|
|
updateAllTabsCourseList();
|
|
setCourseList();
|
|
hideImportExportPopup();
|
|
$("#import_input").val("");
|
|
} else {
|
|
Alert("There was an error.");
|
|
}
|
|
} catch (err) {
|
|
console.log(err);
|
|
}
|
|
};
|
|
reader.readAsText(files[0]);
|
|
});
|
|
|
|
function exportCourses(url) {
|
|
var exportlink = document.createElement("a");
|
|
exportlink.setAttribute("href", url);
|
|
exportlink.setAttribute("download", "my_courses.json");
|
|
exportlink.click();
|
|
}
|
|
|
|
function createBlob(export_courses) {
|
|
return new Blob([JSON.stringify(export_courses, null, 4)], {
|
|
type: "octet/stream",
|
|
});
|
|
}
|
|
|
|
$("#export-class").click(function () {
|
|
chrome.storage.sync.get("savedCourses", function (data) {
|
|
let export_courses = data.savedCourses;
|
|
if (export_courses.length > 0) {
|
|
let url = window.URL.createObjectURL(createBlob(export_courses));
|
|
exportCourses(url);
|
|
} else {
|
|
alert("No Saved Courses to Export.");
|
|
}
|
|
hideImportExportPopup();
|
|
});
|
|
});
|
|
|
|
function openSearch(semester, department, level, courseCode) {
|
|
var link = "";
|
|
if (courseCode) {
|
|
link = `https://utdirect.utexas.edu/apps/registrar/course_schedule/${semester}/results/?search_type_main=COURSE&fos_cn=${department}&course_number=${courseCode}`;
|
|
} else {
|
|
link = `https://utdirect.utexas.edu/apps/registrar/course_schedule/${semester}/results/?fos_fl=${department}&level=${level}&search_type_main=FIELD`;
|
|
}
|
|
chrome.tabs.create({ url: link });
|
|
}
|
|
|
|
$("#search-class").click(() => {
|
|
let semester = $("#semesters").find(":selected").val();
|
|
let department = $("#department").find(":selected").val();
|
|
let level = $("#level").find(":selected").val();
|
|
let courseCode = $("#courseCode").val();
|
|
openSearch(semester, department, level, courseCode);
|
|
});
|
|
|
|
$("#options_button").click(function () {
|
|
chrome.tabs.create({
|
|
url: "options.html",
|
|
});
|
|
});
|
|
|
|
$("#courseList")
|
|
.on("mouseover", ".copy_button", function () {
|
|
$(this).addClass("shadow");
|
|
})
|
|
.on("mouseleave", ".copy_button", function () {
|
|
$(this).removeClass("shadow");
|
|
});
|
|
|
|
$("#courseList").on("click", ".copy_button", function (e) {
|
|
e.stopPropagation();
|
|
copyButtonAnimation($(this));
|
|
let unique = $(this).val();
|
|
copyUnique(unique);
|
|
});
|
|
|
|
function copyUnique(unique) {
|
|
var temp = $("<input>");
|
|
$("body").append(temp);
|
|
temp.val(unique).select();
|
|
document.execCommand("copy");
|
|
temp.remove();
|
|
}
|
|
|
|
$("#courseList").on("click", "li", function () {
|
|
let clicked_item = $(this).closest("li");
|
|
let curr_course = courses[$(clicked_item).attr("id")];
|
|
handleMoreInfo(clicked_item, curr_course);
|
|
handleRegister(clicked_item, curr_course);
|
|
handleRemove(clicked_item, curr_course);
|
|
toggleTimeDropdown(clicked_item);
|
|
});
|
|
|
|
function handleRegister(clicked_item, curr_course) {
|
|
let { status, registerlink } = curr_course;
|
|
let register_button = $(clicked_item).find("#register");
|
|
let can_not_register = canNotRegister(status, registerlink);
|
|
let register_text = can_not_register ? "Can't Register" : status.includes("waitlisted") ? "Join Waitlist" : "Register";
|
|
let register_color = can_not_register ? Colors.closed : status.includes("waitlisted") ? Colors.waitlisted : Colors.open;
|
|
|
|
if (!status) {
|
|
register_text = "No Status";
|
|
register_color = Colors.no_status;
|
|
}
|
|
|
|
$(register_button).text(register_text).css("background-color", register_color);
|
|
|
|
if (!can_not_register) {
|
|
$(register_button).click(function () {
|
|
setCurrentTabUrl(registerlink);
|
|
});
|
|
}
|
|
}
|
|
|
|
function handleRemove(clicked_item, curr_course) {
|
|
let list = $(clicked_item).closest("ul");
|
|
$(clicked_item)
|
|
.find("#listRemove")
|
|
.click(function () {
|
|
if (can_remove) {
|
|
can_remove = false;
|
|
$(list)
|
|
.find("#conflict")
|
|
.fadeOut(300, function () {
|
|
$(clicked_item).remove();
|
|
});
|
|
subtractHours(curr_course);
|
|
chrome.runtime.sendMessage(
|
|
{
|
|
command: "courseStorage",
|
|
course: curr_course,
|
|
action: "remove",
|
|
},
|
|
() => {
|
|
$(clicked_item).fadeOut(200);
|
|
if ($(list).children(":visible").length === 1) showEmpty();
|
|
can_remove = true;
|
|
updateConflicts();
|
|
updateAllTabsCourseList();
|
|
}
|
|
);
|
|
}
|
|
});
|
|
}
|
|
|
|
function subtractHours(curr_course) {
|
|
let curr_total_hours = parseInt($("#meta-metric").text());
|
|
let curr_course_number = separateCourseNameParts(curr_course.coursename).number;
|
|
let class_length = parseInt(curr_course_number.charAt(0));
|
|
let multi_semester_code = curr_course_number.slice(-1);
|
|
if (["A", "B"].includes(multi_semester_code)) {
|
|
$("#meta-metric").text(curr_total_hours - Math.floor(class_length / 2));
|
|
} else if (["X", "Y", "Z"].includes(multi_semester_code)) {
|
|
$("#meta-metric").text(curr_total_hours - Math.floor(class_length / 3));
|
|
} else {
|
|
$("#meta-metric").text(curr_total_hours - class_length);
|
|
}
|
|
}
|
|
|
|
function handleMoreInfo(clicked_item, curr_course) {
|
|
$(clicked_item)
|
|
.find("#listMoreInfo")
|
|
.click(function () {
|
|
openMoreInfoWithOpenModal(curr_course.link);
|
|
});
|
|
}
|
|
|
|
function handleEmpty() {
|
|
if (courses.length != 0) {
|
|
$("#empty").hide();
|
|
$("#courseList").show();
|
|
} else {
|
|
showEmpty();
|
|
}
|
|
}
|
|
|
|
function copyButtonAnimation(copy_button) {
|
|
$(copy_button).find("i").text("check");
|
|
$(copy_button).stop(true, false).removeAttr("style").removeClass("shadow", {
|
|
duration: 200,
|
|
});
|
|
$(copy_button)
|
|
.find("i")
|
|
.delay(400)
|
|
.queue(function (n) {
|
|
$(this).text("content_copy");
|
|
$(this).parent().removeClass("shadow");
|
|
if ($(this).parent().is(":hover")) {
|
|
$(this).parent().addClass("shadow");
|
|
}
|
|
n();
|
|
});
|
|
}
|
|
|
|
function toggleTimeDropdown(clicked_item) {
|
|
let more_info_button = $(clicked_item).find("#moreInfo");
|
|
let arrow = $(clicked_item).find("#arrow");
|
|
if ($(more_info_button).is(":hidden")) {
|
|
$(more_info_button).fadeIn(200);
|
|
$(arrow).css("transform", "rotate(90deg)");
|
|
} else {
|
|
$(more_info_button).fadeOut(200);
|
|
$(arrow).css("transform", "");
|
|
}
|
|
}
|
|
|
|
function showEmpty() {
|
|
$("#courseList").hide();
|
|
$("#empty").fadeIn(200);
|
|
$("#main").html(Text.emptyText());
|
|
$("#meta-metric").text("0");
|
|
}
|
|
|
|
function hideSearchPopup() {
|
|
$("#search>i").text("search");
|
|
$("#semcon").hide();
|
|
$("#depcon").hide();
|
|
$("#semesters").hide();
|
|
$("#levcon").hide();
|
|
$("#search-popup").addClass("hide");
|
|
}
|
|
|
|
function showSearchPopup() {
|
|
$("#search>i").text("close");
|
|
$("#class_id_input").show();
|
|
$("#semesters").show();
|
|
$("#semcon").show();
|
|
$("#depcon").show();
|
|
$("#levcon").show();
|
|
$("#search-popup").removeClass("hide");
|
|
}
|
|
|
|
function hideImportExportPopup() {
|
|
$("#import-export-popup").addClass("hide");
|
|
$("#impexp>i").text("import_export");
|
|
}
|
|
|
|
function showImportExportPopup() {
|
|
$("#impexp>i").text("close");
|
|
$("#import-export-popup").removeClass("hide");
|
|
}
|
|
|
|
function getSemesters() {
|
|
chrome.runtime.sendMessage(
|
|
{
|
|
command: "currentSemesters",
|
|
},
|
|
function (response) {
|
|
let { semesters } = response;
|
|
let semester_names = Object.keys(semesters);
|
|
for (let i = 0; i < semester_names.length; i++) {
|
|
let name = semester_names[i];
|
|
$("#semesters").append(`<option value='${semesters[name]}'>${name}</option>`);
|
|
}
|
|
}
|
|
);
|
|
}
|
|
|
|
function getDepartments() {
|
|
chrome.runtime.sendMessage(
|
|
{
|
|
command: "currentDepartments",
|
|
},
|
|
function (response) {
|
|
let { departments } = response;
|
|
console.log(departments);
|
|
for (let i = 0; i < departments.length; i++) {
|
|
let abv = departments[i];
|
|
$("#department").append(`<option value='${abv}'>${abv}</option>`);
|
|
}
|
|
// $("#department").val('C S');
|
|
}
|
|
);
|
|
}
|