added search by course code

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);
+}

js/popup.js

@@ -202,8 +202,13 @@ $('#export-class').click(function () {
 	});
 });
 
-function openSearch(semester, department, level) {
+function openSearch(semester, department, level, courseCode) {
-	var link = `https://utdirect.utexas.edu/apps/registrar/course_schedule/${semester}/results/?fos_fl=${department}&level=${level}&search_type_main=FIELD`
+	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 });
 }
 
@@ -211,7 +216,8 @@ $("#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 () {

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>