calendar
This commit is contained in:
Sriram Hariharan
@@ -1,4 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<head>
|
||||
<link rel='stylesheet' href='css/fullcalendar.css' />
|
||||
<link rel='stylesheet' href='css/_materialFullCalendar.css' />
|
||||
@@ -8,7 +9,7 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id='calendar'></div>
|
||||
<div id='calendar' style="height:50%; width: 60%"></div>
|
||||
</body>
|
||||
|
||||
<script src='js/calendar.js'></script>
|
||||
@@ -36,62 +36,85 @@ Colors: Use the following - https://www.google.com/design/spec/style/color.html#
|
||||
});
|
||||
|
||||
*/
|
||||
|
||||
/* Remove that awful yellow color and border from today in Schedule */
|
||||
|
||||
.fc-state-highlight {
|
||||
opacity: 0;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Styling for each event from Schedule */
|
||||
.fc-time-grid-event.fc-v-event.fc-event {
|
||||
/* Styling for each event from Schedule */
|
||||
|
||||
.fc-time-grid-event.fc-v-event.fc-event {
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
padding: 5px;
|
||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
|
||||
transition: 0.3s;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* Bolds the name of the event and inherits the font size */
|
||||
.fc-event {
|
||||
font-size: inherit !important;
|
||||
.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 */
|
||||
|
||||
.fc-event {
|
||||
font-size: small !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Remove the header border from Schedule */
|
||||
.fc td, .fc th {
|
||||
border-style: none !important;
|
||||
/* Remove the header border from Schedule */
|
||||
|
||||
.fc td,
|
||||
.fc th {
|
||||
border-style: ridge !important;
|
||||
border-width: 1px !important;
|
||||
padding: 0 !important;
|
||||
padding: 2px !important;
|
||||
vertical-align: top !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Inherits background for each event from Schedule. */
|
||||
.fc-event .fc-bg {
|
||||
.fc-widget-header {
|
||||
background-color: #cc5500;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Inherits background for each event from Schedule. */
|
||||
|
||||
.fc-event .fc-bg {
|
||||
z-index: 1 !important;
|
||||
background: inherit !important;
|
||||
opacity: 0.25 !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Normal font weight for the time in each event */
|
||||
.fc-time-grid-event .fc-time {
|
||||
/* Normal font weight for the time in each event */
|
||||
|
||||
.fc-time-grid-event .fc-time {
|
||||
font-weight: normal !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Apply same opacity to all day events */
|
||||
.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
|
||||
/* Apply same opacity to all day events */
|
||||
|
||||
.fc-ltr .fc-h-event.fc-not-end,
|
||||
.fc-rtl .fc-h-event.fc-not-start {
|
||||
opacity: 0.65 !important;
|
||||
margin-left: 12px !important;
|
||||
padding: 5px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Apply same opacity to all day events */
|
||||
.fc-day-grid-event.fc-h-event.fc-event.fc-not-start.fc-end {
|
||||
/* Apply same opacity to all day events */
|
||||
|
||||
.fc-day-grid-event.fc-h-event.fc-event.fc-not-start.fc-end {
|
||||
opacity: 0.65 !important;
|
||||
margin-left: 12px !important;
|
||||
padding: 5px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Material design button */
|
||||
.fc-button {
|
||||
/* Material design button */
|
||||
|
||||
.fc-button {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
@@ -127,22 +150,25 @@ Colors: Use the following - https://www.google.com/design/spec/style/color.html#
|
||||
overflow: hidden;
|
||||
-webkit-transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
}
|
||||
|
||||
.fc-button:hover {
|
||||
.fc-button:hover {
|
||||
background-color: rgba(158, 158, 158, 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
.fc-button:focus, .fc-button:hover {
|
||||
.fc-button:focus,
|
||||
.fc-button:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* The active button box is ugly so the active button will have the same appearance of the hover */
|
||||
.fc-state-active {
|
||||
/* The active button box is ugly so the active button will have the same appearance of the hover */
|
||||
|
||||
.fc-state-active {
|
||||
background-color: rgba(158, 158, 158, 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
/* Not raised button */
|
||||
.fc-state-default {
|
||||
/* Not raised button */
|
||||
|
||||
.fc-state-default {
|
||||
box-shadow: None;
|
||||
}
|
||||
}
|
||||
147
css/popup.css
147
css/popup.css
@@ -1,28 +1,31 @@
|
||||
.card {
|
||||
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
|
||||
.card {
|
||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
|
||||
transition: 0.3s;
|
||||
margin:5px;
|
||||
}
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
|
||||
}
|
||||
.card:hover {
|
||||
box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.container {
|
||||
.container {
|
||||
padding: 2px 16px;
|
||||
}
|
||||
h2 {
|
||||
padding: 10px 0px 0 10px;
|
||||
}
|
||||
li {
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
}
|
||||
body{
|
||||
min-width: 500px;
|
||||
h2 {
|
||||
padding: 10px 0px 0 10px;
|
||||
}
|
||||
|
||||
li {
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
body {
|
||||
min-width: 370px;
|
||||
min-height: 400px;
|
||||
}
|
||||
.matbut {
|
||||
}
|
||||
|
||||
.matbut {
|
||||
border: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
@@ -32,67 +35,69 @@
|
||||
border-radius: 10px;
|
||||
font-size: medium;
|
||||
font-style: bold;
|
||||
box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
|
||||
background: #FF9800;
|
||||
}
|
||||
|
||||
.matbut{
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.truncate {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
width: 80%;
|
||||
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
|
||||
background: #ff9800;
|
||||
}
|
||||
|
||||
.matbut:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
background: rgba(255, 255, 255, .5);
|
||||
opacity: 0;
|
||||
border-radius: 100%;
|
||||
transform: scale(1, 1) translate(-50%);
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
.card:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
background: rgba(255, 255, 255, .5);
|
||||
opacity: 0;
|
||||
border-radius: 100%;
|
||||
transform: scale(1, 1) translate(-50%);
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
.matbut {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@keyframes ripple {
|
||||
.truncate {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.matbut:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
opacity: 0;
|
||||
border-radius: 100%;
|
||||
transform: scale(1, 1) translate(-50%);
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
|
||||
.card:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
opacity: 0;
|
||||
border-radius: 100%;
|
||||
transform: scale(1, 1) translate(-50%);
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
|
||||
@keyframes ripple {
|
||||
0% {
|
||||
transform: scale(0, 0);
|
||||
opacity: 1;
|
||||
transform: scale(0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
20% {
|
||||
transform: scale(25, 25);
|
||||
opacity: 1;
|
||||
transform: scale(25, 25);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: scale(40, 40);
|
||||
opacity: 0;
|
||||
transform: scale(40, 40);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.matbut:focus:not(:active)::after {
|
||||
.matbut:focus:not(:active)::after {
|
||||
animation: ripple 1s ease-out;
|
||||
}
|
||||
.card:focus:not(:active)::after {
|
||||
}
|
||||
|
||||
.card:focus:not(:active)::after {
|
||||
animation: ripple 1s ease-out;
|
||||
}
|
||||
}
|
||||
255
css/styles.css
255
css/styles.css
@@ -1,191 +1,214 @@
|
||||
.modal {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
padding-top: 100px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgb(0,0,0);
|
||||
background-color: rgba(0,0,0,0.4);
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
padding-top: 100px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgb(0, 0, 0);
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
background-color: #fefefe;
|
||||
margin: auto;
|
||||
max-height: 85%;
|
||||
overflow-y: auto;
|
||||
padding: 20px;
|
||||
border: 1px solid #888;
|
||||
width: 50%;
|
||||
background-color: #fefefe;
|
||||
margin: auto;
|
||||
max-height: 85%;
|
||||
overflow-y: auto;
|
||||
padding: 20px;
|
||||
border: 1px solid #888;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
|
||||
/* The Close Button */
|
||||
.close {
|
||||
color: #aaaaaa;
|
||||
float: right;
|
||||
padding: 5px;
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
color: #aaaaaa;
|
||||
float: right;
|
||||
padding: 5px;
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: x-large;
|
||||
font-weight: bold ;
|
||||
padding-top: 5px;
|
||||
padding-left: 5px;
|
||||
margin:5px 0px 5px 0px;
|
||||
|
||||
font-size: x-large;
|
||||
font-weight: bold;
|
||||
padding-top: 5px;
|
||||
padding-left: 5px;
|
||||
margin: 5px 0px 5px 0px;
|
||||
}
|
||||
.description {
|
||||
padding: 5px;
|
||||
font-size: 15px;
|
||||
font-weight: normal;
|
||||
|
||||
padding: 5px;
|
||||
font-size: 15px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.profname {
|
||||
margin-left: 5px;
|
||||
padding-bottom: 5px;
|
||||
font-size: medium;
|
||||
margin-top: 10px;
|
||||
margin-left: 5px;
|
||||
padding-bottom: 5px;
|
||||
font-size: medium;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.dateTimePlace {
|
||||
margin-left: 5px;
|
||||
font-size: smaller;
|
||||
font-weight: bold;
|
||||
margin-left: 5px;
|
||||
font-size: smaller;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#chart {
|
||||
min-width: auto;
|
||||
max-width: 800px;
|
||||
height: 250px;
|
||||
margin: 0 auto
|
||||
z-index:1;
|
||||
min-width: auto;
|
||||
max-width: 800px;
|
||||
height: 250px;
|
||||
margin: 0 auto;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.card {
|
||||
transition: 0.3s;
|
||||
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)
|
||||
transition: 0.3s;
|
||||
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);
|
||||
}
|
||||
|
||||
.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 {
|
||||
padding: 2px 16px;
|
||||
transition:width 300ms ease-in-out, height 300ms ease-in-out;
|
||||
padding: 2px 16px;
|
||||
transition: width 300ms ease-in-out, height 300ms ease-in-out;
|
||||
}
|
||||
|
||||
.description {
|
||||
padding: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.close:hover,
|
||||
.close:focus {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.topbuttons .matbut {
|
||||
display:inline-block;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.matbut {
|
||||
border: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
color: white;
|
||||
margin: 10px 10px 10px 0px;
|
||||
padding: 10px 10px;
|
||||
border-radius: 10px;
|
||||
font-size: medium;
|
||||
font-style: bold;
|
||||
box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
|
||||
background: #FF9800;
|
||||
border: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
color: white;
|
||||
margin: 10px 10px 10px 0px;
|
||||
padding: 10px 10px;
|
||||
border-radius: 10px;
|
||||
font-size: medium;
|
||||
font-style: bold;
|
||||
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
|
||||
background: #ff9800;
|
||||
}
|
||||
|
||||
.matbut{
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
.matbut {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.matbut:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
background: rgba(255, 255, 255, .5);
|
||||
opacity: 0;
|
||||
border-radius: 100%;
|
||||
transform: scale(1, 1) translate(-50%);
|
||||
transform-origin: 50% 50%;
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
opacity: 0;
|
||||
border-radius: 100%;
|
||||
transform: scale(1, 1) translate(-50%);
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
|
||||
@keyframes ripple {
|
||||
0% {
|
||||
transform: scale(0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
20% {
|
||||
transform: scale(25, 25);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: scale(40, 40);
|
||||
}
|
||||
0% {
|
||||
transform: scale(0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
20% {
|
||||
transform: scale(25, 25);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: scale(40, 40);
|
||||
}
|
||||
}
|
||||
|
||||
.matbut:focus:not(:active)::after {
|
||||
animation: ripple 1s ease-out;
|
||||
animation: ripple 1s ease-out;
|
||||
}
|
||||
|
||||
#snackbar {
|
||||
visibility: hidden;
|
||||
min-width: 250px;
|
||||
margin-left: -200px;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
border-radius: 2px;
|
||||
padding: 16px;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
left: 50%;
|
||||
bottom: 30px;
|
||||
visibility: hidden;
|
||||
min-width: 250px;
|
||||
margin-left: -200px;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
border-radius: 2px;
|
||||
padding: 16px;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
left: 50%;
|
||||
bottom: 30px;
|
||||
}
|
||||
|
||||
#snackbar.show {
|
||||
visibility: visible;
|
||||
visibility: visible;
|
||||
|
||||
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
|
||||
animation: fadein 0.5s, fadeout 0.5s 2.5s;
|
||||
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
|
||||
animation: fadein 0.5s, fadeout 0.5s 2.5s;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadein {
|
||||
from {bottom: 0; opacity: 0;}
|
||||
to {bottom: 30px; opacity: 1;}
|
||||
from {
|
||||
bottom: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
bottom: 30px;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadein {
|
||||
from {bottom: 0; opacity: 0;}
|
||||
to {bottom: 30px; opacity: 1;}
|
||||
from {
|
||||
bottom: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
bottom: 30px;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeout {
|
||||
from {bottom: 30px; opacity: 1;}
|
||||
to {bottom: 0; opacity: 0;}
|
||||
from {
|
||||
bottom: 30px;
|
||||
opacity: 1;
|
||||
}
|
||||
to {
|
||||
bottom: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeout {
|
||||
from {bottom: 30px; opacity: 1;}
|
||||
to {bottom: 0; opacity: 0;}
|
||||
from {
|
||||
bottom: 30px;
|
||||
opacity: 1;
|
||||
}
|
||||
to {
|
||||
bottom: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
152
js/calendar.js
152
js/calendar.js
@@ -1,102 +1,102 @@
|
||||
$(function() {
|
||||
|
||||
const materialColors =
|
||||
['#FF1744', '#F50057', '#D500F9', '#651FFF',
|
||||
'#3D5AFE', '#2979FF', '#00B0FF', '#00E5FF',
|
||||
'#1DE9B6', '#00E676', '#76FF03', '#C6FF00',
|
||||
'#FFEA00', '#FFC400', '#FF9100', 'FF3D00',
|
||||
'#4E342E', '#424242', '#37474F'];
|
||||
$(function () {
|
||||
const materialColors = ['#4CAF50', '#CDDC39',
|
||||
'#FFC107', '#2196F3', '#F57C00', '#9C27B0', '#FF5722', , '#673AB7',
|
||||
'#FF5252', '#E91E63', '#009688', '#00BCD4',
|
||||
'#4E342E', '#424242', '#9E9E9E'
|
||||
];
|
||||
const days = new Map([
|
||||
["M", "Monday"],
|
||||
["T", "Tuesday"],
|
||||
["W", "Wednesday"],
|
||||
["TH", "Thursday"],
|
||||
["F", "Friday"]
|
||||
]);
|
||||
|
||||
// Counter to iterate through material colors to avoid duplicates
|
||||
var colorCounter = 0;
|
||||
|
||||
// Each schedule needs to store 'TITLE - START TIME - END TIME - COLOR'
|
||||
var classSchedules = [];
|
||||
|
||||
chrome.storage.sync.get('savedCourses', function (data) {
|
||||
chrome.storage.sync.get("savedCourses", function (data) {
|
||||
var savedCourses = data.savedCourses;
|
||||
|
||||
// Iterate through each saved course and add to 'event'
|
||||
for (let i = 0; i < savedCourses.length; i++) {
|
||||
var classInfo = savedCourses[i]; // Store all info for a single class
|
||||
|
||||
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 classInfo = savedCourses[i];
|
||||
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 uncapProf = classInfo.profname;
|
||||
|
||||
uncapProf = uncapProf.charAt(0) + uncapProf.substring(1).toLowerCase();
|
||||
|
||||
for (let j = 0; j < classInfo.datetimearr.length; j++) {
|
||||
let session = classInfo.datetimearr[j]; // One single session for a class
|
||||
|
||||
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++;
|
||||
setEventForSection(session, colorCounter, department, course_nbr, uncapProf);
|
||||
}
|
||||
colorCounter++;
|
||||
}
|
||||
|
||||
$('#calendar').fullCalendar({
|
||||
$("#calendar").fullCalendar({
|
||||
editable: false, // Don't allow editing of events
|
||||
handleWindowResize: true,
|
||||
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
|
||||
defaultView: 'agendaWeek', // Only show week view
|
||||
defaultView: "agendaWeek", // Only show week view
|
||||
header: false, // Hide buttons/titles
|
||||
minTime: '08:00:00', // Start time
|
||||
maxTime: '21:00:00', // End time
|
||||
columnHeaderFormat: 'ddd', // Only show day of the week names
|
||||
minTime: "08:00:00", // Start time
|
||||
maxTime: "21:00:00", // End time
|
||||
columnHeaderFormat: "ddd", // Only show day of the week names
|
||||
displayEventTime: true, // Display event time
|
||||
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
|
||||
}
|
||||
});
|
||||
});
|
||||
479
js/content.js
479
js/content.js
@@ -13,130 +13,142 @@ var chart;
|
||||
var description;
|
||||
var status;
|
||||
|
||||
const days = new Map([["M" ,"Monday"],
|
||||
["T", "Tuesday"], ["W", "Wednesday"],["TH" ,"Thursday"],
|
||||
["F", "Friday"]]);
|
||||
const days = new Map([
|
||||
["M", "Monday"],
|
||||
["T", "Tuesday"],
|
||||
["W", "Wednesday"],
|
||||
["TH", "Thursday"],
|
||||
["F", "Friday"]
|
||||
]);
|
||||
const fadetime = 150;
|
||||
const butdelay = 100;
|
||||
//This extension may be super lit, but you know what's even more lit?
|
||||
//Matthew Tran's twitter and insta: @MATTHEWTRANN and @matthew.trann
|
||||
$(document).ready( function() {
|
||||
$(function () {
|
||||
loadDataBase();
|
||||
//make heading and modal
|
||||
$("table thead th:last-child").after('<th scope=col>Plus</th>');
|
||||
var modhtml ='<div class=modal id=myModal><div class=modal-content><span class=close>×</span><div class=card><div class=cardcontainer><h2 class=title id="title">Computer Fluency (C S 302)</h2><h2 class=profname id="profname">with Bruce Porter</h2><div id="topbuttons" class=topbuttons><button class=matbut id="rateMyProf" style="background: #4CAF50;"> RMP </button><button class=matbut id="eCIS" style="background: #CDDC39;"> eCIS </button><button class=matbut id="Syllabi"> Past Syllabi </button><button class=matbut id="saveCourse" style="background: #F44336;"> Save Course +</button></div></div></div><div class=card><div class=cardcontainer style=""><ul class=description id="description" style="list-style-type:disc"></ul></div></div><div class=card ><div id="chartcontainer" class=cardcontainer><div id=chart></div></div></div>';
|
||||
var modhtml = '<div class=modal id=myModal><div class=modal-content><span class=close>×</span><div class=card><div class=cardcontainer><h2 class=title id="title">Computer Fluency (C S 302)</h2><h2 class=profname id="profname">with Bruce Porter</h2><div id="topbuttons" class=topbuttons><button class=matbut id="rateMyProf" style="background: #4CAF50;"> RMP </button><button class=matbut id="eCIS" style="background: #CDDC39;"> eCIS </button><button class=matbut id="Syllabi"> Past Syllabi </button><button class=matbut id="saveCourse" style="background: #F44336;"> Save Course +</button></div></div></div><div class=card><div class=cardcontainer style=""><ul class=description id="description" style="list-style-type:disc"></ul></div></div><div class=card ><div id="chartcontainer" class=cardcontainer><div id=chart></div></div></div>';
|
||||
$("#container").prepend(modhtml);
|
||||
$("#myModal").prepend("<div id='snackbar'>defaultmessage..</div>");
|
||||
//go through all the rows in the list
|
||||
$('table').find('tr').each(function(){
|
||||
if(!($(this).find('td').hasClass("course_header")) && $(this).has('th').length == 0){
|
||||
//if a course row, then add the extension button
|
||||
$(this).append('<td data-th="Plus"><input type="image" class="distButton" id="distButton" style="vertical-align: bottom; display:block;" width="20" height="20" src='+chrome.extension.getURL('images/disticon.png')+' /></td>');
|
||||
}
|
||||
$('table').find('tr').each(function () {
|
||||
if (!($(this).find('td').hasClass("course_header")) && $(this).has('th').length == 0) {
|
||||
//if a course row, then add the extension button
|
||||
$(this).append('<td data-th="Plus"><input type="image" class="distButton" id="distButton" style="vertical-align: bottom; display:block;" width="20" height="20" src=' + chrome.extension.getURL('images/disticon.png') + ' /></td>');
|
||||
}
|
||||
});
|
||||
//update the conflicts
|
||||
update();
|
||||
/*Handle the button clicks*/
|
||||
$(".distButton").click(function(){
|
||||
$(".distButton").click(function () {
|
||||
var row = $(this).closest('tr');
|
||||
getCourseInfo(row);
|
||||
getDistribution();
|
||||
});
|
||||
|
||||
$("#saveCourse").click(function(){
|
||||
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) {
|
||||
$("#saveCourse").click(function () {
|
||||
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) {
|
||||
$("#saveCourse").text(response.label);
|
||||
$("#snackbar").text(response.done);
|
||||
$("#snackbar").attr("class","show");
|
||||
setTimeout(function(){$("#snackbar").attr("class","");}, 3000);
|
||||
$("#snackbar").attr("class", "show");
|
||||
setTimeout(function () {
|
||||
$("#snackbar").attr("class", "");
|
||||
}, 3000);
|
||||
setTimeout(update(), 1000);
|
||||
});
|
||||
});
|
||||
|
||||
$("#Syllabi").click(function(){
|
||||
setTimeout(function(){
|
||||
window.open('https://utdirect.utexas.edu/apps/student/coursedocs/nlogon/?semester=&department='+department+'&course_number='+course_nbr+'&course_title=&unique=&instructor_first=&instructor_last='+profname+'&course_type=In+Residence&search=Search');
|
||||
$("#Syllabi").click(function () {
|
||||
setTimeout(function () {
|
||||
window.open('https://utdirect.utexas.edu/apps/student/coursedocs/nlogon/?semester=&department=' + department + '&course_number=' + course_nbr + '&course_title=&unique=&instructor_first=&instructor_last=' + profname + '&course_type=In+Residence&search=Search');
|
||||
}, butdelay);
|
||||
});
|
||||
$("#rateMyProf").click(function(){
|
||||
setTimeout(function(){
|
||||
$("#rateMyProf").click(function () {
|
||||
setTimeout(function () {
|
||||
window.open(rmpLink);
|
||||
}, butdelay);
|
||||
});
|
||||
$("#eCIS").click(function(){
|
||||
setTimeout(function(){
|
||||
$("#eCIS").click(function () {
|
||||
setTimeout(function () {
|
||||
window.open(eCISLink);
|
||||
}, butdelay);
|
||||
});
|
||||
/*Close Modal when hit escape*/
|
||||
$(document).keydown(function(e) {
|
||||
$(document).keydown(function (e) {
|
||||
if (e.keyCode == 27) {
|
||||
$("#myModal").fadeOut(fadetime);
|
||||
}
|
||||
$("#snackbar").attr("class","");
|
||||
$("#snackbar").attr("class", "");
|
||||
});
|
||||
/*Listen for update mssage coming from popup*/
|
||||
chrome.runtime.onMessage.addListener(
|
||||
function(request, sender, sendResponse) {
|
||||
if (request.command == "updateCourseList"){
|
||||
function (request, sender, sendResponse) {
|
||||
if (request.command == "updateCourseList") {
|
||||
update();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/* Update the course list to show if the row contains a course that conflicts with the saved course is one of the saved courses */
|
||||
function update(){
|
||||
chrome.storage.sync.get('courseConflictHighlight', function(data) {
|
||||
$('table').find('tr').each(function(){
|
||||
if(!($(this).find('td').hasClass("course_header")) && $(this).has('th').length == 0){
|
||||
var thisForm = this;
|
||||
var uniquenum = $(this).find('td[data-th="Unique"]').text();
|
||||
chrome.runtime.sendMessage({command: "isSingleConflict",dtarr: getDtarr(this),unique:uniquenum}, function(response) {
|
||||
if(response.isConflict && data.courseConflictHighlight){
|
||||
$(thisForm).find('td').each(function(){
|
||||
$(this).css('color','#F44336');
|
||||
$(this).css('text-decoration','line-through');
|
||||
$(this).css('font-weight','normal');
|
||||
});
|
||||
}
|
||||
else {
|
||||
$(thisForm).find('td').each(function(){
|
||||
$(this).css('color','black');
|
||||
$(this).css('text-decoration','none');
|
||||
$(this).css('font-weight','normal');
|
||||
});
|
||||
}
|
||||
if(response.alreadyContains){
|
||||
$(thisForm).find('td').each(function(){
|
||||
$(this).css('color','#4CAF50');
|
||||
$(this).css('text-decoration','none');
|
||||
$(this).css('font-weight','bold');
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
function update() {
|
||||
chrome.storage.sync.get('courseConflictHighlight', function (data) {
|
||||
$('table').find('tr').each(function () {
|
||||
if (!($(this).find('td').hasClass("course_header")) && $(this).has('th').length == 0) {
|
||||
var thisForm = this;
|
||||
var uniquenum = $(this).find('td[data-th="Unique"]').text();
|
||||
chrome.runtime.sendMessage({
|
||||
command: "isSingleConflict",
|
||||
dtarr: getDtarr(this),
|
||||
unique: uniquenum
|
||||
}, function (response) {
|
||||
if (response.isConflict && data.courseConflictHighlight) {
|
||||
$(thisForm).find('td').each(function () {
|
||||
$(this).css('color', '#F44336');
|
||||
$(this).css('text-decoration', 'line-through');
|
||||
$(this).css('font-weight', 'normal');
|
||||
});
|
||||
} else {
|
||||
$(thisForm).find('td').each(function () {
|
||||
$(this).css('color', 'black');
|
||||
$(this).css('text-decoration', 'none');
|
||||
$(this).css('font-weight', 'normal');
|
||||
});
|
||||
}
|
||||
if (response.alreadyContains) {
|
||||
$(thisForm).find('td').each(function () {
|
||||
$(this).css('color', '#4CAF50');
|
||||
$(this).css('text-decoration', 'none');
|
||||
$(this).css('font-weight', 'bold');
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/* For a row, get the date-time-array for checking conflicts*/
|
||||
function getDtarr(row){
|
||||
function getDtarr(row) {
|
||||
var numlines = $(row).find('td[data-th="Days"]>span').length;
|
||||
var dtarr = [];
|
||||
for(var i=0; i<numlines;i++){
|
||||
var date = $(row).find('td[data-th="Days"]>span:eq('+i+')').text();
|
||||
var time = $(row).find('td[data-th="Hour"]>span:eq('+i+')').text();
|
||||
var place = $(row).find('td[data-th="Room"]>span:eq('+i+')').text();
|
||||
for(var j = 0; j<date.length;j++){
|
||||
for (var i = 0; i < numlines; i++) {
|
||||
var date = $(row).find('td[data-th="Days"]>span:eq(' + i + ')').text();
|
||||
var time = $(row).find('td[data-th="Hour"]>span:eq(' + i + ')').text();
|
||||
var place = $(row).find('td[data-th="Room"]>span:eq(' + i + ')').text();
|
||||
for (var j = 0; j < date.length; j++) {
|
||||
var letter = date.charAt(j);
|
||||
var day = "";
|
||||
if(letter == "T" && j <date.length-1 && date.charAt(j+1) == "H"){
|
||||
dtarr.push(["TH", convertTime(time),place]);
|
||||
}
|
||||
else {
|
||||
if(letter != "H"){
|
||||
dtarr.push([letter, convertTime(time),place]);
|
||||
if (letter == "T" && j < date.length - 1 && date.charAt(j + 1) == "H") {
|
||||
dtarr.push(["TH", convertTime(time), place]);
|
||||
} else {
|
||||
if (letter != "H") {
|
||||
dtarr.push([letter, convertTime(time), place]);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -145,7 +157,7 @@ function getDtarr(row){
|
||||
}
|
||||
|
||||
/*Course object for passing to background*/
|
||||
function Course(coursename, unique, profname,datetimearr, status, link){
|
||||
function Course(coursename, unique, profname, datetimearr, status, link) {
|
||||
this.coursename = coursename;
|
||||
this.unique = unique;
|
||||
this.profname = profname;
|
||||
@@ -155,126 +167,124 @@ function Course(coursename, unique, profname,datetimearr, status, link){
|
||||
}
|
||||
|
||||
/*For a row, get all the course information and add the date-time-lines*/
|
||||
function getCourseInfo(row){
|
||||
function getCourseInfo(row) {
|
||||
$(".dateTimePlace").remove();
|
||||
$('table').find('tr').each(function(){
|
||||
if($(this).find('td').hasClass("course_header")){
|
||||
$('table').find('tr').each(function () {
|
||||
if ($(this).find('td').hasClass("course_header")) {
|
||||
coursename = $(this).find('td').text() + "";
|
||||
}
|
||||
if($(this).is(row)){
|
||||
if ($(this).is(row)) {
|
||||
profurl = $(this).find('td[data-th="Unique"] a').prop('href');
|
||||
uniquenum = $(this).find('td[data-th="Unique"]').text();
|
||||
status = $(this).find('td[data-th="Status"]').text();
|
||||
profname = $(this).find('td[data-th="Instructor"]').text().split(', ')[0];
|
||||
profinit = $(this).find('td[data-th="Instructor"]').text().split(', ')[1];
|
||||
if(profname.indexOf(" ") == 0){
|
||||
if (profname.indexOf(" ") == 0) {
|
||||
profname = profname.substring(1);
|
||||
}
|
||||
var numlines = $(this).find('td[data-th="Days"]>span').length;
|
||||
datetimearr = [];
|
||||
for(var i=0; i<numlines;i++){
|
||||
var date = $(this).find('td[data-th="Days"]>span:eq('+i+')').text();
|
||||
var time = $(this).find('td[data-th="Hour"]>span:eq('+i+')').text();
|
||||
var place = $(this).find('td[data-th="Room"]>span:eq('+i+')').text();
|
||||
$("#topbuttons").before('<h2 class="dateTimePlace">'+makeLine(date,time,place)+'</th>');
|
||||
for (var i = 0; i < numlines; i++) {
|
||||
var date = $(this).find('td[data-th="Days"]>span:eq(' + i + ')').text();
|
||||
var time = $(this).find('td[data-th="Hour"]>span:eq(' + i + ')').text();
|
||||
var place = $(this).find('td[data-th="Room"]>span:eq(' + i + ')').text();
|
||||
$("#topbuttons").before('<h2 class="dateTimePlace">' + makeLine(date, time, place) + '</th>');
|
||||
}
|
||||
return false;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
});
|
||||
});
|
||||
/*Handle if on the individual course page*/
|
||||
if(typeof coursename == 'undefined'){
|
||||
if (typeof coursename == 'undefined') {
|
||||
coursename = $("#details h2").text();
|
||||
profinit = $("table").find("td[data-th='Instructor']").text().split(", ")[1].substring(0,1);
|
||||
profinit = $("table").find("td[data-th='Instructor']").text().split(", ")[1].substring(0, 1);
|
||||
profurl = document.URL;
|
||||
}
|
||||
getDescription();
|
||||
department = coursename.substring(0,coursename.search(/\d/)-2);
|
||||
course_nbr = coursename.substring(coursename.search(/\d/),coursename.indexOf(" ",coursename.search(/\d/)));
|
||||
department = coursename.substring(0, coursename.search(/\d/) - 2);
|
||||
course_nbr = coursename.substring(coursename.search(/\d/), coursename.indexOf(" ", coursename.search(/\d/)));
|
||||
}
|
||||
|
||||
/* Make the day-time-arr and make the text for the date-time-line*/
|
||||
function makeLine(date, time, place){
|
||||
function makeLine(date, time, place) {
|
||||
var arr = [];
|
||||
var output = "";
|
||||
for(var i = 0; i<date.length;i++){
|
||||
for (var i = 0; i < date.length; i++) {
|
||||
var letter = date.charAt(i);
|
||||
var day = "";
|
||||
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"));
|
||||
datetimearr.push(["TH", convertTime(time),place]);
|
||||
}
|
||||
else {
|
||||
if(letter != "H"){
|
||||
datetimearr.push(["TH", convertTime(time), place]);
|
||||
} else {
|
||||
if (letter != "H") {
|
||||
arr.push(days.get(letter));
|
||||
datetimearr.push([letter, convertTime(time),place]);
|
||||
datetimearr.push([letter, convertTime(time), place]);
|
||||
}
|
||||
}
|
||||
}
|
||||
if(arr.length > 2){
|
||||
for(var i = 0; i<arr.length;i++){
|
||||
if(i < arr.length-1){
|
||||
output+=arr[i]+", "
|
||||
if (arr.length > 2) {
|
||||
for (var i = 0; i < arr.length; i++) {
|
||||
if (i < arr.length - 1) {
|
||||
output += arr[i] + ", "
|
||||
}
|
||||
if(i == arr.length-2){
|
||||
output+= "and ";
|
||||
if (i == arr.length - 2) {
|
||||
output += "and ";
|
||||
}
|
||||
if(i == arr.length-1){
|
||||
output+=arr[i];
|
||||
if (i == arr.length - 1) {
|
||||
output += arr[i];
|
||||
}
|
||||
}
|
||||
} else if (arr.length == 2) {
|
||||
output = arr[0] + " and " + arr[1];
|
||||
} else {
|
||||
output += arr[0];
|
||||
}
|
||||
else if(arr.length == 2){
|
||||
output = arr[0]+" and "+arr[1];
|
||||
}
|
||||
else{
|
||||
output+=arr[0];
|
||||
}
|
||||
var building = place.substring(0,place.search(/\d/)-1);
|
||||
if(building == ""){
|
||||
var building = place.substring(0, place.search(/\d/) - 1);
|
||||
if (building == "") {
|
||||
building = "Undecided Location";
|
||||
}
|
||||
return output + " at "+time.replace(/\./g,'').replace(/\-/g,' to ')+" in "+"<a style='font-size:medium' target='_blank' href='"+"https://maps.utexas.edu/buildings/UTM/"+building+"''>"+building+"</>";
|
||||
return output + " at " + time.replace(/\./g, '').replace(/\-/g, ' to ') + " in " + "<a style='font-size:medium' target='_blank' href='" + "https://maps.utexas.edu/buildings/UTM/" + building + "''>" + building + "</>";
|
||||
}
|
||||
|
||||
/*Convert time to 24hour format*/
|
||||
function convertTime(time){
|
||||
var converted = time.replace(/\./g,'').split("-");
|
||||
for(var i = 0; i<2;i++){
|
||||
function convertTime(time) {
|
||||
var converted = time.replace(/\./g, '').split("-");
|
||||
for (var i = 0; i < 2; i++) {
|
||||
converted[i] = moment(converted[i], ["h:mm A"]).format("HH:mm");
|
||||
}
|
||||
return converted;
|
||||
}
|
||||
|
||||
/*Query the grades database*/
|
||||
function getDistribution(){
|
||||
function getDistribution() {
|
||||
var query = "select * from agg";
|
||||
query += " where dept like '%"+department+"%'";
|
||||
query += " and prof like '%"+profname.replace(/'/g, "")+"%'";
|
||||
query += " and course_nbr like '%"+course_nbr+"%'";
|
||||
query += " where dept like '%" + department + "%'";
|
||||
query += " and prof like '%" + profname.replace(/'/g, "") + "%'";
|
||||
query += " and course_nbr like '%" + course_nbr + "%'";
|
||||
query += "order by a1+a2+a3+b1+b2+b3+c1+c2+c3+d1+d2+d3+f desc";
|
||||
var res = grades.exec(query)[0];
|
||||
var output = "";
|
||||
openDialog(department,coursename,"aggregate",profname,res);
|
||||
openDialog(department, coursename, "aggregate", profname, res);
|
||||
}
|
||||
|
||||
/*Open the modal and show all the data*/
|
||||
function openDialog(dep,cls,sem,professor,res){
|
||||
function openDialog(dep, cls, sem, professor, res) {
|
||||
$("#myModal").fadeIn(fadetime);
|
||||
//initial text on the "save course button"
|
||||
chrome.runtime.sendMessage({command: "alreadyContains",unique: uniquenum}, function(response) {
|
||||
if(response.alreadyContains){
|
||||
chrome.runtime.sendMessage({
|
||||
command: "alreadyContains",
|
||||
unique: uniquenum
|
||||
}, function (response) {
|
||||
if (response.alreadyContains) {
|
||||
$("#saveCourse").text("Remove Course -");
|
||||
}
|
||||
else{
|
||||
} else {
|
||||
$("#saveCourse").text("Add Course +");
|
||||
}
|
||||
});
|
||||
//set if no grade distribution
|
||||
var data;
|
||||
if(typeof res == 'undefined' || profname == ""){
|
||||
if (typeof res == 'undefined' || profname == "") {
|
||||
data = [];
|
||||
}
|
||||
else{
|
||||
} else {
|
||||
data = res.values[0];
|
||||
}
|
||||
var modal = document.getElementById('myModal');
|
||||
@@ -283,32 +293,29 @@ function openDialog(dep,cls,sem,professor,res){
|
||||
|
||||
$("#title").text(prettifyTitle());
|
||||
var color = "black";
|
||||
if(status.includes("open")){
|
||||
if (status.includes("open")) {
|
||||
color = "#4CAF50";
|
||||
}
|
||||
else if(status.includes("waitlisted")){
|
||||
} else if (status.includes("waitlisted")) {
|
||||
color = "#FF9800"
|
||||
}
|
||||
else if(status.includes("closed") || status.includes("cancelled")){
|
||||
} else if (status.includes("closed") || status.includes("cancelled")) {
|
||||
color = "#F44336";
|
||||
}
|
||||
$("#title").append("<span style='color:"+color+";font-size:medium;'>"+" #"+uniquenum+"</>");
|
||||
$("#title").append("<span style='color:" + color + ";font-size:medium;'>" + " #" + uniquenum + "</>");
|
||||
|
||||
if(typeof profinit != "undefined" && profinit.length > 1){
|
||||
profinit = profinit.substring(0,1);
|
||||
if (typeof profinit != "undefined" && profinit.length > 1) {
|
||||
profinit = profinit.substring(0, 1);
|
||||
}
|
||||
var name;
|
||||
if(profname == ""){
|
||||
if (profname == "") {
|
||||
name = "Undecided Professor ";
|
||||
}
|
||||
else{
|
||||
} else {
|
||||
name = prettifyName();
|
||||
}
|
||||
$("#profname").text("with "+ name);
|
||||
$("#profname").text("with " + name);
|
||||
//close button
|
||||
span.onclick = function() {
|
||||
span.onclick = function () {
|
||||
$("#myModal").fadeOut(200);
|
||||
$("#snackbar").attr("class","");
|
||||
$("#snackbar").attr("class", "");
|
||||
}
|
||||
//set up the chart
|
||||
chart = Highcharts.chart('chart', {
|
||||
@@ -331,18 +338,18 @@ function openDialog(dep,cls,sem,professor,res){
|
||||
text: 'Grades'
|
||||
},
|
||||
categories: [
|
||||
'A',
|
||||
'A-',
|
||||
'B+',
|
||||
'B',
|
||||
'B-',
|
||||
'C+',
|
||||
'C',
|
||||
'C-',
|
||||
'D+',
|
||||
'D',
|
||||
'D-',
|
||||
'F'
|
||||
'A',
|
||||
'A-',
|
||||
'B+',
|
||||
'B',
|
||||
'B-',
|
||||
'C+',
|
||||
'C',
|
||||
'C-',
|
||||
'D+',
|
||||
'D',
|
||||
'D-',
|
||||
'F'
|
||||
],
|
||||
crosshair: true
|
||||
},
|
||||
@@ -378,94 +385,134 @@ function openDialog(dep,cls,sem,professor,res){
|
||||
},
|
||||
series: [{
|
||||
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
|
||||
if(data.length == 0){
|
||||
//if no data, then show the message and hide the series
|
||||
chart.renderer.text('Could not find distribution for this Instructor teaching this Course.', 100, 120)
|
||||
.css({
|
||||
fontSize: '20px',
|
||||
align:'center',
|
||||
width: '300px',
|
||||
left:'160px'
|
||||
})
|
||||
.add();
|
||||
$.each(chart.series, function(i, ser) {
|
||||
ser.hide();
|
||||
});
|
||||
}
|
||||
}, function (chart) { // on complete
|
||||
if (data.length == 0) {
|
||||
//if no data, then show the message and hide the series
|
||||
chart.renderer.text('Could not find distribution for this Instructor teaching this Course.', 100, 120)
|
||||
.css({
|
||||
fontSize: '20px',
|
||||
align: 'center',
|
||||
width: '300px',
|
||||
left: '160px'
|
||||
})
|
||||
.add();
|
||||
$.each(chart.series, function (i, ser) {
|
||||
ser.hide();
|
||||
});
|
||||
}
|
||||
|
||||
}); // When clicks anywhere outside of the modal, close it
|
||||
window.onclick = function(event) {
|
||||
}); // When clicks anywhere outside of the modal, close it
|
||||
window.onclick = function (event) {
|
||||
if (event.target == modal) {
|
||||
$("#myModal").fadeOut(fadetime);
|
||||
$("#snackbar").attr("class","");
|
||||
$("#snackbar").attr("class", "");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*Format the title*/
|
||||
function prettifyTitle(){
|
||||
val = department.length+course_nbr.length+3;
|
||||
output = coursename.substring(val).replace(/\b\w*/g, function(txt){
|
||||
function prettifyTitle() {
|
||||
val = department.length + course_nbr.length + 3;
|
||||
output = coursename.substring(val).replace(/\b\w*/g, function (txt) {
|
||||
return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
|
||||
});
|
||||
return output + " ("+department+" "+course_nbr+")";
|
||||
return output + " (" + department + " " + course_nbr + ")";
|
||||
}
|
||||
/* Format the Professor Name */
|
||||
function prettifyName() {
|
||||
return profinit + ". "+profname.replace(/\w\S*/g, function(txt){
|
||||
return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
|
||||
});
|
||||
return profinit + ". " + profname.replace(/\w\S*/g, function (txt) {
|
||||
return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
|
||||
});
|
||||
}
|
||||
|
||||
/*Get the course description from the profurl and highlight the important elements, as well as set the eCIS, and rmp links.*/
|
||||
function getDescription(){
|
||||
function getDescription() {
|
||||
chrome.runtime.sendMessage({
|
||||
method: "GET",
|
||||
action: "xhttp",
|
||||
url: profurl,
|
||||
data: ""
|
||||
}, function(response) {
|
||||
if(response){
|
||||
var output="";
|
||||
}, function (response) {
|
||||
if (response) {
|
||||
var output = "";
|
||||
var object = $('<div/>').html(response).contents();
|
||||
object.find('#details > p').each(function(){
|
||||
object.find('#details > p').each(function () {
|
||||
var sentence = $(this).text();
|
||||
if(sentence.indexOf("Prerequisite") == 0){
|
||||
sentence = "<li style='font-weight: bold; padding: 0px 5px 5px 5px;'>"+sentence+"</li>";
|
||||
if (sentence.indexOf("Prerequisite") == 0) {
|
||||
sentence = "<li style='font-weight: bold; padding: 0px 5px 5px 5px;'>" + sentence + "</li>";
|
||||
} else if (sentence.indexOf("May be") >= 0) {
|
||||
sentence = "<li style='font-style: italic; padding: 0px 5px 5px 5px;'>" + sentence + "</li>";
|
||||
} else if (sentence.indexOf("Restricted to") == 0) {
|
||||
sentence = "<li style='color:red; padding: 0px 5px 5px 5px;'>" + sentence + "</li>";
|
||||
} else {
|
||||
sentence = "<li style='padding: 0px 5px 5px 5px;'>" + sentence + "</li>";
|
||||
}
|
||||
else if(sentence.indexOf("May be") >=0 ){
|
||||
sentence = "<li style='font-style: italic; padding: 0px 5px 5px 5px;'>"+sentence+"</li>";
|
||||
}
|
||||
else if(sentence.indexOf("Restricted to") == 0){
|
||||
sentence = "<li style='color:red; padding: 0px 5px 5px 5px;'>"+sentence+"</li>";
|
||||
}
|
||||
else{
|
||||
sentence= "<li style='padding: 0px 5px 5px 5px;'>"+sentence+"</li>";
|
||||
}
|
||||
output+=sentence;
|
||||
output += sentence;
|
||||
|
||||
});
|
||||
});
|
||||
description = output;
|
||||
$("#description").animate({'opacity': 0}, 200, function(){
|
||||
$(this).html(description).animate({'opacity': 1}, 200);
|
||||
$("#description").animate({
|
||||
'opacity': 0
|
||||
}, 200, function () {
|
||||
$(this).html(description).animate({
|
||||
'opacity': 1
|
||||
}, 200);
|
||||
});
|
||||
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));
|
||||
first = first.substring(2);
|
||||
rmpLink = "http://www.ratemyprofessors.com/search.jsp?queryBy=teacherName&schoolName=university+of+texas+at+austin&queryoption=HEADER&query="+first+" "+profname+";&facetSearch=true";
|
||||
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;
|
||||
}
|
||||
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();
|
||||
rmpLink = "http://www.ratemyprofessors.com/search.jsp?queryBy=teacherName&schoolName=university+of+texas+at+austin&queryoption=HEADER&query=" + first + " " + profname + ";&facetSearch=true";
|
||||
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;
|
||||
} 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();
|
||||
}
|
||||
} 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").animate({'opacity': 0}, 200, function(){
|
||||
$(this).html(description).animate({'opacity': 1}, 200);
|
||||
$("#description").animate({
|
||||
'opacity': 0
|
||||
}, 200, function () {
|
||||
$(this).html(description).animate({
|
||||
'opacity': 1
|
||||
}, 200);
|
||||
});
|
||||
rmpLink = "http://www.ratemyprofessors.com/campusRatings.jsp?sid=1255";
|
||||
eCISLink = "http://utdirect.utexas.edu/ctl/ecis/results/index.WBX?";
|
||||
@@ -475,23 +522,23 @@ function getDescription(){
|
||||
}
|
||||
|
||||
/* Load the database*/
|
||||
function loadDataBase(){
|
||||
function loadDataBase() {
|
||||
sql = window.SQL;
|
||||
loadBinaryFile('grades.db', function(data){
|
||||
loadBinaryFile('grades.db', function (data) {
|
||||
var sqldb = new SQL.Database(data);
|
||||
grades = sqldb;
|
||||
});
|
||||
}
|
||||
/* load the database from file */
|
||||
function loadBinaryFile(path,success) {
|
||||
function loadBinaryFile(path, success) {
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open("GET", chrome.extension.getURL(path), true);
|
||||
xhr.responseType = "arraybuffer";
|
||||
xhr.onload = function() {
|
||||
xhr.onload = function () {
|
||||
var data = new Uint8Array(xhr.response);
|
||||
var arr = new Array();
|
||||
for(var i = 0; i != data.length; ++i) arr[i] = String.fromCharCode(data[i]);
|
||||
success(arr.join(""));
|
||||
for (var i = 0; i != data.length; ++i) arr[i] = String.fromCharCode(data[i]);
|
||||
success(arr.join(""));
|
||||
};
|
||||
xhr.send();
|
||||
};
|
||||
23
popup.html
23
popup.html
@@ -1,24 +1,29 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/popup.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="card" id="header">
|
||||
<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="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;">Weekly Calendar</button>
|
||||
<button id="schedule" class="matbut" style="font-size:medium;background:#FF9800;margin: 10px;">Course List</button>
|
||||
<button id="calendar" class="matbut" style="font-size:medium; background: #FF0000; margin:10px;">Schedule</button>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<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>
|
||||
<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>
|
||||
<span style="font-size: small;display:table;margin:0 auto;font-weight: bold">(No Courses Saved)</span>
|
||||
<h2>
|
||||
<script src="js/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/moment.min.js"></script>
|
||||
<script src="js/popup.js"></script>
|
||||
<h2>
|
||||
<script src="js/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/moment.min.js"></script>
|
||||
<script src="js/popup.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user