Serraniel/AniwatchPlus
Serraniel/AniwatchPlus
1
0
Fork 0
Code Issues 9 Pull requests 8 Packages Projects Releases 10 Wiki Activity

#109 run script for font color after location change and initial load for already existing badges.

Browse source
This commit is contained in:
Serraniel 2020-11-14 19:34:51 +01:00
parent a33a047de7
commit a94f7b8519
Signed by: Serraniel
GPG key ID: 3690B4E7364525D3
1 changed files with 33 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
src/javascript/enhancements/fontColor.js
View file

@ -7,30 +7,45 @@ const BADGE_CLASS = 'label';
export function init() {
getGlobalConfiguration().getProperty(SETTINGS_websiteOptimizeFontColors, value => {
if (value) {
core.registerScript(node => {
console.log(node);
// run the scripts
if (helper.isHtmlElement(node)) {
if (value) {
core.runAfterLoad(() => {
checkRunColorOptimization(document.documentElement);
}, ".*");
if (node.classList.contains(BADGE_CLASS)) {
optimizeFontColorsBadges(node);
}
else {
node.querySelectorAll(`.${BADGE_CLASS}`).forEach(element => {
optimizeFontColorsBadges(element);
});
}
}
core.runAfterLocationChange(() => {
checkRunColorOptimization(document.documentElement);
}, ".*");
core.registerScript(node => {
checkRunColorOptimization(node);
}, ".*");
}
});
}
function checkRunColorOptimization(node) {
console.log(node);
// run the scripts
if (helper.isHtmlElement(node)) {
if (node.classList.contains(BADGE_CLASS)) {
optimizeFontColorsBadges(node);
}
else {
node.querySelectorAll(`.${BADGE_CLASS}`).forEach(element => {
optimizeFontColorsBadges(element);
});
}
}
}
function optimizeFontColorsBadges(badge) {
let color = window.getComputedStyle(badge, null).getPropertyValue('background-color');
let c = new Color(color)
if (c.isLight()) {
badge.classList.add('awp-fontColor-dark')
let colorStr = window.getComputedStyle(badge, null).getPropertyValue('background-color');
if (colorStr.length > 0) { // some elements do not have a computed background color
let color = new Color(colorStr)
if (color.isLight()) {
badge.classList.add('awp-fontColor-dark')
}
}
}