settings option for loading
This commit is contained in:
@@ -9,8 +9,15 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id='calendar' style=" width: 75%; margin-left:auto; margin-right:auto;"></div>
|
||||
<button id="export" class="matbut" style="font-size:medium; background:#4CAF50;margin: 10px;">Export Schedule</button>
|
||||
<div style='display:flex'>
|
||||
<div id='calendar' style="flex-grow: 1"></div>
|
||||
<div>
|
||||
<button id="export" class="matbut" style="font-size:medium; background:#4CAF50;margin: 10px;white-space: nowrap;text-align: center;">Export
|
||||
Schedule</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
/* Handle messages and their commands from content and popup scripts*/
|
||||
chrome.runtime.onMessage.addListener(function (request, sender, response) {
|
||||
|
||||
switch(request.command){
|
||||
case "courseStorage":
|
||||
switch (request.command) {
|
||||
case "courseStorage":
|
||||
if (request.action == "add") {
|
||||
add(request, sender, response);
|
||||
add(request, sender, response);
|
||||
}
|
||||
if (request.action == "remove") {
|
||||
remove(request, sender, response);
|
||||
@@ -43,9 +43,8 @@ chrome.runtime.onMessage.addListener(function (request, sender, response) {
|
||||
/* Initially set the course data in storage */
|
||||
chrome.runtime.onInstalled.addListener(function (details) {
|
||||
if (details.reason == "install") {
|
||||
chrome.storage.sync.get('savedCourses', function(data){
|
||||
if(!data.savedCourses){
|
||||
console.log(data.savedCourses);
|
||||
chrome.storage.sync.get('savedCourses', function (data) {
|
||||
if (!data.savedCourses) {
|
||||
var arr = new Array();
|
||||
chrome.storage.sync.set({
|
||||
savedCourses: arr
|
||||
@@ -57,9 +56,14 @@ chrome.runtime.onInstalled.addListener(function (details) {
|
||||
}, function () {
|
||||
console.log('initial highlighting: true');
|
||||
});
|
||||
chrome.storage.sync.set({
|
||||
loadAll: true
|
||||
}, function () {
|
||||
console.log('initial loadAll: true');
|
||||
});
|
||||
}
|
||||
});
|
||||
} else if(details.reason == "update"){
|
||||
} else if (details.reason == "update") {
|
||||
console.log("updated");
|
||||
}
|
||||
});
|
||||
@@ -221,7 +225,7 @@ function updateStatus() {
|
||||
dummy.innerHTML = result;
|
||||
let newstatus = dummy.querySelector('[data-th="Status"]').textContent;
|
||||
let registerlink = dummy.querySelector('td[data-th="Add"] a');
|
||||
if(registerlink){
|
||||
if (registerlink) {
|
||||
registerlink = registerlink.getAttribute('href');
|
||||
}
|
||||
c.registerlink = registerlink;
|
||||
@@ -235,4 +239,4 @@ function updateStatus() {
|
||||
});
|
||||
// console.log("updated status' and registerlinks");
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -29,8 +29,8 @@ const butdelay = 75;
|
||||
//This extension may be super lit, but you know what's even more lit?
|
||||
//Matthew Tran's twitter and insta: @MATTHEWTRANN and @matthew.trann
|
||||
$(function () {
|
||||
|
||||
loadNextPages($("html").html());
|
||||
$('[title*="next listing"]').remove();
|
||||
loadDataBase();
|
||||
//make heading and modal
|
||||
if (!$("#kw_results_table").length) {
|
||||
@@ -139,37 +139,42 @@ $(function () {
|
||||
});
|
||||
|
||||
function loadNextPages(inHTML) {
|
||||
var html = $('<div/>').html(inHTML).contents();
|
||||
let next = html.find("#next_nav_link");
|
||||
if (next.length) {
|
||||
let link = next.prop('href');
|
||||
console.log(link);
|
||||
chrome.runtime.sendMessage({
|
||||
method: "GET",
|
||||
action: "xhttp",
|
||||
url: link,
|
||||
data: ""
|
||||
}, function (response) {
|
||||
if (response) {
|
||||
var nextpage = $('<div/>').html(response).contents();
|
||||
var current = $('tbody');
|
||||
nextpage.find('tbody>tr').each(function () {
|
||||
if (!($(this).find('td').hasClass("course_header") && $(this).has('th').length == 0)) {
|
||||
$(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>`);
|
||||
// if ($(this).find('td[data-th="Status"]').text().includes('waitlisted')) {
|
||||
// $(this).find('td').each(function () {
|
||||
// $(this).css('background-color', '#E0E0E0');
|
||||
// });
|
||||
// }
|
||||
chrome.storage.sync.get('loadAll', function (data) {
|
||||
if (data.loadAll) {
|
||||
$('[title*="next listing"]').remove();
|
||||
var html = $('<div/>').html(inHTML).contents();
|
||||
let next = html.find("#next_nav_link");
|
||||
if (next.length) {
|
||||
let link = next.prop('href');
|
||||
console.log(link);
|
||||
chrome.runtime.sendMessage({
|
||||
method: "GET",
|
||||
action: "xhttp",
|
||||
url: link,
|
||||
data: ""
|
||||
}, function (response) {
|
||||
if (response) {
|
||||
var nextpage = $('<div/>').html(response).contents();
|
||||
var current = $('tbody');
|
||||
nextpage.find('tbody>tr').each(function () {
|
||||
if (!($(this).find('td').hasClass("course_header") && $(this).has('th').length == 0)) {
|
||||
$(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>`);
|
||||
// if ($(this).find('td[data-th="Status"]').text().includes('waitlisted')) {
|
||||
// $(this).find('td').each(function () {
|
||||
// $(this).css('background-color', '#E0E0E0');
|
||||
// });
|
||||
// }
|
||||
}
|
||||
current.append($(this));
|
||||
});
|
||||
loadNextPages(response);
|
||||
}
|
||||
current.append($(this));
|
||||
});
|
||||
loadNextPages(response);
|
||||
})
|
||||
} else {
|
||||
update();
|
||||
}
|
||||
})
|
||||
} else {
|
||||
update();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function saveCourse() {
|
||||
|
||||
@@ -1,38 +1,70 @@
|
||||
var manifestData = chrome.runtime.getManifest();
|
||||
$("#version").text(manifestData.version);
|
||||
chrome.storage.sync.get('courseConflictHighlight', function(data) {
|
||||
if(data.courseConflictHighlight){
|
||||
off();
|
||||
chrome.storage.sync.get('courseConflictHighlight', function (data) {
|
||||
if (data.courseConflictHighlight) {
|
||||
off('courseConflictHighlight');
|
||||
} else {
|
||||
on('courseConflictHighlight');
|
||||
}
|
||||
else {
|
||||
on();
|
||||
});
|
||||
chrome.storage.sync.get('loadAll', function (data) {
|
||||
if (data.loadAll) {
|
||||
off('loadAll');
|
||||
} else {
|
||||
on('loadAll');
|
||||
}
|
||||
});
|
||||
|
||||
$("#toggleConflictHighlighting").click(function(){
|
||||
var action = $("#toggleConflictHighlighting").text();
|
||||
if(action == "Turn Off"){
|
||||
chrome.storage.sync.set({courseConflictHighlight: false}, function() {
|
||||
on();
|
||||
$("#togglecourseConflictHighlight").click(function () {
|
||||
var action = $("#togglecourseConflictHighlight").text();
|
||||
if (action == "Turn Off") {
|
||||
chrome.storage.sync.set({
|
||||
courseConflictHighlight: false
|
||||
}, function () {
|
||||
on('courseConflictHighlight');
|
||||
});
|
||||
} else {
|
||||
chrome.storage.sync.set({
|
||||
courseConflictHighlight: true
|
||||
}, function () {
|
||||
off('courseConflictHighlight');
|
||||
});
|
||||
} else{
|
||||
chrome.storage.sync.set({courseConflictHighlight: true}, function() {
|
||||
off();
|
||||
});
|
||||
}
|
||||
chrome.tabs.query({}, function(tabs) {
|
||||
for(var i = 0; i<tabs.length; i++){
|
||||
chrome.tabs.sendMessage(tabs[i].id, {command: "updateCourseList"});
|
||||
chrome.tabs.query({}, function (tabs) {
|
||||
for (var i = 0; i < tabs.length; i++) {
|
||||
chrome.tabs.sendMessage(tabs[i].id, {
|
||||
command: "updateCourseList"
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
function on(){
|
||||
$("#toggleConflictHighlighting").text("Turn On");
|
||||
$("#toggleConflictHighlighting").css("background","#4CAF50");
|
||||
}
|
||||
function off(){
|
||||
$("#toggleConflictHighlighting").text("Turn Off");
|
||||
$("#toggleConflictHighlighting").css("background","#F44336");
|
||||
$("#toggleloadAll").click(function () {
|
||||
var action = $("#toggleloadAll").text();
|
||||
if (action == "Turn Off") {
|
||||
chrome.storage.sync.set({
|
||||
loadAll: false
|
||||
}, function () {
|
||||
on('loadAll');
|
||||
});
|
||||
} else {
|
||||
chrome.storage.sync.set({
|
||||
loadAll: true
|
||||
}, function () {
|
||||
off('loadAll');
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
function on(setting) {
|
||||
$("#toggle" + setting).text("Turn On");
|
||||
$("#toggle" + setting).css("background", "#4CAF50");
|
||||
}
|
||||
|
||||
function off(setting) {
|
||||
$("#toggle" + setting).text("Turn Off");
|
||||
$("#toggle" + setting).css("background", "#F44336");
|
||||
}
|
||||
31
options.html
31
options.html
@@ -1,17 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="card" style="width: 400px; margin-left:auto;margin-right: auto; height:auto;"id="header">
|
||||
<h2 style="padding:16px 16px 0px 16px;font-size: 20px"> <u>Options</u> </h2>
|
||||
<h2 style="padding: 5px 16px 16px 16px; font-weight: normal;display: inline-block;text-align:left;">Conflict Highlighting</h2>
|
||||
<button id="toggleConflictHighlighting" class="matbut" style="margin-left: 20%;text-align:right;display:inline-block;font-size:medium;background:#F44336;">Turn Off</button>
|
||||
|
||||
<p style="padding:0px 5px 5px 0px; float: right">(v<span id="version"></span>), Sriram Hariharan, 2018<p>
|
||||
<script src="js/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/options.js"></script>
|
||||
<body>
|
||||
<div class="card" style="width: 400px; margin-left:auto;margin-right: auto; height:auto;" id="header">
|
||||
<h2 style="padding:16px 16px 0px 16px;font-size: 20px"> <u>Options</u> </h2>
|
||||
<div>
|
||||
<h2 style="padding: 5px 16px 5px 16px; font-weight: normal;display: inline-block;text-align:left;">Conflict
|
||||
Highlighting</h2>
|
||||
<button id="togglecourseConflictHighlight" class="matbut" style="float:right; display:inline-block;font-size:medium;background:#F44336;">Turn
|
||||
Off</button>
|
||||
<h2 style="padding: 5px 16px 16px 16px; font-weight: normal;display: inline-block;text-align:left;">All Courses
|
||||
on First Page</h2>
|
||||
<button id="toggleloadAll" class="matbut" style="float: right;display:inline-block;font-size:medium;background:#F44336;">Turn
|
||||
Off</button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<p style="padding:0px 5px 5px 0px; float: right">(v<span id="version"></span>), Sriram Hariharan, 2018<p>
|
||||
<script src="js/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/options.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user