+
+
+ Throughout the Extension Popup, you will find Subject Tiles that can open a Subject Details Popup. Depending on which mouse button you use when clicking on it, you will open the details popup on different places. Feel free to try it on the Subject Tile bellow.
+
+ 
+ Shortcut keys available to use on the Subject Details Popup. These will collide with any existing shortcut within the web page you are visiting.
+
+ X
+
+ O
+
+ L
+
+ F
+
+ B
+
+ Y
+
+ U
+
+ I
+
+ C
+
+ S
+
+ T
+
+ ⬅
+
+ ➡
+ During the process of fetching data from Wanikani servers or updating the extension, it is possible for some data from the subjects to get lost. If this ever becomes noticeable - maybe wrong highlighting, or the subject details popup doesn't load - you can Clear Subjects Data at the bottom of the Settings Page. This will trigger a fresh fetch of all data from Wanikani and hopefully fix any unwanted error.
+
+
diff --git a/popup/scripts/home.js b/popup/scripts/home.js
index fe4685f..079d95e 100644
--- a/popup/scripts/home.js
+++ b/popup/scripts/home.js
@@ -173,11 +173,22 @@ const updateHomeInterface = async (result) => {
document.querySelector("#progress_legend")?.remove();
}
-chrome.storage.local.get(["apiKey", "rating", ...HOME_FETCH_KEYS], result => {
+chrome.storage.local.get(["apiKey", "rating", "help_button", ...HOME_FETCH_KEYS], result => {
const settings = result["settings"] ? result["settings"] : defaultSettings;
if (popupLoading) popupLoading.remove();
+ // help button visibility
+ const helpButton = document.querySelector(".help-button");
+ const help = result["help_button"];
+ console.log(result, helpButton, help);
+ if (helpButton && help == false)
+ helpButton.remove();
+ helpButton.addEventListener("click", () => {
+ chrome.storage.local.set({"help_button": false});
+ });
+
+ // rating section visibility
const rateStars = document.querySelector(".rate-stars");
const rating = result["rating"] || {};
if (rateStars && rating) {
@@ -202,7 +213,7 @@ const kanjiListUpdate = (learned, notLearned, kanjiAssoc) => {
highlightList.create();
const itemCallback = (elem, value) => {
- elem.classList.add("kanjiDetails");
+ elem.classList.add("subject-tile", "kanjiDetails");
if (kanjiAssoc && kanjiAssoc[value])
elem.setAttribute("data-item-id", kanjiAssoc[value]);
}
diff --git a/popup/scripts/profile.js b/popup/scripts/profile.js
index 9c9cca4..702df95 100644
--- a/popup/scripts/profile.js
+++ b/popup/scripts/profile.js
@@ -11,6 +11,7 @@ chrome.storage.local.get(["apiKey", "userInfo", "settings", LEVELS_STATS.storage
const apiKey = result["apiKey"];
settings = result["settings"];
menuSettings = settings && settings["profile_menus"] ? settings["profile_menus"] : defaultSettings["profile_menus"];
+ console.log("Menu settings:", menuSettings);
levelsStats = result[LEVELS_STATS.storage.id];
@@ -222,7 +223,7 @@ const subjectTile = (type, subject) => {
subjectWrapper.classList.add(type+"_back");
subjectWrapper.title = subject["meanings"][0];
subjectWrapper.style.position = "relative";
- subjectWrapper.classList.add("clickable", "kanjiDetails");
+ subjectWrapper.classList.add("subject-tile", "clickable", "kanjiDetails");
subjectWrapper.setAttribute("data-item-id", subject["id"]);
if (subject["readings"]) {
if (subject["readings"][0]["reading"])
@@ -399,10 +400,10 @@ const clearData = () => {
// subjects progress from "All"
document.querySelector(".subject-tab > span").innerText = "";
- // close arrow from "All"
- let closeArrow = document.querySelector(".subject-tab > .menu-icons > div[title='Close']");
- if (closeArrow.querySelector("i").classList.contains("down"))
- closeArrowAction(closeArrow, document.querySelector(".subject-types"));
+ // // close arrow from "All"
+ // let closeArrow = document.querySelector(".subject-tab > .menu-icons > div[title='Close']");
+ // if (closeArrow.querySelector("i").classList.contains("down"))
+ // closeArrowAction(closeArrow, document.querySelector(".subject-types"));
// subjects
Array.from(document.querySelectorAll(".subject-types > div")).forEach(container => {
@@ -411,9 +412,9 @@ const clearData = () => {
// subjects tiles
container.querySelector(".subject-container > ul").innerHTML = "";
// subjects close arrow
- closeArrow = container.querySelector(".menu-icons > div[title='Close']");
- if (closeArrow.querySelector("i").classList.contains("down"))
- closeArrowAction(closeArrow, container.querySelector(".subject-container"));
+ // closeArrow = container.querySelector(".menu-icons > div[title='Close']");
+ // if (closeArrow.querySelector("i").classList.contains("down"))
+ // closeArrowAction(closeArrow, container.querySelector(".subject-container"));
});
}
@@ -428,7 +429,8 @@ document.addEventListener("click", e => {
const title = tab.firstElementChild.innerText;
let key = Object.keys(menuSettings).filter(k => title.toLowerCase().includes(k))[0];
- closeArrowAction(arrow, tab.nextElementSibling, key);
+ const result = closeArrowAction(arrow, tab.nextElementSibling, key);
+ menuSettings[key]["opened"] = result;
// save changes
chrome.storage.local.set({"settings": settings});
@@ -508,7 +510,7 @@ document.addEventListener("click", e => {
}
});
-const closeArrowAction = (arrow, subjectsContainer, key) => {
+const closeArrowAction = (arrow, subjectsContainer) => {
const opened = !subjectsContainer.classList.contains("hidden");
if (subjectsContainer) {
if (opened) {
@@ -520,9 +522,8 @@ const closeArrowAction = (arrow, subjectsContainer, key) => {
subjectsContainer.classList.remove("hidden");
}
- if (key)
- menuSettings[key]["opened"] = !opened;
- }
+ return !opened;
+ }
}
document.addEventListener("input", e => {
@@ -555,21 +556,20 @@ const applyChanges = () => {
const tab = Array.from(document.querySelectorAll(".subject-tab")).filter(tab => tab.firstElementChild.innerText.toLowerCase().includes(type))[0];
if (tab) {
Object.keys(menuSettings[type]).forEach(key => {
+ const title = type.charAt(0).toUpperCase()+type.slice(1);
if (key === "opened") {
if (menuSettings[type][key] == false) {
const closeArrow = tab.querySelector("div[title='Close']");
- closeArrow.click();
+ closeArrowAction(closeArrow, tab.nextElementSibling, type);
}
}
else {
Object.keys(menuSettings[type][key]).forEach(property => {
if (menuSettings[type][key][property] !== defaultSettings["profile_menus"][type][key][property]) {
- const title = type.charAt(0).toUpperCase()+type.slice(1);
let keys = [Object.keys(menuSettings).filter(k => title.toLowerCase().includes(k))[0]];
- if (title === "All")
- keys = Object.keys(menuSettings);
- menuActions(tab, title, key.charAt(0).toUpperCase()+key.slice(1), property, keys, menuSettings[type][key][property]);
+ if (title !== "All")
+ menuActions(tab, title, key.charAt(0).toUpperCase()+key.slice(1), property, keys, menuSettings[type][key][property]);
}
});
}
@@ -629,6 +629,10 @@ const menuActions = (tab, subjectsType, menuTitle, property, keys, value) => {
reviewsInfo(subjects, value);
keys.forEach(key => menuSettings[key]["menu"]["reviews_info"] = value);
break;
+ case "disabled_subjects":
+ disabledSubjects(subjects, value);
+ keys.forEach(key => menuSettings[key]["menu"]["disabled_subjects"] = value);
+ break;
}
break;
}
@@ -695,6 +699,9 @@ const menuMenu = (wrapper, defaults) => {
// show reviews info
wrapper.appendChild(checkbox("Reviews info", defaults["reviews_info"]));
+
+ // show disabled subjects
+ wrapper.appendChild(checkbox("Disabled subjects", defaults["disabled_subjects"]));
}
const colorings = (subjects, type) => {
@@ -767,6 +774,15 @@ const reviewsInfo = (subjects, checked) => {
}
}
+const disabledSubjects = (subjects, checked) => {
+ Array.from(subjects).filter(elem => elem.dataset.hidden_at).forEach(subject => {
+ if (checked)
+ subject.style.removeProperty("display");
+ else
+ subject.style.display = "none";
+ });
+}
+
// FILTERS MENU
const filterMenu = (wrapper, defaults) => {
@@ -783,7 +799,7 @@ const filters = (subjects, srs, state) => {
if (srs !== "None") {
Array.from(subjects).forEach(elem => {
- const srsChecker = srs !== "None" && (elem.getAttribute("data-srs") == "-1" && srs !== "Locked" || elem.getAttribute("data-srs") !== "-1" && srs !== srsStages[elem.getAttribute("data-srs")]["name"]);
+ const srsChecker = srs !== "None" && (elem.getAttribute("data-srs") == "-1" && srs !== "Locked" || elem.getAttribute("data-srs") !== "-1" && srs !== srsStages[elem.getAttribute("data-srs")]?.name);
if (srsChecker)
elem.classList.add("hidden");
});
@@ -791,7 +807,7 @@ const filters = (subjects, srs, state) => {
if (state !== "None") {
Array.from(subjects).forEach(elem => {
- const stateChecker = state !== "None" && (state !== (elem.getElementsByClassName("passed-subject-check").length > 0 ? "Passed" : "Not Passed"));
+ const stateChecker = state !== "None" && (state !== (elem?.dataset.passed_at ? "Passed" : "Not Passed"));
if (stateChecker)
elem.classList.add("hidden");
});
diff --git a/popup/scripts/reviews-history.js b/popup/scripts/reviews-history.js
index 5cec616..5102f4a 100644
--- a/popup/scripts/reviews-history.js
+++ b/popup/scripts/reviews-history.js
@@ -37,9 +37,9 @@ chrome.storage.local.get(["assignments_history"], result => {
${updatedAtPretty} ago
+