DerexXD/UT-Registration-Plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

calendar

Browse Source
This commit is contained in:
Sriram Hariharan
2018-08-11 16:32:26 -05:00
parent 76446c1f0f
commit 1beb77187f
7 changed files with 654 additions and 547 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
calendar.html
View File

@@ -1,4 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<head> <head>
<link rel='stylesheet' href='css/fullcalendar.css' /> <link rel='stylesheet' href='css/fullcalendar.css' />
<link rel='stylesheet' href='css/_materialFullCalendar.css' /> <link rel='stylesheet' href='css/_materialFullCalendar.css' />
@@ -8,7 +9,7 @@
</head> </head>
<body> <body>
<div id='calendar'></div> <div id='calendar' style="height:50%; width: 60%"></div>
</body> </body>
<script src='js/calendar.js'></script> <script src='js/calendar.js'></script>

38
css/_materialFullCalendar.css
View File

@@ -36,35 +36,53 @@ Colors: Use the following - https://www.google.com/design/spec/style/color.html#
}); });
*/ */
/* Remove that awful yellow color and border from today in Schedule */ /* Remove that awful yellow color and border from today in Schedule */
.fc-state-highlight { .fc-state-highlight {
opacity: 0; opacity: 0;
border: none; border: none;
} }
/* Styling for each event from Schedule */ /* Styling for each event from Schedule */
.fc-time-grid-event.fc-v-event.fc-event { .fc-time-grid-event.fc-v-event.fc-event {
border-radius: 4px; border-radius: 4px;
border: none; border: none;
padding: 5px; padding: 5px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
transition: 0.3s;
opacity: 1; opacity: 1;
} }
.fc-time-grid-event.fc-v-event.fc-event:hover {
box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.3);
}
/* Bolds the name of the event and inherits the font size */ /* Bolds the name of the event and inherits the font size */
.fc-event { .fc-event {
font-size: inherit !important; font-size: small !important;
font-weight: bold !important; font-weight: bold !important;
} }
/* Remove the header border from Schedule */ /* Remove the header border from Schedule */
.fc td, .fc th {
border-style: none !important; .fc td,
.fc th {
border-style: ridge !important;
border-width: 1px !important; border-width: 1px !important;
padding: 0 !important; padding: 2px !important;
vertical-align: top !important; vertical-align: top !important;
} }
.fc-widget-header {
background-color: #cc5500;
color: white;
}
/* Inherits background for each event from Schedule. */ /* Inherits background for each event from Schedule. */
.fc-event .fc-bg { .fc-event .fc-bg {
z-index: 1 !important; z-index: 1 !important;
background: inherit !important; background: inherit !important;
@@ -72,18 +90,22 @@ Colors: Use the following - https://www.google.com/design/spec/style/color.html#
} }
/* Normal font weight for the time in each event */ /* Normal font weight for the time in each event */
.fc-time-grid-event .fc-time { .fc-time-grid-event .fc-time {
font-weight: normal !important; font-weight: normal !important;
} }
/* Apply same opacity to all day events */ /* Apply same opacity to all day events */
.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
opacity: 0.65 !important; opacity: 0.65 !important;
margin-left: 12px !important; margin-left: 12px !important;
padding: 5px !important; padding: 5px !important;
} }
/* Apply same opacity to all day events */ /* Apply same opacity to all day events */
.fc-day-grid-event.fc-h-event.fc-event.fc-not-start.fc-end { .fc-day-grid-event.fc-h-event.fc-event.fc-not-start.fc-end {
opacity: 0.65 !important; opacity: 0.65 !important;
margin-left: 12px !important; margin-left: 12px !important;
@@ -91,6 +113,7 @@ Colors: Use the following - https://www.google.com/design/spec/style/color.html#
} }
/* Material design button */ /* Material design button */
.fc-button { .fc-button {
display: inline-block; display: inline-block;
position: relative; position: relative;
@@ -133,16 +156,19 @@ Colors: Use the following - https://www.google.com/design/spec/style/color.html#
background-color: rgba(158, 158, 158, 0.2); background-color: rgba(158, 158, 158, 0.2);
} }
.fc-button:focus, .fc-button:hover { .fc-button:focus,
.fc-button:hover {
text-decoration: none; text-decoration: none;
} }
/* The active button box is ugly so the active button will have the same appearance of the hover */ /* The active button box is ugly so the active button will have the same appearance of the hover */
.fc-state-active { .fc-state-active {
background-color: rgba(158, 158, 158, 0.2); background-color: rgba(158, 158, 158, 0.2);
} }
/* Not raised button */ /* Not raised button */
.fc-state-default { .fc-state-default {
box-shadow: None; box-shadow: None;
} }

21
css/popup.css
View File

@@ -11,17 +11,20 @@
.container { .container {
padding: 2px 16px; padding: 2px 16px;
} }
h2 { h2 {
padding: 10px 0px 0 10px; padding: 10px 0px 0 10px;
} }
li { li {
width: 350px; width: 350px;
} }
body { body {
min-width: 500px; min-width: 370px;
min-height: 400px; min-height: 400px;
} }
.matbut { .matbut {
border: none; border: none;
outline: none; outline: none;
@@ -32,8 +35,8 @@
border-radius: 10px; border-radius: 10px;
font-size: medium; font-size: medium;
font-style: bold; font-style: bold;
box-shadow: 2px 2px 4px rgba(0, 0, 0, .4); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
background: #FF9800; background: #ff9800;
} }
.matbut { .matbut {
@@ -49,26 +52,27 @@
} }
.matbut:after { .matbut:after {
content: ''; content: "";
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
width: 5px; width: 5px;
height: 5px; height: 5px;
background: rgba(255, 255, 255, .5); background: rgba(255, 255, 255, 0.5);
opacity: 0; opacity: 0;
border-radius: 100%; border-radius: 100%;
transform: scale(1, 1) translate(-50%); transform: scale(1, 1) translate(-50%);
transform-origin: 50% 50%; transform-origin: 50% 50%;
} }
.card:after { .card:after {
content: ''; content: "";
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
width: 5px; width: 5px;
height: 5px; height: 5px;
background: rgba(255, 255, 255, .5); background: rgba(255, 255, 255, 0.5);
opacity: 0; opacity: 0;
border-radius: 100%; border-radius: 100%;
transform: scale(1, 1) translate(-50%); transform: scale(1, 1) translate(-50%);
@@ -93,6 +97,7 @@
.matbut:focus:not(:active)::after { .matbut:focus:not(:active)::after {
animation: ripple 1s ease-out; animation: ripple 1s ease-out;
} }
.card:focus:not(:active)::after { .card:focus:not(:active)::after {
animation: ripple 1s ease-out; animation: ripple 1s ease-out;
} }

59
css/styles.css
View File

@@ -21,7 +21,6 @@
width: 50%; width: 50%;
} }
/* The Close Button */ /* The Close Button */
.close { .close {
color: #aaaaaa; color: #aaaaaa;
@@ -37,13 +36,11 @@
padding-top: 5px; padding-top: 5px;
padding-left: 5px; padding-left: 5px;
margin: 5px 0px 5px 0px; margin: 5px 0px 5px 0px;
} }
.description { .description {
padding: 5px; padding: 5px;
font-size: 15px; font-size: 15px;
font-weight: normal; font-weight: normal;
} }
.profname { .profname {
@@ -63,18 +60,20 @@
min-width: auto; min-width: auto;
max-width: 800px; max-width: 800px;
height: 250px; height: 250px;
margin: 0 auto margin: 0 auto;
z-index: 1; z-index: 1;
} }
.card { .card {
transition: 0.3s; transition: 0.3s;
margin-bottom: 10px; margin-bottom: 10px;
box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
0 2px 10px 0 rgba(0, 0, 0, 0.12);
} }
.card:hover { .card:hover {
box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19) box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2),
0 4px 20px 0 rgba(0, 0, 0, 0.19);
} }
.cardcontainer { .cardcontainer {
@@ -107,8 +106,8 @@
border-radius: 10px; border-radius: 10px;
font-size: medium; font-size: medium;
font-style: bold; font-style: bold;
box-shadow: 2px 2px 4px rgba(0, 0, 0, .4); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
background: #FF9800; background: #ff9800;
} }
.matbut { .matbut {
@@ -117,13 +116,13 @@
} }
.matbut:after { .matbut:after {
content: ''; content: "";
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
width: 5px; width: 5px;
height: 5px; height: 5px;
background: rgba(255, 255, 255, .5); background: rgba(255, 255, 255, 0.5);
opacity: 0; opacity: 0;
border-radius: 100%; border-radius: 100%;
transform: scale(1, 1) translate(-50%); transform: scale(1, 1) translate(-50%);
@@ -171,21 +170,45 @@
} }
@-webkit-keyframes fadein { @-webkit-keyframes fadein {
from {bottom: 0; opacity: 0;} from {
to {bottom: 30px; opacity: 1;} bottom: 0;
opacity: 0;
}
to {
bottom: 30px;
opacity: 1;
}
} }
@keyframes fadein { @keyframes fadein {
from {bottom: 0; opacity: 0;} from {
to {bottom: 30px; opacity: 1;} bottom: 0;
opacity: 0;
}
to {
bottom: 30px;
opacity: 1;
}
} }
@-webkit-keyframes fadeout { @-webkit-keyframes fadeout {
from {bottom: 30px; opacity: 1;} from {
to {bottom: 0; opacity: 0;} bottom: 30px;
opacity: 1;
}
to {
bottom: 0;
opacity: 0;
}
} }
@keyframes fadeout { @keyframes fadeout {
from {bottom: 30px; opacity: 1;} from {
to {bottom: 0; opacity: 0;} bottom: 30px;
opacity: 1;
}
to {
bottom: 0;
opacity: 0;
}
} }

144
js/calendar.js
View File

@@ -1,102 +1,102 @@
$(function () { $(function () {
const materialColors = ['#4CAF50', '#CDDC39',
const materialColors = '#FFC107', '#2196F3', '#F57C00', '#9C27B0', '#FF5722', , '#673AB7',
['#FF1744', '#F50057', '#D500F9', '#651FFF', '#FF5252', '#E91E63', '#009688', '#00BCD4',
'#3D5AFE', '#2979FF', '#00B0FF', '#00E5FF', '#4E342E', '#424242', '#9E9E9E'
'#1DE9B6', '#00E676', '#76FF03', '#C6FF00', ];
'#FFEA00', '#FFC400', '#FF9100', 'FF3D00', const days = new Map([
'#4E342E', '#424242', '#37474F']; ["M", "Monday"],
["T", "Tuesday"],
["W", "Wednesday"],
["TH", "Thursday"],
["F", "Friday"]
]);
// Counter to iterate through material colors to avoid duplicates // Counter to iterate through material colors to avoid duplicates
var colorCounter = 0; var colorCounter = 0;
// Each schedule needs to store 'TITLE - START TIME - END TIME - COLOR' // Each schedule needs to store 'TITLE - START TIME - END TIME - COLOR'
var classSchedules = []; var classSchedules = [];
chrome.storage.sync.get('savedCourses', function (data) { chrome.storage.sync.get("savedCourses", function (data) {
var savedCourses = data.savedCourses; var savedCourses = data.savedCourses;
// Iterate through each saved course and add to 'event' // Iterate through each saved course and add to 'event'
for (let i = 0; i < savedCourses.length; i++) { for (let i = 0; i < savedCourses.length; i++) {
var classInfo = savedCourses[i]; // Store all info for a single class var classInfo = savedCourses[i];
var department = classInfo.coursename.substring(0, classInfo.coursename.search(/\d/) - 2); var department = classInfo.coursename.substring(0, classInfo.coursename.search(/\d/) - 2);
var course_nbr = classInfo.coursename.substring(classInfo.coursename.search(/\d/), classInfo.coursename.indexOf(" ", classInfo.coursename.search(/\d/))); var course_nbr = classInfo.coursename.substring(classInfo.coursename.search(/\d/), classInfo.coursename.indexOf(" ", classInfo.coursename.search(/\d/)));
var uncapProf = classInfo.profname; var uncapProf = classInfo.profname;
uncapProf = uncapProf.charAt(0) + uncapProf.substring(1).toLowerCase(); uncapProf = uncapProf.charAt(0) + uncapProf.substring(1).toLowerCase();
for (let j = 0; j < classInfo.datetimearr.length; j++) { for (let j = 0; j < classInfo.datetimearr.length; j++) {
let session = classInfo.datetimearr[j]; // One single session for a class let session = classInfo.datetimearr[j]; // One single session for a class
setEventForSection(session, colorCounter, department, course_nbr, uncapProf);
if (session[0] == 'M') {
classSchedules.push({
title: `${department}-${course_nbr}\n${uncapProf}`,
start: moment().format("YYYY-MM-") + moment().day('Monday')._d.toString().split(' ')[2] + 'T' + session[1][0] + ':00',
end: moment().format("YYYY-MM-") + moment().day('Monday')._d.toString().split(' ')[2] + 'T' + session[1][1] + ':00',
color: materialColors[colorCounter],
allday: false
});
}
if (session[0] == 'T') {
classSchedules.push({
title: `${department}-${course_nbr}\n${uncapProf}`,
start: moment().format("YYYY-MM-") + moment().day('Tuesday')._d.toString().split(' ')[2] + 'T' + session[1][0] + ':00',
end: moment().format("YYYY-MM-") + moment().day('Tuesday')._d.toString().split(' ')[2] + 'T' + session[1][1] + ':00',
color: materialColors[colorCounter],
allday: false
});
}
if (session[0] == 'W') {
classSchedules.push({
title: `${department}-${course_nbr}\n${uncapProf}`,
start: moment().format("YYYY-MM-") + moment().day('Wednesday')._d.toString().split(' ')[2] + 'T' + session[1][0] + ':00',
end: moment().format("YYYY-MM-") + moment().day('Wednesday')._d.toString().split(' ')[2] + 'T' + session[1][1] + ':00',
color: materialColors[colorCounter],
allday: false
});
}
if (session[0] == 'TH') {
classSchedules.push({
title: `${department}-${course_nbr}\n${uncapProf}`,
start: moment().format("YYYY-MM-") + moment().day('Thursday')._d.toString().split(' ')[2] + 'T' + session[1][0] + ':00',
end: moment().format("YYYY-MM-") + moment().day('Thursday')._d.toString().split(' ')[2] + 'T' + session[1][1] + ':00',
color: materialColors[colorCounter],
allday: false
});
}
if (session[0] == 'F') {
classSchedules.push({
title: `${department}-${course_nbr}\n${uncapProf}`,
start: moment().format("YYYY-MM-") + moment().day('Friday')._d.toString().split(' ')[2] + 'T' + session[1][0] + ':00',
end: moment().format("YYYY-MM-") + moment().day('Friday')._d.toString().split(' ')[2] + 'T' + session[1][1] + ':00',
color: materialColors[colorCounter],
allday: false
});
} }
colorCounter++; colorCounter++;
} }
} $("#calendar").fullCalendar({
$('#calendar').fullCalendar({
editable: false, // Don't allow editing of events editable: false, // Don't allow editing of events
handleWindowResize: true, handleWindowResize: true,
weekends: false, // will hide Saturdays and Sundays weekends: false, // will hide Saturdays and Sundays
slotDuration: '00:15:00', // 15 minute intervals on vertical column slotDuration: "00:30:00", // 15 minute intervals on vertical column
slotEventOverlap: false, // No overlapping between events slotEventOverlap: false, // No overlapping between events
defaultView: 'agendaWeek', // Only show week view defaultView: "agendaWeek", // Only show week view
header: false, // Hide buttons/titles header: false, // Hide buttons/titles
minTime: '08:00:00', // Start time minTime: "08:00:00", // Start time
maxTime: '21:00:00', // End time maxTime: "21:00:00", // End time
columnHeaderFormat: 'ddd', // Only show day of the week names columnHeaderFormat: "ddd", // Only show day of the week names
displayEventTime: true, // Display event time displayEventTime: true, // Display event time
allDaySlot: false, allDaySlot: false,
events: classSchedules Duration: {
}) hours: 1
},
height: 'auto',
events: classSchedules,
slotLabelFormat: [
'h:mm A' // lower level of text
],
eventRender: function (event, element, view) {
$(element).css("padding", "5px");
$(element).css("margin-bottom", "5px");
},
eventClick: function (calEvent, jsEvent, view) {
console.log(calEvent);
// $(this).css('background-color', 'green');
alert('Event: ' + savedCourses[0].coursename);
// change the border color just for fun
}
});
}); });
function setEventForSection(session, colorCounter, department, course_nbr, uncapProf) {
var fullday = days.get(session[0]);
classSchedules.push({
title: `${department}-${course_nbr} with ${uncapProf}`,
start: moment().format("YYYY-MM-") +
moment()
.day(fullday)
._d.toString()
.split(" ")[2] +
"T" +
session[1][0] +
":00",
end: moment().format("YYYY-MM-") +
moment()
.day(fullday)
._d.toString()
.split(" ")[2] +
"T" +
session[1][1] +
":00",
color: materialColors[colorCounter],
allday: false
});
}
chrome.runtime.onMessage.addListener(
function (request, sender, sendResponse) {
if (request.command == "updateCourseList") {
//update the calendar here
}
});
}); });

129
js/content.js
View File

@@ -13,14 +13,18 @@ var chart;
var description; var description;
var status; var status;
const days = new Map([["M" ,"Monday"], const days = new Map([
["T", "Tuesday"], ["W", "Wednesday"],["TH" ,"Thursday"], ["M", "Monday"],
["F", "Friday"]]); ["T", "Tuesday"],
["W", "Wednesday"],
["TH", "Thursday"],
["F", "Friday"]
]);
const fadetime = 150; const fadetime = 150;
const butdelay = 100; const butdelay = 100;
//This extension may be super lit, but you know what's even more lit? //This extension may be super lit, but you know what's even more lit?
//Matthew Tran's twitter and insta: @MATTHEWTRANN and @matthew.trann //Matthew Tran's twitter and insta: @MATTHEWTRANN and @matthew.trann
$(document).ready( function() { $(function () {
loadDataBase(); loadDataBase();
//make heading and modal //make heading and modal
$("table thead th:last-child").after('<th scope=col>Plus</th>'); $("table thead th:last-child").after('<th scope=col>Plus</th>');
@@ -45,11 +49,17 @@ $(document).ready( function() {
$("#saveCourse").click(function () { $("#saveCourse").click(function () {
var c = new Course(coursename, uniquenum, profname, datetimearr, status, profurl); var c = new Course(coursename, uniquenum, profname, datetimearr, status, profurl);
chrome.runtime.sendMessage({command: "courseStorage",course: c, action:$("#saveCourse").text().substring(0,$("#saveCourse").text().indexOf(" ")).toLowerCase()}, function(response) { chrome.runtime.sendMessage({
command: "courseStorage",
course: c,
action: $("#saveCourse").text().substring(0, $("#saveCourse").text().indexOf(" ")).toLowerCase()
}, function (response) {
$("#saveCourse").text(response.label); $("#saveCourse").text(response.label);
$("#snackbar").text(response.done); $("#snackbar").text(response.done);
$("#snackbar").attr("class", "show"); $("#snackbar").attr("class", "show");
setTimeout(function(){$("#snackbar").attr("class","");}, 3000); setTimeout(function () {
$("#snackbar").attr("class", "");
}, 3000);
setTimeout(update(), 1000); setTimeout(update(), 1000);
}); });
}); });
@@ -92,15 +102,18 @@ function update(){
if (!($(this).find('td').hasClass("course_header")) && $(this).has('th').length == 0) { if (!($(this).find('td').hasClass("course_header")) && $(this).has('th').length == 0) {
var thisForm = this; var thisForm = this;
var uniquenum = $(this).find('td[data-th="Unique"]').text(); var uniquenum = $(this).find('td[data-th="Unique"]').text();
chrome.runtime.sendMessage({command: "isSingleConflict",dtarr: getDtarr(this),unique:uniquenum}, function(response) { chrome.runtime.sendMessage({
command: "isSingleConflict",
dtarr: getDtarr(this),
unique: uniquenum
}, function (response) {
if (response.isConflict && data.courseConflictHighlight) { if (response.isConflict && data.courseConflictHighlight) {
$(thisForm).find('td').each(function () { $(thisForm).find('td').each(function () {
$(this).css('color', '#F44336'); $(this).css('color', '#F44336');
$(this).css('text-decoration', 'line-through'); $(this).css('text-decoration', 'line-through');
$(this).css('font-weight', 'normal'); $(this).css('font-weight', 'normal');
}); });
} } else {
else {
$(thisForm).find('td').each(function () { $(thisForm).find('td').each(function () {
$(this).css('color', 'black'); $(this).css('color', 'black');
$(this).css('text-decoration', 'none'); $(this).css('text-decoration', 'none');
@@ -133,8 +146,7 @@ function getDtarr(row){
var day = ""; var day = "";
if (letter == "T" && j < date.length - 1 && date.charAt(j + 1) == "H") { if (letter == "T" && j < date.length - 1 && date.charAt(j + 1) == "H") {
dtarr.push(["TH", convertTime(time), place]); dtarr.push(["TH", convertTime(time), place]);
} } else {
else {
if (letter != "H") { if (letter != "H") {
dtarr.push([letter, convertTime(time), place]); dtarr.push([letter, convertTime(time), place]);
} }
@@ -202,8 +214,7 @@ function makeLine(date, time, place){
if (letter == "T" && i < date.length - 1 && date.charAt(i + 1) == "H") { if (letter == "T" && i < date.length - 1 && date.charAt(i + 1) == "H") {
arr.push(days.get("TH")); arr.push(days.get("TH"));
datetimearr.push(["TH", convertTime(time), place]); datetimearr.push(["TH", convertTime(time), place]);
} } else {
else {
if (letter != "H") { if (letter != "H") {
arr.push(days.get(letter)); arr.push(days.get(letter));
datetimearr.push([letter, convertTime(time), place]); datetimearr.push([letter, convertTime(time), place]);
@@ -222,11 +233,9 @@ function makeLine(date, time, place){
output += arr[i]; output += arr[i];
} }
} }
} } else if (arr.length == 2) {
else if(arr.length == 2){
output = arr[0] + " and " + arr[1]; output = arr[0] + " and " + arr[1];
} } else {
else{
output += arr[0]; output += arr[0];
} }
var building = place.substring(0, place.search(/\d/) - 1); var building = place.substring(0, place.search(/\d/) - 1);
@@ -261,11 +270,13 @@ function getDistribution(){
function openDialog(dep, cls, sem, professor, res) { function openDialog(dep, cls, sem, professor, res) {
$("#myModal").fadeIn(fadetime); $("#myModal").fadeIn(fadetime);
//initial text on the "save course button" //initial text on the "save course button"
chrome.runtime.sendMessage({command: "alreadyContains",unique: uniquenum}, function(response) { chrome.runtime.sendMessage({
command: "alreadyContains",
unique: uniquenum
}, function (response) {
if (response.alreadyContains) { if (response.alreadyContains) {
$("#saveCourse").text("Remove Course -"); $("#saveCourse").text("Remove Course -");
} } else {
else{
$("#saveCourse").text("Add Course +"); $("#saveCourse").text("Add Course +");
} }
}); });
@@ -273,8 +284,7 @@ function openDialog(dep,cls,sem,professor,res){
var data; var data;
if (typeof res == 'undefined' || profname == "") { if (typeof res == 'undefined' || profname == "") {
data = []; data = [];
} } else {
else{
data = res.values[0]; data = res.values[0];
} }
var modal = document.getElementById('myModal'); var modal = document.getElementById('myModal');
@@ -285,11 +295,9 @@ function openDialog(dep,cls,sem,professor,res){
var color = "black"; var color = "black";
if (status.includes("open")) { if (status.includes("open")) {
color = "#4CAF50"; color = "#4CAF50";
} } else if (status.includes("waitlisted")) {
else if(status.includes("waitlisted")){
color = "#FF9800" color = "#FF9800"
} } else if (status.includes("closed") || status.includes("cancelled")) {
else if(status.includes("closed") || status.includes("cancelled")){
color = "#F44336"; color = "#F44336";
} }
$("#title").append("<span style='color:" + color + ";font-size:medium;'>" + " #" + uniquenum + "</>"); $("#title").append("<span style='color:" + color + ";font-size:medium;'>" + " #" + uniquenum + "</>");
@@ -300,8 +308,7 @@ function openDialog(dep,cls,sem,professor,res){
var name; var name;
if (profname == "") { if (profname == "") {
name = "Undecided Professor "; name = "Undecided Professor ";
} } else {
else{
name = prettifyName(); name = prettifyName();
} }
$("#profname").text("with " + name); $("#profname").text("with " + name);
@@ -378,7 +385,43 @@ function openDialog(dep,cls,sem,professor,res){
}, },
series: [{ series: [{
name: 'Grades', name: 'Grades',
data: [{y: data[6], color: '#4CAF50'}, {y: data[7], color: '#8BC34A'}, {y: data[8], color: '#CDDC39'}, {y: data[9], color: '#FFEB3B'}, {y: data[10], color: '#FFC107'}, {y: data[11], color: '#FFA000'}, {y: data[12], color: '#F57C00'}, {y: data[13], color: '#FF5722'}, {y: data[14], color: '#FF5252'}, {y: data[15], color: '#E64A19'}, {y: data[16], color: '#F44336'}, {y: data[17], color: '#D32F2F'}] data: [{
y: data[6],
color: '#4CAF50'
}, {
y: data[7],
color: '#8BC34A'
}, {
y: data[8],
color: '#CDDC39'
}, {
y: data[9],
color: '#FFEB3B'
}, {
y: data[10],
color: '#FFC107'
}, {
y: data[11],
color: '#FFA000'
}, {
y: data[12],
color: '#F57C00'
}, {
y: data[13],
color: '#FF5722'
}, {
y: data[14],
color: '#FF5252'
}, {
y: data[15],
color: '#E64A19'
}, {
y: data[16],
color: '#F44336'
}, {
y: data[17],
color: '#D32F2F'
}]
}] }]
}, function (chart) { // on complete }, function (chart) { // on complete
if (data.length == 0) { if (data.length == 0) {
@@ -435,22 +478,23 @@ function getDescription(){
var sentence = $(this).text(); var sentence = $(this).text();
if (sentence.indexOf("Prerequisite") == 0) { if (sentence.indexOf("Prerequisite") == 0) {
sentence = "<li style='font-weight: bold; padding: 0px 5px 5px 5px;'>" + sentence + "</li>"; sentence = "<li style='font-weight: bold; padding: 0px 5px 5px 5px;'>" + sentence + "</li>";
} } else if (sentence.indexOf("May be") >= 0) {
else if(sentence.indexOf("May be") >=0 ){
sentence = "<li style='font-style: italic; padding: 0px 5px 5px 5px;'>" + sentence + "</li>"; sentence = "<li style='font-style: italic; padding: 0px 5px 5px 5px;'>" + sentence + "</li>";
} } else if (sentence.indexOf("Restricted to") == 0) {
else if(sentence.indexOf("Restricted to") == 0){
sentence = "<li style='color:red; padding: 0px 5px 5px 5px;'>" + sentence + "</li>"; sentence = "<li style='color:red; padding: 0px 5px 5px 5px;'>" + sentence + "</li>";
} } else {
else{
sentence = "<li style='padding: 0px 5px 5px 5px;'>" + sentence + "</li>"; sentence = "<li style='padding: 0px 5px 5px 5px;'>" + sentence + "</li>";
} }
output += sentence; output += sentence;
}); });
description = output; description = output;
$("#description").animate({'opacity': 0}, 200, function(){ $("#description").animate({
$(this).html(description).animate({'opacity': 1}, 200); 'opacity': 0
}, 200, function () {
$(this).html(description).animate({
'opacity': 1
}, 200);
}); });
var first = object.find('td[data-th="Instructor"]').text(); var first = object.find('td[data-th="Instructor"]').text();
first = first.substring(first.indexOf(", "), first.indexOf(" ", first.indexOf(", ") + 2)); first = first.substring(first.indexOf(", "), first.indexOf(" ", first.indexOf(", ") + 2));
@@ -458,14 +502,17 @@ function getDescription(){
rmpLink = "http://www.ratemyprofessors.com/search.jsp?queryBy=teacherName&schoolName=university+of+texas+at+austin&queryoption=HEADER&query=" + first + " " + profname + ";&facetSearch=true"; rmpLink = "http://www.ratemyprofessors.com/search.jsp?queryBy=teacherName&schoolName=university+of+texas+at+austin&queryoption=HEADER&query=" + first + " " + profname + ";&facetSearch=true";
if (profname == "") { if (profname == "") {
eCISLink = "http://utdirect.utexas.edu/ctl/ecis/results/index.WBX?s_in_action_sw=S&s_in_search_type_sw=C&s_in_max_nbr_return=10&s_in_search_course_dept=" + department + "&s_in_search_course_num=" + course_nbr; eCISLink = "http://utdirect.utexas.edu/ctl/ecis/results/index.WBX?s_in_action_sw=S&s_in_search_type_sw=C&s_in_max_nbr_return=10&s_in_search_course_dept=" + department + "&s_in_search_course_num=" + course_nbr;
} } else {
else{
eCISLink = "http://utdirect.utexas.edu/ctl/ecis/results/index.WBX?&s_in_action_sw=S&s_in_search_type_sw=N&s_in_search_name=" + profname.substring(0, 1) + profname.substring(1).toLowerCase() + "%2C%20" + first.substring(0, 1) + first.substring(1).toLowerCase(); eCISLink = "http://utdirect.utexas.edu/ctl/ecis/results/index.WBX?&s_in_action_sw=S&s_in_search_type_sw=N&s_in_search_name=" + profname.substring(0, 1) + profname.substring(1).toLowerCase() + "%2C%20" + first.substring(0, 1) + first.substring(1).toLowerCase();
} }
} else { } else {
description = "<p style='color:red;font-style:bold'>You have been logged out. Please refresh the page and log back in using your UT EID and password.</p>" description = "<p style='color:red;font-style:bold'>You have been logged out. Please refresh the page and log back in using your UT EID and password.</p>"
$("#description").animate({'opacity': 0}, 200, function(){ $("#description").animate({
$(this).html(description).animate({'opacity': 1}, 200); 'opacity': 0
}, 200, function () {
$(this).html(description).animate({
'opacity': 1
}, 200);
}); });
rmpLink = "http://www.ratemyprofessors.com/campusRatings.jsp?sid=1255"; rmpLink = "http://www.ratemyprofessors.com/campusRatings.jsp?sid=1255";
eCISLink = "http://utdirect.utexas.edu/ctl/ecis/results/index.WBX?"; eCISLink = "http://utdirect.utexas.edu/ctl/ecis/results/index.WBX?";

13
popup.html
View File

@@ -1,24 +1,29 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/popup.css"> <link rel="stylesheet" href="css/popup.css">
</head> </head>
<body> <body>
<div class="card" id="header"> <div class="card" id="header">
<div id="buttons" style="padding: 5px 10px 5px 10px;display: flex;justify-content: space-between;"> <div id="buttons" style="padding: 5px 10px 5px 10px;display: flex;justify-content: space-between;">
<button id="clear" class="matbut" style="font-size:medium; background:#4CAF50;margin: 10px;">Clear All</button> <button id="clear" class="matbut" style="font-size:medium; background:#4CAF50;margin: 10px;">Clear All</button>
<button id="schedule" class="matbut" style="font-size:medium;background:#FF9800;margin: 10px">Course List</button> <button id="schedule" class="matbut" style="font-size:medium;background:#FF9800;margin: 10px;">Course List</button>
<button id="open" class="matbut" style="font-size:medium;background:#FFC107;margin: 10px;">Options</button> <button id="calendar" class="matbut" style="font-size:medium; background: #FF0000; margin:10px;">Schedule</button>
<button id="calendar" class="matbut" style="font-size:medium; background: #FF0000;margin: 10px;">Weekly Calendar</button>
</div> </div>
</div> </div>
<ul id="courseList" style="list-style-type: none;padding: 5px;"></ul> <ul id="courseList" style="list-style-type: none;padding: 5px;"></ul>
<h2 id="empty" style="font-weight: normal;font-size: large;margin: 60px 30px 40px 30px ;">Doesn't Look Like Anything To Me.<br> <h2 id="empty" style="font-weight: normal;font-size: large;margin: 60px 30px 40px 30px ;">Doesn't Look Like Anything To Me.
<br>
<span style="font-size: small;display:table;margin:0 auto;font-weight: bold">(No Courses Saved)</span> <span style="font-size: small;display:table;margin:0 auto;font-weight: bold">(No Courses Saved)</span>
<h2> <h2>
<script src="js/jquery-3.3.1.min.js"></script> <script src="js/jquery-3.3.1.min.js"></script>
<script src="js/moment.min.js"></script> <script src="js/moment.min.js"></script>
<script src="js/popup.js"></script> <script src="js/popup.js"></script>
</body> </body>
</html> </html>