CanadianBacon/CanvasRefined
1
0
Fork 0
mirror of https://github.com/GuySandler/CanvasRefined.git synced 2026-06-21 01:49:54 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

better todolist 6

Browse Source 
final, config
This commit is contained in:
Guy Sandler 2026-04-28 21:42:26 -07:00
parent b5bcd19466
commit a0e26918ad
5 changed files with 392 additions and 349 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

480
_locales/en/messages.json
View File

@ -1,239 +1,245 @@
{ {
"better_canvas": { "better_canvas": {
"message": "Better Canvas" "message": "Better Canvas"
}, },
"updates": { "updates": {
"message": "Updates" "message": "Updates"
}, },
"dark_mode": { "dark_mode": {
"message": "Dark mode" "message": "Dark mode"
}, },
"automatic_dark_mode": { "automatic_dark_mode": {
"message": "Scheduled Dark Mode" "message": "Scheduled Dark Mode"
}, },
"auto_start_time": { "auto_start_time": {
"message": "Start Time" "message": "Start Time"
}, },
"auto_end_time": { "auto_end_time": {
"message": "End Time" "message": "End Time"
}, },
"edit_dark_mode": { "edit_dark_mode": {
"message": "Dark Mode" "message": "Dark Mode"
}, },
"enter_url": { "enter_url": {
"message": "Your Canvas url:" "message": "Your Canvas url:"
}, },
"card_grades": { "card_grades": {
"message": "Card Grades" "message": "Card Grades"
}, },
"gradient_cards": { "gradient_cards": {
"message": "Gradient Cards" "message": "Gradient Cards"
}, },
"condensed_cards": { "condensed_cards": {
"message": "Condensed Cards" "message": "Condensed Cards"
}, },
"disable_color": { "disable_color": {
"message": "Disable Color Overlay" "message": "Disable Color Overlay"
}, },
"card_assignments": { "card_assignments": {
"message": "Card Assignments" "message": "Card Assignments"
}, },
"card_customization": { "card_customization": {
"message": "Cards" "message": "Cards"
}, },
"styles": { "styles": {
"message": "Styles" "message": "Styles"
}, },
"useddmm": { "useddmm": {
"message": "Use dd/mm" "message": "Use dd/mm"
}, },
"better_todo": { "better_todo": {
"message": "Better todo list" "message": "Better todo list"
}, },
"max_items": { "max_items": {
"message": "Max Items: " "message": "Max Items: "
}, },
"hover_preview": { "hover_preview": {
"message": "Hover To Preview Details" "message": "Hover To Preview Details"
}, },
"hide_completed": { "hide_completed": {
"message": "Hide Completed" "message": "Hide Completed"
}, },
"24hrformat": { "24hrformat": {
"message": "Use 24 hr Format" "message": "Use 24 hr Format"
}, },
"dashboard_notes": { "dashboard_notes": {
"message": "Dashboard Notes" "message": "Dashboard Notes"
}, },
"gpa_calculator": { "gpa_calculator": {
"message": "GPA Calculator" "message": "GPA Calculator"
}, },
"gpa_settings": { "gpa_settings": {
"message": "GPA Settings" "message": "GPA Settings"
}, },
"grade_hover": { "grade_hover": {
"message": "Show Only On Hover" "message": "Show Only On Hover"
}, },
"due": { "due": {
"message": "Due" "message": "Due"
}, },
"card_colors": { "card_colors": {
"message": "Card Colors" "message": "Card Colors"
}, },
"back": { "back": {
"message": "Back" "message": "Back"
}, },
"more_options": { "more_options": {
"message": "More Options" "message": "More Options"
}, },
"manual_customization": { "manual_customization": {
"message": "Manual Customization" "message": "Manual Customization"
}, },
"background_colors": { "background_colors": {
"message": "Background" "message": "Background"
}, },
"text_colors": { "text_colors": {
"message": "Text" "message": "Text"
}, },
"full_width": { "full_width": {
"message": "Dashboard Full Width" "message": "Dashboard Full Width"
}, },
"report_issue": { "report_issue": {
"message": "Report Issue" "message": "Report Issue"
}, },
"themes": { "themes": {
"message": "Themes" "message": "Themes"
}, },
"move_top": { "move_top": {
"message": "Move To Top" "message": "Move To Top"
}, },
"show_past_due": { "show_past_due": {
"message": "Show Past Due" "message": "Show Past Due"
}, },
"relative_due_dates": { "todo_separate_scrollbar": {
"message": "Relative Due Dates" "message": "Separate Scrollbar"
}, },
"enter_multiple": { "todo_full_height": {
"message": "(Enter Multiple With A Comma)" "message": "Force Full Height"
}, },
"todo_remind": { "relative_due_dates": {
"message": "Todo Reminders" "message": "Relative Due Dates"
}, },
"remlogo": { "enter_multiple": {
"message": "Remove Sidebar Logo" "message": "(Enter Multiple With A Comma)"
}, },
"hide_feedback": { "todo_remind": {
"message": "Hide Recent Feedback" "message": "Todo Reminders"
}, },
"tab_icons": { "remlogo": {
"message": "Color Coded Tab Icons" "message": "Remove Sidebar Logo"
}, },
"todo_colors": { "hide_feedback": {
"message": "Hide Recent Feedback" "message": "Hide Recent Feedback"
}, },
"gpa_calc_cumulative": { "tab_icons": {
"message": "Show Cumulative GPA" "message": "Color Coded Tab Icons"
}, },
"gpa_calc_weighted": { "todo_hide_feedback": {
"message": "Show Weighted GPA" "message": "Hide Recent Feedback"
}, },
"device_dark": { "gpa_calc_cumulative": {
"message": "Use Device Dark Mode Settings" "message": "Show Cumulative GPA"
}, },
"presets": { "gpa_calc_weighted": {
"message": "Presets" "message": "Show Weighted GPA"
}, },
"dark_lighter": { "device_dark": {
"message": "Lighter" "message": "Use Device Dark Mode Settings"
}, },
"dark_light": { "presets": {
"message": "Light" "message": "Presets"
}, },
"dark_default": { "dark_lighter": {
"message": "Default" "message": "Lighter"
}, },
"dark_dark": { "dark_light": {
"message": "Dark" "message": "Light"
}, },
"dark_darker": { "dark_default": {
"message": "Darker" "message": "Default"
}, },
"dark_mint": { "dark_dark": {
"message": "Mint" "message": "Dark"
}, },
"dark_blue": { "dark_darker": {
"message": "Blue Tint" "message": "Darker"
}, },
"dark_burn": { "dark_mint": {
"message": "Eyeball Burn" "message": "Mint"
}, },
"dark_unicorn": { "dark_blue": {
"message": "Unicorn" "message": "Blue Tint"
}, },
"dark_lightmode": { "dark_burn": {
"message": "Lightmode" "message": "Eyeball Burn"
}, },
"dark_catppuccin": { "dark_unicorn": {
"message": "Catppuccin\n By Angel" "message": "Unicorn"
}, },
"dark_sage": { "dark_lightmode": {
"message": "Sabia\n By LivDoesDevStuf" "message": "Lightmode"
}, },
"dark_pink": { "dark_catppuccin": {
"message": "Pink\n By Sayde" "message": "Catppuccin\n By Angel"
}, },
"dark_coral": { "dark_sage": {
"message": "Coral\n By Superchido" "message": "Sabia\n By LivDoesDevStuf"
}, },
"dp_sidebar_text": { "dark_pink": {
"message": "Sidebar Text" "message": "Pink\n By Sayde"
}, },
"dp_sidebar": { "dark_coral": {
"message": "Sidebar" "message": "Coral\n By Superchido"
}, },
"radio_sidebar_solid": { "dp_sidebar_text": {
"message": "Solid" "message": "Sidebar Text"
}, },
"radio_sidebar_gradient": { "dp_sidebar": {
"message": "Gradient" "message": "Sidebar"
}, },
"radio_sidebar_image": { "radio_sidebar_solid": {
"message": "Image" "message": "Solid"
}, },
"dp_background_0": { "radio_sidebar_gradient": {
"message": "Background Main" "message": "Gradient"
}, },
"dp_background_1": { "radio_sidebar_image": {
"message": "Background Alt" "message": "Image"
}, },
"dp_background_2": { "dp_background_0": {
"message": "Background Other" "message": "Background Main"
}, },
"dp_borders": { "dp_background_1": {
"message": "Borders" "message": "Background Alt"
}, },
"dp_links": { "dp_background_2": {
"message": "Links" "message": "Background Other"
}, },
"dp_text_0": { "dp_borders": {
"message": "Text Main" "message": "Borders"
}, },
"dp_text_1": { "dp_links": {
"message": "Text Other" "message": "Links"
}, },
"dp_text_2": { "dp_text_0": {
"message": "Text Alt" "message": "Text Main"
}, },
"dark_mode_fixer": { "dp_text_1": {
"message": "Dark Mode Fixer (Beta)" "message": "Text Other"
}, },
"dark_mode_fixer_text": { "dp_text_2": {
"message": "This Will Try To Fix Any Dark Mode Gaps On The Current Page." "message": "Text Alt"
}, },
"fix_dm_btn": { "dark_mode_fixer": {
"message": "Go" "message": "Dark Mode Fixer (Beta)"
}, },
"fix_dm_text": { "dark_mode_fixer_text": {
"message": "The Fixer Is Automatically Running On These Pages:" "message": "This Will Try To Fix Any Dark Mode Gaps On The Current Page."
} },
"fix_dm_btn": {
"message": "Go"
},
"fix_dm_text": {
"message": "The Fixer Is Automatically Running On These Pages:"
}
} }

20
html/popup.html
View File

@ -169,7 +169,8 @@
</div> </div>
</div> </div>
</div> </div>
<div class="option-container"> <div class="option-container" style="display:none">
<!-- TODO: scrapped maybe forever -->
<div class="option" id="remind"> <div class="option" id="remind">
<input type="radio" id="off" name="remind"> <input type="radio" id="off" name="remind">
<input type="radio" id="on" name="remind"> <input type="radio" id="on" name="remind">
@ -206,27 +207,26 @@
<span class="option-name" data-i18n="better_todo">Better Todo List</span> <span class="option-name" data-i18n="better_todo">Better Todo List</span>
</div> </div>
<div class="sub-options"> <div class="sub-options">
<div class="sub-option"> <div class="sub-option" style="display:none;">
<input type="checkbox" id="hover_preview" name="hover_preview"> <input type="checkbox" id="hover_preview" name="hover_preview">
<label for="hover_preview" class="sub-text" data-i18n="hover_preview">Hover to preview <label for="hover_preview" class="sub-text" data-i18n="hover_preview">Hover to preview
details</label> <!-- TODO --> details</label> <!-- TODO: Later -->
</div> </div>
<div class="sub-option"> <div class="sub-option">
<input type="checkbox" id="hide_completed" name="hide_completed"> <input type="checkbox" id="todo_separate_scrollbar" name="todo_separate_scrollbar">
<label for="hide_completed" class="sub-text" data-i18n="hide_completed">Hide <label for="todo_separate_scrollbar" class="sub-text" data-i18n="todo_separate_scrollbar">Separate Scrollbar</label>
completed</label> <!-- TO REMOVE replace with "own scrollbar" -->
</div> </div>
<div class="sub-option"> <div class="sub-option">
<input type="checkbox" id="todo_hr24" name="todo_hr24"> <input type="checkbox" id="todo_hr24" name="todo_hr24">
<label for="todo_hr24" class="sub-text" data-i18n="24hrformat">Use 24hr format</label> <!-- TODO --> <label for="todo_hr24" class="sub-text" data-i18n="24hrformat">Use 24hr format</label>
</div> </div>
<div class="sub-option"> <div class="sub-option">
<input type="checkbox" id="todo_overdues" name="todo_overdues"> <input type="checkbox" id="todo_full_height" name="todo_full_height">
<label for="todo_overdues" class="sub-text" data-i18n="show_past_due">Show past due</label> <!-- TO REMOVE and replace with full height --> <label for="todo_full_height" class="sub-text" data-i18n="todo_full_height">Force Full Height</label> <!-- TO REMOVE and replace with full height -->
</div> </div>
<div class="sub-option"> <div class="sub-option">
<input type="checkbox" id="todo_hide_feedback" name="todo_hide_feedback"> <input type="checkbox" id="todo_hide_feedback" name="todo_hide_feedback">
<label for="todo_hide_feedback" class="sub-text" data-i18n="todo_hide_feedback">Hide Recent Feedback</label> <!-- TO REMOVE and replace with recent feedback --> <label for="todo_hide_feedback" class="sub-text" data-i18n="todo_hide_feedback">Hide Recent Feedback</label>
</div> </div>
<div style="margin-top: 5px"> <div style="margin-top: 5px">
<span class="sub-text" data-i18n="max_items">Max items to show: </span><span <span class="sub-text" data-i18n="max_items">Max items to show: </span><span

12
js/background.js
View File

@ -39,6 +39,7 @@ chrome.runtime.onInstalled.addListener(function () {
"dashboard_notes_text": "", "dashboard_notes_text": "",
"better_todo": false, "better_todo": false,
"todo_hr24": false, "todo_hr24": false,
"todo_separate_scrollbar": false,
"condensed_cards": false, "condensed_cards": false,
"custom_cards": {}, "custom_cards": {},
"custom_cards_2": {}, "custom_cards_2": {},
@ -46,7 +47,7 @@ chrome.runtime.onInstalled.addListener(function () {
"custom_assignments": [], "custom_assignments": [],
"custom_assignments_overflow": ["custom_assignments"], "custom_assignments_overflow": ["custom_assignments"],
"grade_hover": false, "grade_hover": false,
"hide_completed": false, // "hide_completed": false,
"num_todo_items": 10, "num_todo_items": 10,
"custom_font": { "link": "", "family": "" }, "custom_font": { "link": "", "family": "" },
"hover_preview": true, "hover_preview": true,
@ -67,7 +68,7 @@ chrome.runtime.onInstalled.addListener(function () {
"D-": { "cutoff": 60, "gpa": .7 }, "D-": { "cutoff": 60, "gpa": .7 },
"F": { "cutoff": 0, "gpa": 0 } "F": { "cutoff": 0, "gpa": 0 }
}, },
"todo_overdues": false, // "todo_overdues": false,
"card_overdues": false, "card_overdues": false,
"relative_dues": false, "relative_dues": false,
"hide_feedback": false, "hide_feedback": false,
@ -75,9 +76,10 @@ chrome.runtime.onInstalled.addListener(function () {
"assignment_states": {}, "assignment_states": {},
"tab_icons": false, "tab_icons": false,
"todo_hide_feedback": false, "todo_hide_feedback": false,
"todo_full_height": false,
"device_dark": false, "device_dark": false,
"cumulative_gpa": { "name": "Cumulative GPA", "hidden": false, "weight": "dnc", "credits": 999, "gr": 3.21 }, "cumulative_gpa": { "name": "Cumulative GPA", "hidden": false, "weight": "dnc", "credits": 999, "gr": 3.21 },
"show_updates": false, // "show_updates": false,
"card_method_date": false, "card_method_date": false,
"card_method_dashboard": true, "card_method_dashboard": true,
"card_limit": 25, "card_limit": 25,
@ -85,8 +87,8 @@ chrome.runtime.onInstalled.addListener(function () {
"reminders": [], "reminders": [],
"reminder_count": 1, "reminder_count": 1,
"multi_remind": false, "multi_remind": false,
"scheduledReminder": false, // "scheduledReminder": false,
"scheduledReminderTime": { "hour": "09", "minute": "00" }, // "scheduledReminderTime": { "hour": "09", "minute": "00" },
"id": "", "id": "",
"new_browser": null, "new_browser": null,
"gpa_calc_cumulative": false, "gpa_calc_cumulative": false,

169
js/content.js
View File

@ -188,38 +188,38 @@ function showExampleReminder() {
example.querySelector(".bettercanvas-reminder-due").textContent = "This notification will pop up in other pages to remind you of incomplete assignments that are due in less than 6 hours." /*It will notify again at 2 hours if the 'Remind 2x' option is on."*/; example.querySelector(".bettercanvas-reminder-due").textContent = "This notification will pop up in other pages to remind you of incomplete assignments that are due in less than 6 hours." /*It will notify again at 2 hours if the 'Remind 2x' option is on."*/;
} }
async function ScheduledReminderCheck() { // async function ScheduledReminderCheck() {
let date = new Date(); // let date = new Date();
let currentHour = date.getHours(); // let currentHour = date.getHours();
let currentMinute = date.getMinutes(); // let currentMinute = date.getMinutes();
if (options.scheduledReminderTime) { // if (options.scheduledReminderTime) {
let [hour, minute] = options.scheduledReminderTime.split(":"); // let [hour, minute] = options.scheduledReminderTime.split(":");
if (parseInt(hour) == currentHour && parseInt(minute) == currentMinute) { // if (parseInt(hour) == currentHour && parseInt(minute) == currentMinute) {
const container = document.getElementById("bettercanvas-reminders") || makeElement("div", document.body, { "id": "bettercanvas-reminders" }); // const container = document.getElementById("bettercanvas-reminders") || makeElement("div", document.body, { "id": "bettercanvas-reminders" });
container.style.display = "flex"; // container.style.display = "flex";
container.textContent = ""; // container.textContent = "";
const storage = await chrome.storage.sync.get("reminders"); // const storage = await chrome.storage.sync.get("reminders");
const now = (new Date()).getTime(); // const now = (new Date()).getTime();
storage["reminders"].forEach(reminder => { // storage["reminders"].forEach(reminder => {
if (reminder.d >= now) { // if (reminder.d >= now) {
createReminder(reminder, container); // createReminder(reminder, container);
} // }
}); // });
} // }
} // }
} // }
function toggleScheduledReminders() { // function toggleScheduledReminders() {
clearInterval(reminderCheck); // clearInterval(reminderCheck);
if (options.scheduledReminder !== true) return; // if (options.scheduledReminder !== true) return;
ScheduledReminderCheck(); // ScheduledReminderCheck();
reminderCheck = setInterval(ScheduledReminderCheck, 60000); // reminderCheck = setInterval(ScheduledReminderCheck, 60000);
} // }
isDomainCanvasPage(); isDomainCanvasPage();
function isDomainCanvasPage() { function isDomainCanvasPage() {
chrome.storage.sync.get(['custom_domain', 'dark_mode', 'dark_preset', 'device_dark', 'remind', 'scheduledReminder', 'scheduledReminderTime'], result => { chrome.storage.sync.get(['custom_domain', 'dark_mode', 'dark_preset', 'device_dark', 'remind'/*, 'scheduledReminder', 'scheduledReminderTime'*/], result => {
options = result; options = result;
if (result.custom_domain.length && result.custom_domain[0] !== "") { if (result.custom_domain.length && result.custom_domain[0] !== "") {
for (let i = 0; i < result.custom_domain.length; i++) { for (let i = 0; i < result.custom_domain.length; i++) {
@ -232,14 +232,14 @@ function isDomainCanvasPage() {
// if the code reaches this point, its not a canvas page so run the reminders // if the code reaches this point, its not a canvas page so run the reminders
setTimeout(reminderWatch, 2000); setTimeout(reminderWatch, 2000);
setInterval(reminderWatch, 60000); setInterval(reminderWatch, 60000);
toggleScheduledReminders(); // toggleScheduledReminders();
// turn the reminders on/off if the option is changed // turn the reminders on/off if the option is changed
chrome.storage.onChanged.addListener((changes) => { chrome.storage.onChanged.addListener((changes) => {
Object.keys(changes).forEach(key => { Object.keys(changes).forEach(key => {
if (key === "remind") reminderWatch(); if (key === "remind") reminderWatch();
if (key === "scheduledReminder" || key === "scheduledReminderTime") { if (key === "scheduledReminder" || key === "scheduledReminderTime") {
options[key] = changes[key].newValue; options[key] = changes[key].newValue;
toggleScheduledReminders(); // toggleScheduledReminders();
} }
}) })
}) })
@ -255,7 +255,7 @@ function startExtension() {
chrome.storage.sync.get(null, result => { chrome.storage.sync.get(null, result => {
options = { ...options, ...result }; options = { ...options, ...result };
toggleAutoDarkMode(); toggleAutoDarkMode();
toggleScheduledReminders(); // toggleScheduledReminders();
getApiData(); getApiData();
checkDashboardReady(); checkDashboardReady();
loadCustomFont(); loadCustomFont();
@ -263,7 +263,7 @@ function startExtension() {
changeFavicon(); changeFavicon();
updateReminders(); updateReminders();
applyCustomBackground(); applyCustomBackground();
//getClassAverages(); //getClassAverages();
setTimeout(() => document.getElementById("footer").remove(), 800); setTimeout(() => document.getElementById("footer").remove(), 800);
@ -335,10 +335,12 @@ function applyOptionsChanges(changes) {
customizeCards(); customizeCards();
break; break;
case "todo_hr24": case "todo_hr24":
case "todo_separate_scrollbar":
case "num_todo_items": case "num_todo_items":
case "hover_preview": case "hover_preview":
case "todo_overdues": // case "todo_overdues":
case "todo_hide_feedback": case "todo_hide_feedback":
case "todo_full_height":
case "custom_cards_3": case "custom_cards_3":
moreAnnouncementCount = 0; moreAnnouncementCount = 0;
moreAssignmentCount = 0; moreAssignmentCount = 0;
@ -367,16 +369,16 @@ function applyOptionsChanges(changes) {
case "custom_styles": case "custom_styles":
applyAestheticChanges(); applyAestheticChanges();
break; break;
case "show_updates": // case "show_updates":
showUpdateMsg(); // showUpdateMsg();
break; // break;
case "remind": case "remind":
showExampleReminder(); showExampleReminder();
break; break;
case "scheduledReminder": // case "scheduledReminder":
case "scheduledReminderTime": // case "scheduledReminderTime":
toggleScheduledReminders(); // toggleScheduledReminders();
break; // break;
case "imageSize": case "imageSize":
case "cardRoundness": case "cardRoundness":
case "cardSpacing": case "cardSpacing":
@ -409,7 +411,7 @@ function applyCustomBackground() {
backdrop-filter: blur(10px) !important; backdrop-filter: blur(10px) !important;
border-radius: 5px; border-radius: 5px;
} }
#right-side-wrapper { #right-side-wrapper {
background: color-mix(in srgb, var(--bcbackground-0) 45%, transparent) !important; background: color-mix(in srgb, var(--bcbackground-0) 45%, transparent) !important;
backdrop-filter: blur(10px) !important; backdrop-filter: blur(10px) !important;
border-radius: 5px; border-radius: 5px;
@ -836,7 +838,7 @@ function convertToDueDate(dueAt) {
final = "due "; final = "due ";
let date = new Date(dueAt); let date = new Date(dueAt);
final += date.toLocaleString("en-US", { month: "short", day: "numeric" }); final += date.toLocaleString("en-US", { month: "short", day: "numeric" });
final += " at " + date.toLocaleString("en-US", { hour: "numeric", minute: "numeric", hour12: true }); final += " at " + date.toLocaleString("en-US", { hour: "numeric", minute: "numeric", hour12: !options.todo_hr24 });
return final; return final;
} }
function updateIndicator(element) { function updateIndicator(element) {
@ -1001,6 +1003,34 @@ async function createTodoSections(location) {
if (betterTodoFilter == "completed") { if (betterTodoFilter == "completed") {
populateAssignments(true); populateAssignments(true);
} }
const feedbackElement = document.querySelector(".recent_feedback");
if (feedbackElement) {
if (options.todo_hide_feedback == true) {
feedbackElement.style.display = "none";
} else {
feedbackElement.style.display = "block";
}
}
const sidebar = document.getElementById("right-side-wrapper");
if (options.todo_full_height) {
sidebar.style.minHeight = "100vh";
} else {
sidebar.style.minHeight = "";
}
if (options.todo_separate_scrollbar) {
sidebar.style.position = "sticky";
sidebar.style.top = "0";
sidebar.style.height = "100vh";
sidebar.style.overflowY = "auto";
} else {
sidebar.style.position = "";
sidebar.style.top = "";
sidebar.style.height = "";
sidebar.style.overflowY = "";
// maybe invisible scrollbar?
}
}); });
} }
@ -1133,9 +1163,6 @@ function populateAssignments(iscompleted = false) {
isExpanded = !isExpanded; isExpanded = !isExpanded;
}) })
} }
if (options.todo_hide_feedback) {
document.querySelector(".recent_feedback").remove();
}
} }
function populateAnnouncements() { function populateAnnouncements() {
@ -1734,27 +1761,27 @@ function autoDarkModeCheck() {
} }
} }
async function ScheduledReminderCheck() { // async function ScheduledReminderCheck() {
let date = new Date(); // let date = new Date();
let currentHour = date.getHours(); // let currentHour = date.getHours();
let currentMinute = date.getMinutes(); // let currentMinute = date.getMinutes();
if (options.scheduledReminderTime) { // if (options.scheduledReminderTime) {
let [hour, minute] = options.scheduledReminderTime.split(":"); // let [hour, minute] = options.scheduledReminderTime.split(":");
if (parseInt(hour) == currentHour && parseInt(minute) == currentMinute) { // if (parseInt(hour) == currentHour && parseInt(minute) == currentMinute) {
const container = document.getElementById("bettercanvas-reminders") || makeElement("div", document.body, { "id": "bettercanvas-reminders" }); // const container = document.getElementById("bettercanvas-reminders") || makeElement("div", document.body, { "id": "bettercanvas-reminders" });
container.style.display = "flex"; // container.style.display = "flex";
container.textContent = ""; // container.textContent = "";
const storage = await chrome.storage.sync.get("reminders"); // const storage = await chrome.storage.sync.get("reminders");
const now = (new Date()).getTime(); // const now = (new Date()).getTime();
storage["reminders"].forEach(reminder => { // storage["reminders"].forEach(reminder => {
if (reminder.d >= now) { // if (reminder.d >= now) {
createReminder(reminder, container); // createReminder(reminder, container);
} // }
}); // });
} // }
} // }
} // }
function toggleAutoDarkMode() { function toggleAutoDarkMode() {
clearInterval(timeCheck); clearInterval(timeCheck);
@ -1763,12 +1790,12 @@ function toggleAutoDarkMode() {
timeCheck = setInterval(autoDarkModeCheck, 60000); timeCheck = setInterval(autoDarkModeCheck, 60000);
} }
function toggleScheduledReminders() { // function toggleScheduledReminders() {
clearInterval(reminderCheck); // clearInterval(reminderCheck);
if (options.scheduled_reminders === false) return; //TODO: add it to the options thing // if (options.scheduled_reminders === false) return; //TODO: add it to the options thing
ScheduledReminderCheck(); // ScheduledReminderCheck();
reminderCheck = setInterval(ScheduledReminderCheck, 60000); // reminderCheck = setInterval(ScheduledReminderCheck, 60000);
} // }
let iframeObserver; let iframeObserver;
function runiframeChecker() { function runiframeChecker() {
@ -2496,7 +2523,7 @@ function showUpdateMsg() {
return; return;
} }
// first creation // first creation
div = makeElement("div", el, { "id": "bettercanvas-update-msg" }); div = makeElement("div", el, { "id": "bettercanvas-update-msg" });
makeElement("p", div, { "textContent": options.update_msg }); makeElement("p", div, { "textContent": options.update_msg });
const close = makeElement("button", div, { "id": "bettercanvas-update-close", "textContent": "Close" }); const close = makeElement("button", div, { "id": "bettercanvas-update-close", "textContent": "Close" });

60
js/popup.js
View File

@ -1,10 +1,11 @@
const syncedSwitches = ['remind', 'tab_icons', 'hide_feedback', 'dark_mode', 'remlogo', 'full_width', 'auto_dark', 'assignments_due', 'gpa_calc', 'gradient_cards', 'disable_color_overlay', 'dashboard_grades', 'dashboard_notes', 'better_todo', 'condensed_cards']; const syncedSwitches = ['remind', 'tab_icons', 'hide_feedback', 'dark_mode', 'remlogo', 'full_width', 'auto_dark', 'assignments_due', 'gpa_calc', 'gradient_cards', 'disable_color_overlay', 'dashboard_grades', 'dashboard_notes', 'better_todo', 'condensed_cards'];
const syncedSubOptions = [ const syncedSubOptions = [
"todo_hide_feedback", "todo_hide_feedback",
"todo_full_height",
"device_dark", "device_dark",
"relative_dues", "relative_dues",
"card_overdues", "card_overdues",
"todo_overdues", // "todo_overdues",
"gpa_calc_prepend", "gpa_calc_prepend",
"auto_dark", "auto_dark",
"auto_dark_start", "auto_dark_start",
@ -12,12 +13,13 @@ const syncedSubOptions = [
"num_assignments", "num_assignments",
"assignment_date_format", "assignment_date_format",
"todo_hr24", "todo_hr24",
"todo_separate_scrollbar",
"grade_hover", "grade_hover",
"hide_completed", // "hide_completed",
"num_todo_items", "num_todo_items",
"hover_preview", "hover_preview",
"scheduledReminder", // "scheduledReminder",
"scheduledReminderTime", // "scheduledReminderTime",
"customCardStyles", "customCardStyles",
"imageSize", "imageSize",
"cardRoundness", "cardRoundness",
@ -68,6 +70,7 @@ const defaultOptions = {
"dashboard_notes_text": "", "dashboard_notes_text": "",
"better_todo": false, "better_todo": false,
"todo_hr24": false, "todo_hr24": false,
"todo_separate_scrollbar": false,
"condensed_cards": false, "condensed_cards": false,
"custom_cards": {}, "custom_cards": {},
"custom_cards_2": {}, "custom_cards_2": {},
@ -75,7 +78,7 @@ const defaultOptions = {
"custom_assignments": [], "custom_assignments": [],
"custom_assignments_overflow": ["custom_assignments"], "custom_assignments_overflow": ["custom_assignments"],
"grade_hover": false, "grade_hover": false,
"hide_completed": false, // "hide_completed": false,
"num_todo_items": 10, "num_todo_items": 10,
"custom_font": { "link": "", "family": "" }, "custom_font": { "link": "", "family": "" },
"hover_preview": true, "hover_preview": true,
@ -96,7 +99,7 @@ const defaultOptions = {
"D-": { "cutoff": 60, "gpa": .7 }, "D-": { "cutoff": 60, "gpa": .7 },
"F": { "cutoff": 0, "gpa": 0 } "F": { "cutoff": 0, "gpa": 0 }
}, },
"todo_overdues": false, // "todo_overdues": false,
"card_overdues": false, "card_overdues": false,
"relative_dues": false, "relative_dues": false,
"hide_feedback": false, "hide_feedback": false,
@ -104,14 +107,15 @@ const defaultOptions = {
"assignment_states": {}, "assignment_states": {},
"tab_icons": false, "tab_icons": false,
"todo_hide_feedback": false, "todo_hide_feedback": false,
"todo_full_height": false,
"device_dark": false, "device_dark": false,
"cumulative_gpa": { "name": "Cumulative GPA", "hidden": false, "weight": "dnc", "credits": 999, "gr": 3.21 }, "cumulative_gpa": { "name": "Cumulative GPA", "hidden": false, "weight": "dnc", "credits": 999, "gr": 3.21 },
"show_updates": false, // "show_updates": false,
"card_method_date": false, "card_method_date": false,
"card_method_dashboard": true, "card_method_dashboard": true,
"card_limit": 25, "card_limit": 25,
"scheduledReminder": false, // "scheduledReminder": false,
"scheduledReminderTime": { "hour": "09", "minute": "00" }, // "scheduledReminderTime": { "hour": "09", "minute": "00" },
"imageSize": 100, "imageSize": 100,
"cardRoundness": 5, "cardRoundness": 5,
"cardSpacing": 0, "cardSpacing": 0,
@ -196,14 +200,14 @@ function setupAutoDarkInput(initial, time) {
}); });
} }
function setupScheduledReminderInput(initial) { // function setupScheduledReminderInput(initial) {
let el = document.querySelector('#scheduledReminderTime'); // let el = document.querySelector('#scheduledReminderTime');
el.value = initial.hour + ":" + initial.minute; // el.value = initial.hour + ":" + initial.minute;
el.addEventListener('change', function () { // el.addEventListener('change', function () {
let timeinput = { "hour": this.value.split(':')[0], "minute": this.value.split(':')[1] }; // let timeinput = { "hour": this.value.split(':')[0], "minute": this.value.split(':')[1] };
chrome.storage.sync.set({ scheduledReminderTime: timeinput }); // chrome.storage.sync.set({ scheduledReminderTime: timeinput });
}); // });
} // }
function setupCardLimitSlider(initial) { function setupCardLimitSlider(initial) {
let el = document.querySelector("#card_limit"); let el = document.querySelector("#card_limit");
@ -282,20 +286,22 @@ function setup() {
"browser_show_likes", "browser_show_likes",
"gpa_calc_weighted", "gpa_calc_weighted",
"gpa_calc_cumulative", "gpa_calc_cumulative",
/*'card_method_date',*/ "show_updates", // /*'card_method_date',*/ "show_updates",
"todo_hide_feedback", "todo_hide_feedback",
"todo_full_height",
"device_dark", "device_dark",
"relative_dues", "relative_dues",
"card_overdues", "card_overdues",
"todo_overdues", // "todo_overdues",
"gpa_calc_prepend", "gpa_calc_prepend",
"auto_dark", "auto_dark",
"assignment_date_format", "assignment_date_format",
"todo_hr24", "todo_hr24",
"todo_separate_scrollbar",
"grade_hover", "grade_hover",
"hide_completed", // "hide_completed",
"hover_preview", "hover_preview",
"scheduledReminder", // "scheduledReminder",
"customCardStyles", "customCardStyles",
], ],
tabs: { tabs: {
@ -357,10 +363,10 @@ function setup() {
identifier: "custom_styles", identifier: "custom_styles",
setup: (initial) => setupCustomStyle(initial), setup: (initial) => setupCustomStyle(initial),
}, },
{ // {
identifier: "scheduledReminderTime", // identifier: "scheduledReminderTime",
setup: (initial) => setupScheduledReminderInput(initial), // setup: (initial) => setupScheduledReminderInput(initial),
}, // },
{ {
identifier: "imageSize", identifier: "imageSize",
setup: (initial) => setupImageSizeInput(initial), setup: (initial) => setupImageSizeInput(initial),
@ -410,7 +416,9 @@ function setup() {
chrome.storage.sync.get(menu.checkboxes, sync => { chrome.storage.sync.get(menu.checkboxes, sync => {
menu.checkboxes.forEach(option => { menu.checkboxes.forEach(option => {
document.querySelector("#" + option).addEventListener("change", function (e) { const checkbox = document.querySelector("#" + option);
if (!checkbox) {console.log(option); return;}
checkbox.addEventListener("change", function (e) {
let status = this.checked; let status = this.checked;
chrome.storage.sync.set(JSON.parse(`{"${option}": ${status}}`)); chrome.storage.sync.set(JSON.parse(`{"${option}": ${status}}`));
}); });