This is not for requesting a theme. I don't create themes by request.
-
Your submission will include your current thematic settings, such as your card images, dark mode, and font.
-
Make sure your theme follows these guidelines:
-
-
Appropriate images/title
-
Does not heavily use components from other themes
-
Uses a unique custom dark mode (not one of the presets)
-
Custom images cannot be from Discord or Gmail. These images are not public
-
-
-
-
-
-
-
-
-
-
Theme browser settings
-
-
- Always show like count
-
-
-
-
-
-
Themes
-
-
-
-
-
Submit your theme
-
Show
-
-
Do you want to submit your theme for others to use?
-
-
-
-
-
-
-
-
-
-
-
-
-
Title
-
-
Try to keep this short and relevant so people can search for it.
-
-
-
Created by
-
-
This can be anything including your name, social media handle, anonymous etc.
-
-
-
-
Preview
-
-
-
-
-
-
-
-
-
-
Showing your latest 3 submissions
-
-
-
-
-
-
-
User made themes
-
-
-
-
-
-
-
-
-
Popular
-
Trending
-
Liked
-
New
-
Old
-
ABC
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Revert theme changes
-
-
-
-
This will revert customizations back to when you first installed the extension.
-
-
-
-
-
My saved themes
-
-
-
-
-
-
- Export Settings
-
-
-
-
-
-
-
-
-
- Dark mode
-
-
-
- Dark mode schedule
-
-
-
- Card images
-
-
-
- Card colors
-
-
-
- Card styles
-
-
-
- Custom font
-
-
-
- On/off toggles
-
-
-
- Todo list
-
-
-
- GPA settings
-
-
-
- Custom CSS
-
-
-
- Background & opacity
-
-
-
-
-
-
-
-
-
-
-
Import
-
Copy and paste exported themes here:
-
-
-
-
-
-
-
-
-
-
-
Edit dark mode
-
-
-
-
-
-
Presets
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Sidebar Text
-
-
-
-
-
-
Sidebar
-
-
-
- Solid
-
-
- Gradient
-
-
- Image
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Background Main
-
-
-
-
-
-
-
Background Alt
-
-
-
-
-
-
-
Background Other
-
-
-
-
-
-
-
Borders
-
-
-
-
-
-
-
Links
-
-
-
-
-
-
-
Text Main
-
-
-
-
-
-
-
Text Other
-
-
-
-
-
-
-
-
Text Alt
-
-
-
-
-
-
-
-
-
Custom styles
-
You can use this area to write custom CSS styles. You may need to add an !important rule to force them to take effect.
-
-
-
-
Dark mode fixer (beta)
-
-
- This will try to fix any dark mode gaps on the current page.
-
-
-
The fixer is automatically running on these pages:
-
-
-
-
-
-
-
-
-
-
-
Card Customization
-
-
-
-
Click the eye on a course to hide or show its card. Enter "none" to hide images and links. You may need to refresh the page to see some changes.
-
-
-
-
-
-
-
-
-
-
-
-
Card Grid
-
-
-
-
-
-
-
-
-
- Horizontal
-
-
-
- Vertical
-
-
-
- Column spacing
-
- px
-
-
- Row spacing
-
- px
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Missing cards?
-
-
- Get Active Cards From Dashboard
-
-
-
-
-
More Card Styles
-
-
-
-
-
-
-
-
-
-
-
- Image Size
-
- px
-
-
-
-
- Card Roundness
-
- px
-
-
-
-
- Image Roundness
-
- px
-
-
-
-
- Extra Card Spacing
-
- px
-
-
-
-
- Card Width
-
- px
-
-
-
-
- Card Height
-
- px
-
-
-
-
- Card Padding
-
- px
-
-
-
-
-
-
-
Disable High Contrast UI if your colors become duller after refreshing! On the sidebar, if you click on your profile icon you can turn it off there.
-
-
-
Popular Palettes
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Single color
-
Choose a color to set all cards to that color:
-
-
-
-
-
-
-
-
-
-
Gradient
-
Choose 2 colors to create a gradient between them:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Widgets
-
-
-
-
-
Widget order
-
-
Top
-
-
-
-
Before cards
-
-
-
-
After cards
-
-
-
-
Bottom
-
-
-
-
-
-
Top / Bottom height
-
-
-
- px
-
-
-
-
-
-
-
-
-
-
-
Dashboard Notes
-
-
-
-
-
-
-
-
-
- px
-
-
-
-
-
-
-
-
-
-
-
- GPA calculator
-
-
-
-
-
-
-
-
-
- px
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Focus Timer
-
-
-
-
-
-
-
-
-
- px
-
-
- Button 1
-
-
- :
-
- :
-
-
-
-
- Button 2
-
-
- :
-
- :
-
-
-
-
- Button 3
-
-
- :
-
- :
-
-
-
-
-
-
-
-
-
-
-
-
-
Breathing Breaks
-
-
-
-
-
-
-
-
-
- px
-
-
- Button 1
-
-
- :
-
-
-
-
- Button 2
-
-
- :
-
-
-
-
- Button 3
-
-
- :
-
-
-
-
-
-
-
-
-
-
-
-
-
Daily Quotes
-
-
-
-
-
-
-
-
-
- px
-
-
-
-
-
-
-
-
-
-
-
Styles
-
-
-
-
-
- Dashboard Font
-
-
-
-
-
-
-
-
-
-
-
Custom Fonts
-
You can use a custom font from Google fonts here. Make sure to enter only the bold part after "?family="
-
-
-
-
-
Custom Background
-
Pick a preset or use your own image url.
-
-
-
-
- Image scale
- 100%
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Opacity & Blur
-
Only available with a custom background.
-
-
- Background opacity
-
-
- 65%
-
-
-
-
-
-
- Background blur
-
-
- 8px
-
-
-
-
-
-
- Sidebar opacity
-
-
- 100%
-
-
-
-
-
-
- Sidebar blur
-
-
- 0px
-
-
-
-
-
-
- Card opacity
-
-
- 80%
-
-
-
-
-
-
- Card blur
-
-
- 8px
-
-
-
-
-
-
-
-
-
-
-
-
Report issue
-
-
-
-
Please join the discord server or create a Github issue for any issues, feedback, or suggestions. Thank you!
-
-
Privacy
-
-
-
-
-
-
-
Hide personal details
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Fake tasks completed:
-
- / 7
-
-
-
-
-
- /
-
- complete
-
-
-
-
-
-
-
-
-
Storage reset
-
-
- This will reset all settings to the default. You will need to refresh the page after.
-
-
-
-
Clear planner cache
-
-
- This deletes the cached to-do list data (assignments, announcements, reminders) so it is re-fetched fresh from Canvas. Open Canvas tabs update automatically.
-
-
-
-
Storage usage
-
- Settings (sync): …
- Planner cache: …
- Other local data: …
- Local quota: …
-
-
-
-
Storage Dump
-
-
-
- This will retrieve all the settings saved by the extension.
-
-
-
-
-
-
Dark mode inspector
-
-
- This will inspect the page for any dark mode gaps.
-
-
-
-
-
-
-
Card limit
-
-
-
-
-
-
This is an experimental feature. Adjusting this number will reset your cards and could cause storage issues.
Quiz Safe Mode
+
+
+ Turns off most Canvas Refined features on quiz pages so you get the default Canvas quiz experience.
+
+
+
+
+
+
+
+
+
Global Canvas Search
+
+
+
+
+
+
+
+
Grade Analytics
+
+
+ Adds tools to help you analyze your grades.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Your Canvas URLs:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Better Todo List
+
+
+
+
+
+
+
+
+
+
+
+
+ From
+
+ days ago
+
+
+ To
+
+ days from now
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Max items to show:
+
+
+
+
+
+ More options
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Celebration
+
+
+ Celebration type
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Better Sidebar
+
+
+
+
+
+
+
+
+
+ Remove sidebar logo
+
+
+
+
+
+
+ Sidebar scale: %
+
+
+
+
+
+
+
+
+
+
+
+
+ Center Cards
+
+
+
+
+
+
+
+
+ Gradient cards
+
+
+
+
+
+
+
+
Condensed Cards
+
+
+
+
+
+
+
+
Disable Color Overlay
+
+
+
+
+
+
+
+
+ Full Width Fix
+
+
+
+
+
+
+
+
Color coded tab icons
+
+
+
+
+
+
+
+
Hide New Dashboard
+
+
+
+
+
+
+
+
Hide Next/Previous Buttons
+
+
+
+
+
+
+
+
+
+
+
+
Submission confirmation
+
This is not for requesting a theme. I don't create themes by request.
+
Your submission will include your current thematic settings, such as your card images, dark mode, and font.
+
Make sure your theme follows these guidelines:
+
+
Appropriate images/title
+
Does not heavily use components from other themes
+
Uses a unique custom dark mode (not one of the presets)
+
Custom images cannot be from Discord or Gmail. These images are not public
+
+
+
+
+
+
+
+
+
+
Theme browser settings
+
+
+ Always show like count
+
+
+
+
+
+
Themes
+
+
+
+
+
Submit your theme
+
Show
+
+
Do you want to submit your theme for others to use?
+
+
+
+
+
+
+
+
+
+
+
+
+
Title
+
+
Try to keep this short and relevant so people can search for it.
+
+
+
Created by
+
+
This can be anything including your name, social media handle, anonymous etc.
+
+
+
+
Preview
+
+
+
+
+
+
+
+
+
+
Showing your latest 3 submissions
+
+
+
+
+
+
+
User made themes
+
+
+
+
+
+
+
+
+
Popular
+
Trending
+
Liked
+
New
+
Old
+
ABC
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Revert theme changes
+
+
+
+
This will revert customizations back to when you first installed the extension.
+
+
+
+
+
My saved themes
+
+
+
+
+
+
+ Export Settings
+
+
+
+
+
+
+
+
+
+ Dark mode
+
+
+
+ Dark mode schedule
+
+
+
+ Card images
+
+
+
+ Card colors
+
+
+
+ Card styles
+
+
+
+ Custom font
+
+
+
+ On/off toggles
+
+
+
+ Todo list
+
+
+
+ GPA settings
+
+
+
+ Custom CSS
+
+
+
+ Background & opacity
+
+
+
+
+
+
+
+
+
+
+
Import
+
Copy and paste exported themes here:
+
+
+
+
+
+
+
+
+
+
+
Edit dark mode
+
+
+
+
+
+
Presets
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Sidebar Text
+
+
+
+
+
+
Sidebar
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Background Main
+
+
+
+
+
+
+
Background Alt
+
+
+
+
+
+
+
Background Other
+
+
+
+
+
+
+
Borders
+
+
+
+
+
+
+
Links
+
+
+
+
+
+
+
Text Main
+
+
+
+
+
+
+
Text Other
+
+
+
+
+
+
+
+
Text Alt
+
+
+
+
+
+
+
+
+
Custom styles
+
You can use this area to write custom CSS styles. You may need to add an !important rule to force them to take effect.
+
+
+
+
Dark mode fixer (beta)
+
+
+ This will try to fix any dark mode gaps on the current page.
+
+
+
The fixer is automatically running on these pages:
+
+
+
+
+
+
+
+
+
+
+
Card
+
+
+
+
Click the eye on a course to hide or show its card. Enter "none" to hide images and links. You may need to refresh the page to see some changes.
+
+
+
+
+
+
+
+
+
+
+
+
Card Grid
+
+
+
+
+
+
+
+
+
+ Horizontal
+
+
+
+ Vertical
+
+
+
+ Column spacing
+
+ px
+
+
+ Row spacing
+
+ px
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Missing cards?
+
+
+ Get Active Cards From Dashboard
+
+
+
+
+
More Card Styles
+
+
+
+
+
+
+
+
+
+
+
+ Image Size
+
+ px
+
+
+
+
+ Card Roundness
+
+ px
+
+
+
+
+ Image Roundness
+
+ px
+
+
+
+
+ Extra Card Spacing
+
+ px
+
+
+
+
+ Card Width
+
+ px
+
+
+
+
+ Card Height
+
+ px
+
+
+
+
+ Card Padding
+
+ px
+
+
+
+
+
+
+
Disable High Contrast UIif your colors become duller after refreshing! On the sidebar, if you click on your profile icon you can turn it off there.
+
+
+
Popular Palettes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Single color
+
Choose a color to set all cards to that color:
+
+
+
+
+
+
+
+
+
+
Gradient
+
Choose 2 colors to create a gradient between them:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Widgets
+
+
+
+
+
Widget order
+
+
Top
+
+
+
+
Before cards
+
+
+
+
After cards
+
+
+
+
Bottom
+
+
+
+
+
+
Top / Bottom height
+
+
+
+ px
+
+
+
+
+
+
+
+
+
+
+
Dashboard Notes
+
+
+
+
+
+
+
+
+
+ px
+
+
+
+
+
+
+
+
+
+
+
+ GPA calculator
+
+
+
+
+
+
+
+
+
+ px
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Focus Timer
+
+
+
+
+
+
+
+
+
+ px
+
+
+ Button 1
+
+
+ :
+
+ :
+
+
+
+
+ Button 2
+
+
+ :
+
+ :
+
+
+
+
+ Button 3
+
+
+ :
+
+ :
+
+
+
+
+
+
+
+
+
+
+
+
+
Breathing Breaks
+
+
+
+
+
+
+
+
+
+ px
+
+
+ Button 1
+
+
+ :
+
+
+
+
+ Button 2
+
+
+ :
+
+
+
+
+ Button 3
+
+
+ :
+
+
+
+
+
+
+
+
+
+
+
+
+
Daily Quotes
+
+
+
+
+
+
+
+
+
+ px
+
+
+
+
+
+
+
+
+
+
+
Styles
+
+
+
+
+
+ Dashboard Font
+
+
+
+
+
+
+
+
+
+
+
Custom Fonts
+
You can use a custom font from Google fonts here. Make sure to enter only the bold part after "?family="
+
+
+
+
+
Custom Background
+
Pick a preset or use your own image url.
+
+
+
+
+ Image scale
+ 100%
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Opacity & Blur
+
Only available with a custom background.
+
+
+ Background opacity
+
+
+ 65%
+
+
+
+
+
+
+ Background blur
+
+
+ 8px
+
+
+
+
+
+
+ Sidebar opacity
+
+
+ 100%
+
+
+
+
+
+
+ Sidebar blur
+
+
+ 0px
+
+
+
+
+
+
+ Card opacity
+
+
+ 80%
+
+
+
+
+
+
+ Card blur
+
+
+ 8px
+
+
+
+
+
+
+
+
+
+
+
+
Report issue
+
+
+
+
Please join the discord server or create a Github issue for any issues, feedback, or suggestions. Thank you!
+
+
Privacy
+
+
+
+
+
+
+
Hide personal details
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Fake tasks completed:
+
+ / 7
+
+
+
+
+
+ /
+
+ complete
+
+
+
+
+
+
+
+
+
Storage reset
+
+
+ This will reset all settings to the default. You will need to refresh the page after.
+
+
+
+
Clear planner cache
+
+
+ This deletes the cached to-do list data (assignments, announcements, reminders) so it is re-fetched fresh from Canvas. Open Canvas tabs update automatically.
+
+
+
+
Storage usage
+
+ Settings (sync):…
+ Planner cache:…
+ Other local data:…
+ Local quota:…
+
+
+
+
Storage Dump
+
+
+
+ This will retrieve all the settings saved by the extension.
+
+
+
+
+
+
Dark mode inspector
+
+
+ This will inspect the page for any dark mode gaps.
+
+
+
+
+
+
+
Card limit
+
+
+
+
+
+
This is an experimental feature.Adjusting this number will reset your cards and could cause storage issues.
+
+
+
+
+
+
+
Error log
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/js/content.js b/js/content.js
index 4a9ede8..643a4b5 100644
--- a/js/content.js
+++ b/js/content.js
@@ -1,6 +1,54 @@
const domain = window.location.origin;
let current_page = window.location.pathname;
+// --- i18n override: language toggle from popup ---
+const LANGUAGE_STORAGE_KEY = "selected_locale";
+let overrideMessages = null;
+let languageReady = null;
+async function loadLanguageOverride() {
+ try {
+ const stored = await chrome.storage.local.get(LANGUAGE_STORAGE_KEY);
+ const locale = stored[LANGUAGE_STORAGE_KEY];
+ if (!locale || locale === "auto") { overrideMessages = null; return; }
+ const url = chrome.runtime.getURL(`_locales/${locale}/messages.json`);
+ const res = await fetch(url);
+ if (!res.ok) throw new Error("fetch failed");
+ overrideMessages = await res.json();
+ } catch (e) {
+ overrideMessages = null;
+ }
+}
+languageReady = loadLanguageOverride();
+chrome.storage.onChanged.addListener((changes, area) => {
+ if (area === "local" && changes[LANGUAGE_STORAGE_KEY]) {
+ loadLanguageOverride().then(() => {
+ // re-apply to already-injected UI
+ const backBtn = document.getElementById("canvasrefined-assignment-return");
+ if (backBtn) backBtn.textContent = getMsg("back_to_assignment", "Back to Assignment");
+ const gradesBtn = document.getElementById("canvasrefined-assignment-grades");
+ if (gradesBtn) gradesBtn.textContent = getMsg("go_to_grades", "Go to Grades");
+ const logoutBtn = document.getElementById("canvasrefined-profile-logout");
+ if (logoutBtn) logoutBtn.textContent = getMsg("logout", "Logout");
+ // Search and quiz elements are re-created on demand; new injections will use new language
+ });
+ }
+});
+function getMsg(key, fallback) {
+ if (overrideMessages && overrideMessages[key] && overrideMessages[key].message) {
+ return overrideMessages[key].message;
+ }
+ const orig = chrome.i18n._origGetMessage || chrome.i18n.getMessage.bind(chrome.i18n);
+ const m = orig(key);
+ if (m) return m;
+ return fallback !== undefined ? fallback : "";
+}
+// monkey-patch chrome.i18n so all existing chrome.i18n.getMessage calls respect toggle
+if (!chrome.i18n._origGetMessage) {
+ chrome.i18n._origGetMessage = chrome.i18n.getMessage.bind(chrome.i18n);
+ chrome.i18n.getMessage = (key) => getMsg(key) || chrome.i18n._origGetMessage(key) || "";
+}
+
+
// Canvas' New UI navigates via pushState; without this hook current_page goes stale.
function setupNavigationListener() {
const update = () => {
@@ -152,7 +200,7 @@ function addSubmissionPageButton() {
id: "canvasrefined-assignment-return",
className: "canvasrefined-custom-btn",
href: assignmentLink,
- textContent: "Back to Assignment",
+ textContent: chrome.i18n.getMessage("back_to_assignment") || "Back to Assignment",
style: "display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:auto;margin-right:12px;padding:6px 12px;text-decoration:none;font-weight:700;color:inherit!important;",
});
if (gradeSummary && gradeSummary.parentNode === row) {
@@ -175,7 +223,7 @@ function addAssignmentPageButton() {
id: "canvasrefined-assignment-grades",
className: "canvasrefined-custom-btn",
href: link,
- textContent: "Go to Grades",
+ textContent: chrome.i18n.getMessage("go_to_grades") || "Go to Grades",
style: "display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;padding:6px 12px;text-decoration:none;font-weight:700;font-size:16px;color:inherit!important;white-space:nowrap;",
});
}
@@ -189,7 +237,7 @@ function addProfileLogoutPageButton() {
id: "canvasrefined-profile-logout",
className: "canvasrefined-custom-btn",
href: `${domain}/logout`,
- textContent: "Logout",
+ textContent: chrome.i18n.getMessage("logout") || "Logout",
style: "display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin:0 0 12px 0;padding:10px 14px;text-decoration:none;font-weight:700;",
}, true);
}
@@ -466,9 +514,9 @@ function createNasaInfoOverlay() {
const meta = metadata[metadataKey];
if (!meta) return false;
document.getElementById("nasa-info-title").textContent = meta.title || "";
- document.getElementById("nasa-info-date").textContent = `Date: ${meta.date}`;
- document.getElementById("nasa-info-credit").textContent = meta.copyright ? `Credit: ${meta.copyright}` : "";
- document.getElementById("nasa-info-explanation").textContent = meta.explanation || "No description available.";
+ document.getElementById("nasa-info-date").textContent = (chrome.i18n.getMessage("nasa_date") || "Date: $DATE$").replace("$DATE$", meta.date);
+ document.getElementById("nasa-info-credit").textContent = meta.copyright ? (chrome.i18n.getMessage("nasa_credit") || "Credit: $CREDIT$").replace("$CREDIT$", meta.copyright) : "";
+ document.getElementById("nasa-info-explanation").textContent = meta.explanation || chrome.i18n.getMessage("no_description") || "No description available.";
return true;
}
return false;
@@ -607,7 +655,7 @@ function createReminder(reminder, location) {
const svg = makeElement("div", container, { "innerHTML": canvas_svg });
const content = makeElement("a", container, { "className": "canvasrefined-reminder-content", "href": reminder.h, "target": "_blank" });
const title = makeElement("h2", content, { "className": "canvasrefined-reminder-title", "textContent": reminder.t });
- const due = makeElement("p", content, { "className": "canvasrefined-reminder-due", "textContent": `Assignment due in ${remaining.time}` });
+ const due = makeElement("p", content, { "className": "canvasrefined-reminder-due", "textContent": (chrome.i18n.getMessage("assignment_due_in") || "Assignment due in $TIME$").replace("$TIME$", remaining.time) });
const hidebtn = makeElement("btn", wrapper, { "className": "canvasrefined-reminder-hide", "textContent": "x" });
hidebtn.addEventListener("click", () => {
hideReminder(reminder.h);
@@ -664,8 +712,8 @@ function showExampleReminder() {
return;
}
location.textContent = "";
- const example = createReminder({ "d": new Date(), "t": "This is an example reminder", }, location);
- example.querySelector(".canvasrefined-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."*/;
+ const example = createReminder({ "d": new Date(), "t": chrome.i18n.getMessage("example_reminder_title") || "This is an example reminder", }, location);
+ example.querySelector(".canvasrefined-reminder-due").textContent = chrome.i18n.getMessage("example_reminder_desc") || "This notification will pop up in other pages to remind you of incomplete assignments that are due in less than 6 hours.";
}
@@ -769,11 +817,17 @@ function showCanvasPrompt(courses) {
// modal with a backdrop so the ask can't be missed
const backdrop = makeElement("div", document.body, { "id": "canvasrefined-domain-prompt-backdrop" });
const prompt = makeElement("div", backdrop, { "id": "canvasrefined-domain-prompt" });
- makeElement("h3", prompt, { "textContent": "New Canvas detected" });
+ makeElement("h3", prompt, { "textContent": chrome.i18n.getMessage("new_canvas_detected") || "New Canvas detected" });
const text = makeElement("p", prompt, {});
- text.append("Canvas Refined detected a Canvas page at ");
- makeElement("span", text, { "className": "canvasrefined-domain-host", "textContent": host });
- text.append(". Add it to your canvas list?");
+ const canvasDesc = (chrome.i18n.getMessage("new_canvas_desc") || "Canvas Refined detected a Canvas page at $HOST$. Add it to your canvas list?").replace("$HOST$", host);
+ const parts = canvasDesc.split(host);
+ if (parts.length === 2) {
+ text.append(parts[0]);
+ makeElement("span", text, { "className": "canvasrefined-domain-host", "textContent": host });
+ text.append(parts[1]);
+ } else {
+ text.append(canvasDesc);
+ }
const actions = makeElement("div", prompt, { "className": "canvasrefined-domain-prompt-actions" });
const yes = makeElement("button", actions, { "textContent": chrome.i18n.getMessage("add_to_list") || "Add to list", "className": "canvasrefined-domain-yes" });
const no = makeElement("button", actions, { "textContent": chrome.i18n.getMessage("no_thanks") || "No thanks", "className": "canvasrefined-domain-no" });
@@ -2316,7 +2370,7 @@ function renderProgressRingsMode(wrapper, shown, totalAll, completedAll, percent
wrapper.appendChild(overlay);
}
overlay.querySelector('.canvasrefined-progress-percent').textContent = `${percent}%`;
- overlay.querySelector('.canvasrefined-progress-count').textContent = `${completedAll}/${totalAll} done`;
+ overlay.querySelector('.canvasrefined-progress-count').textContent = (chrome.i18n.getMessage("progress_done") || "$DONE$/$TOTAL$ done").replace("$DONE$", completedAll).replace("$TOTAL$", totalAll);
const stroke = 8;
const gap = 4;
@@ -2546,7 +2600,7 @@ function renderProgressRainbow(wrapper, shown, totalAll, completedAll, percent)
overlay.style.transform = `translateY(${nudge}px)`;
}
overlay.querySelector('.canvasrefined-progress-percent').textContent = `${percent}%`;
- overlay.querySelector('.canvasrefined-progress-count').textContent = `${completedAll}/${totalAll} done`;
+ overlay.querySelector('.canvasrefined-progress-count').textContent = (chrome.i18n.getMessage("progress_done") || "$DONE$/$TOTAL$ done").replace("$DONE$", completedAll).replace("$TOTAL$", totalAll);
const bowlRadius = Math.max(0, innerRadius - stroke / 2 - 2);
fitProgressOverlayText(overlay, (hw, hh) => {
@@ -2585,7 +2639,7 @@ function renderProgressLines(wrapper, shown) {
const labelEl = row.querySelector('.cr-pl-label');
labelEl.textContent = courseRingLabel(entry.courseId);
labelEl.style.color = color;
- row.querySelector('.cr-pl-pct').textContent = `${pct}% (${entry.completed}/${entry.total})`;
+ row.querySelector('.cr-pl-pct').textContent = (chrome.i18n.getMessage("progress_pct") || "$PCT$% ($DONE$/$TOTAL$)").replace("$PCT$", pct).replace("$DONE$", entry.completed).replace("$TOTAL$", entry.total);
const track = row.children[1];
track.style.background = `color-mix(in srgb, ${color} 25%, transparent)`;
const fill = row.querySelector('.cr-pl-fill');
@@ -2622,7 +2676,7 @@ function renderProgressOneLine(wrapper, shown, totalAll, completedAll, percent)
head.innerHTML = `Overall`;
box.appendChild(head);
}
- box.querySelector('.cr-ol-pct').textContent = `${percent}% (${completedAll}/${totalAll})`;
+ box.querySelector('.cr-ol-pct').textContent = (chrome.i18n.getMessage("progress_pct") || "$PCT$% ($DONE$/$TOTAL$)").replace("$PCT$", percent).replace("$DONE$", completedAll).replace("$TOTAL$", totalAll);
if (getCurrentCourseId() == null) {
head.style.cursor = betterTodoProgressFilter != null ? 'pointer' : '';
head.onclick = () => {
@@ -2718,7 +2772,7 @@ function renderProgressRings(container, scopedData) {
const empty = document.createElement('div');
empty.className = 'canvasrefined-progress-empty';
empty.style.cssText = 'color:var(--bctext-0);opacity:.7;font-size:12px;padding:6px 0;text-align:center;';
- empty.textContent = bounds ? 'No tasks in this timeframe' : 'No tasks yet';
+ empty.textContent = bounds ? (chrome.i18n.getMessage("no_tasks") || 'No tasks in this timeframe') : (chrome.i18n.getMessage("no_tasks_yet") || 'No tasks yet');
container.appendChild(empty);
return;
}
@@ -2774,16 +2828,16 @@ function buildPlannerNotePayload(form) {
const link = form.querySelector("#better-todo-new-task-link")?.value?.trim() || "";
if (!title) {
- throw new Error("Task title is required.");
+ throw new Error(getMsg("task_title_required", "Task title is required."));
}
if (!dateValue || !timeValue) {
- throw new Error("Please choose both a date and time.");
+ throw new Error(getMsg("task_date_time_required", "Please choose both a date and time."));
}
const localDateTime = new Date(`${dateValue}T${timeValue}:00`);
if (Number.isNaN(localDateTime.getTime())) {
- throw new Error("Invalid task date.");
+ throw new Error(getMsg("task_date_invalid", "Invalid task date."));
}
return {
@@ -2839,7 +2893,7 @@ async function createCanvasPlannerNote(payload) {
},
];
- let lastError = "Canvas rejected task creation.";
+ let lastError = getMsg("canvas_rejected_create", "Canvas rejected task creation.");
for (const attempt of attempts) {
const response = await fetch(domain + "/api/v1/planner_notes", {
method: "POST",
@@ -2862,7 +2916,7 @@ async function createCanvasPlannerNote(payload) {
}
}
- throw new Error(lastError || "Canvas rejected task creation.");
+ throw new Error(lastError || getMsg("canvas_rejected_create", "Canvas rejected task creation."));
}
/* Custom task links: Canvas planner notes have no link field, so store a
@@ -2917,7 +2971,7 @@ function deleteCustomTaskLink(noteId) {
}
async function updateCanvasPlannerNote(id, payload) {
- if (!id) throw new Error("Missing task id.");
+ if (!id) throw new Error(getMsg("missing_task_id", "Missing task id."));
const csrfToken = CSRFtoken();
// FLAT params only: nested under planner_note they are silently ignored and the note
// comes back unchanged. details is always sent (even empty) so it can be cleared.
@@ -2955,7 +3009,7 @@ async function updateCanvasPlannerNote(id, payload) {
},
];
- let lastError = "Canvas rejected task update.";
+ let lastError = getMsg("canvas_rejected_update", "Canvas rejected task update.");
for (const attempt of attempts) {
const response = await fetch(`${domain}/api/v1/planner_notes/${id}`, {
method: "PUT",
@@ -2978,11 +3032,11 @@ async function updateCanvasPlannerNote(id, payload) {
}
}
- throw new Error(lastError || "Canvas rejected task update.");
+ throw new Error(lastError || getMsg("canvas_rejected_update", "Canvas rejected task update."));
}
async function deleteCanvasPlannerNote(id) {
- if (!id) throw new Error("Missing task id.");
+ if (!id) throw new Error(getMsg("missing_task_id", "Missing task id."));
const csrfToken = CSRFtoken();
const response = await fetch(`${domain}/api/v1/planner_notes/${id}`, {
method: "DELETE",
@@ -2997,7 +3051,7 @@ async function deleteCanvasPlannerNote(id) {
return true;
}
- let lastError = "Canvas rejected task deletion.";
+ let lastError = getMsg("canvas_rejected_delete", "Canvas rejected task deletion.");
try {
const errData = await response.json();
if (errData?.errors?.length) lastError = errData.errors.join(" ");
@@ -3043,7 +3097,7 @@ function fillTaskCourseOptions(courseSelect) {
}))
.sort((a, b) => a.label.localeCompare(b.label));
- courseSelect.innerHTML = '';
+ courseSelect.innerHTML = '';
courseSelect.options[0].dataset.color = "#c7cdd1";
entries.forEach(entry => {
const option = makeElement("option", courseSelect, {
@@ -3077,7 +3131,7 @@ function ensureTodoTaskMenu(location, feedbackElement) {
const addTaskButton = makeElement("button", actionsRow, {
id: "better-todo-add-task-btn",
className: "canvasrefined-custom-btn",
- textContent: "+ Add Task",
+ textContent: chrome.i18n.getMessage("add_task") || "+ Add Task",
style: "width:100%;padding:6px 8px;cursor:pointer;",
});
@@ -3088,19 +3142,19 @@ function ensureTodoTaskMenu(location, feedbackElement) {
menu.innerHTML = `
-
-
-
+
+
+
-
+
-
+
@@ -3139,12 +3193,12 @@ function ensureTodoTaskMenu(location, feedbackElement) {
if (editingId) {
await updateCanvasPlannerNote(editingId, payload);
saveCustomTaskLink(editingId, payload.link);
- status.textContent = "Task updated.";
+ status.textContent = chrome.i18n.getMessage("task_updated") || "Task updated.";
} else {
const created = await createCanvasPlannerNote(payload);
const newId = created?.id;
if (newId != null) saveCustomTaskLink(newId, payload.link);
- status.textContent = "Task created.";
+ status.textContent = chrome.i18n.getMessage("task_created") || "Task created.";
}
status.style.color = "#198754";
resetTaskFormToCreate(menu);
@@ -3154,7 +3208,7 @@ function ensureTodoTaskMenu(location, feedbackElement) {
clearTodoList();
createTodoSections(location);
} catch (e) {
- status.textContent = e?.message || "Could not save task.";
+ status.textContent = e?.message || chrome.i18n.getMessage("could_not_save") || "Could not save task.";
status.style.color = "#db3754";
} finally {
submitButton.disabled = false;
@@ -3178,7 +3232,7 @@ function ensureTodoTaskMenu(location, feedbackElement) {
menu.querySelector("#better-todo-add-task-delete").addEventListener("click", async () => {
const editingId = menu.dataset.editingId || null;
if (!editingId) return;
- if (!confirm("Delete this custom task? This cannot be undone.")) return;
+ if (!confirm(chrome.i18n.getMessage("todo_delete_confirm") || "Delete this custom task? This cannot be undone.")) return;
const status = menu.querySelector("#better-todo-add-task-status");
const submitButton = menu.querySelector("#better-todo-add-task-submit");
const deleteButton = menu.querySelector("#better-todo-add-task-delete");
@@ -3194,7 +3248,7 @@ function ensureTodoTaskMenu(location, feedbackElement) {
clearTodoList();
createTodoSections(location);
} catch (e) {
- status.textContent = e?.message || "Could not delete task.";
+ status.textContent = e?.message || chrome.i18n.getMessage("could_not_delete") || "Could not delete task.";
status.style.color = "#db3754";
} finally {
submitButton.disabled = false;
@@ -3230,7 +3284,7 @@ function resetTaskFormToCreate(menu) {
const del = menu.querySelector("#better-todo-add-task-delete");
if (del) del.style.display = "none";
const submit = menu.querySelector("#better-todo-add-task-submit");
- if (submit) submit.textContent = "Create";
+ if (submit) submit.textContent = chrome.i18n.getMessage("create") || "Create";
delete menu.dataset.editingId;
}
@@ -3261,13 +3315,18 @@ function openTaskForEdit(item) {
menu.dataset.editingId = noteId != null ? String(noteId) : "";
const del = menu.querySelector("#better-todo-add-task-delete");
if (del) del.style.display = "";
- menu.querySelector("#better-todo-add-task-submit").textContent = "Save";
+ menu.querySelector("#better-todo-add-task-submit").textContent = chrome.i18n.getMessage("save") || "Save";
const status = menu.querySelector("#better-todo-add-task-status");
if (status) { status.textContent = ""; status.style.color = ""; }
menu.classList.add("canvasrefined-custom-open");
scrollTodoIntoView(menu, true);
}
+function dueGroupLabel(key) {
+ const known = { "New": "group_new", "Seen": "group_seen", "Ungraded": "group_ungraded", "Graded": "group_graded" };
+ return known[key] ? getMsg(known[key], key) : key;
+}
+
async function createTodoSections(location) {
if (!location || !assignments || typeof assignments.then !== "function") return;
// Render-generation guard: capture the counter at call time and bail if a newer render started.
@@ -3277,9 +3336,9 @@ async function createTodoSections(location) {
header.style = "display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--bcbackground-1);padding-bottom:-2px;";
let today = new Date();
today.setHours(0,0,0,0);
- const todayString = today.toLocaleDateString("en-US", { weekday: "long", month: "short", day: "numeric" });
+ const todayString = today.toLocaleDateString(undefined, { weekday: "long", month: "short", day: "numeric" });
header.innerHTML = `
-
Click on Canvas Refined
- 
-