From a0dc4cbace9c470e9847df19e2fb1efc297db84a Mon Sep 17 00:00:00 2001
From: Darshan Bhatta <bhatta.darshan26@gmail.com>
Date: Wed, 22 Apr 2020 18:22:29 -0500
Subject: [PATCH] added search by course code

---
 css/popup.css | 13 +++++++++++++
 js/popup.js   | 32 +++++++++++++++++++-------------
 popup.html    |  3 +++
 3 files changed, 35 insertions(+), 13 deletions(-)

diff --git a/css/popup.css b/css/popup.css
index 88426ee4..301ab2a4 100644
--- a/css/popup.css
+++ b/css/popup.css
@@ -548,3 +548,16 @@ input[type=number]::-webkit-outer-spin-button {
 .meta-container{
     margin: 5px 5px 10px 5px;
 }
+
+.input-box{
+    color: rgba(0, 0, 45, 0.48);
+    border: 1px solid #8C8C8C;
+    font-size: 11px;
+    padding: 5px;
+    border-radius: 7px;
+    width: 90%;
+}
+
+.input-box::placeholder {
+    color: rgba(0, 0, 45, 0.345);
+}
\ No newline at end of file
diff --git a/js/popup.js b/js/popup.js
index 8969a267..94e10cca 100644
--- a/js/popup.js
+++ b/js/popup.js
@@ -30,7 +30,7 @@ function setCourseList() {
 				department,
 				number
 			} = seperateCourseNameParts(coursename)
-			num_hours += parseInt(number.substring(0,1));
+			num_hours += parseInt(number.substring(0, 1));
 
 			let list_html = Template.Popup.list_item(i, list_tile_color, unique, department, number, profname, list_sub_color, line);
 			$("#courseList").append(list_html);
@@ -202,16 +202,22 @@ $('#export-class').click(function () {
 	});
 });
 
-function openSearch(semester, department, level) {
-	var 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});
+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();
-	openSearch(semester, department, level);
+	let courseCode = $("#courseCode").val();
+	openSearch(semester, department, level, courseCode);
 });
 
 $("#options_button").click(function () {
@@ -263,7 +269,7 @@ function handleRegister(clicked_item, curr_course) {
 	let register_color = can_not_register ? Colors.closed :
 		status.includes("waitlisted") ? Colors.waitlisted : Colors.open;
 
-	if(!status){
+	if (!status) {
 		register_text = "No Status";
 		register_color = Colors.no_status;
 	}
@@ -303,11 +309,11 @@ function handleRemove(clicked_item, curr_course) {
 }
 
 
-function subtractHours(curr_course){
+function subtractHours(curr_course) {
 	let curr_total_hours = parseInt($("#meta-metric").text());
 	let curr_course_number = seperateCourseNameParts(curr_course.coursename).number;
-	let curr_individual_hours = parseInt(curr_course_number.substring(0,1));
-	$("#meta-metric").text(curr_total_hours-curr_individual_hours);
+	let curr_individual_hours = parseInt(curr_course_number.substring(0, 1));
+	$("#meta-metric").text(curr_total_hours - curr_individual_hours);
 
 }
 
@@ -392,10 +398,10 @@ function showImportExportPopup() {
 function getSemesters() {
 	chrome.runtime.sendMessage({
 		command: "currentSemesters"
-	}, function(response){
+	}, function (response) {
 		let { semesters } = response;
 		let semester_names = Object.keys(semesters);
-		for(let i = 0; i<semester_names.length;i++){
+		for (let i = 0; i < semester_names.length; i++) {
 			let name = semester_names[i];
 			$("#semesters").append(`<option value='${semesters[name]}'>${name}</option>`);
 		}
@@ -405,10 +411,10 @@ function getSemesters() {
 function getDepartments() {
 	chrome.runtime.sendMessage({
 		command: "currentDepartments"
-	}, function(response){
+	}, function (response) {
 		let { departments } = response;
 		console.log(departments);
-		for(let i = 0; i<departments.length; i++){
+		for (let i = 0; i < departments.length; i++) {
 			let abv = departments[i];
 			$("#department").append(`<option value='${abv}'>${abv}</option>`);
 		}
diff --git a/popup.html b/popup.html
index 310fcec1..a63a84d5 100644
--- a/popup.html
+++ b/popup.html
@@ -52,6 +52,9 @@
                 </select>
               </label>
             </div>
+            <div>
+              <input class = "input-box" placeholder="Course # (optional)" type="text" id="courseCode"></input>
+            </div>
           </div>
           <button id="search-class" class="material_button search-button">Search</button>
         </div>