ZenBrowserMirrors/components
1
0
Fork 0
mirror of https://github.com/zen-browser/components.git synced 2025-07-08 15:09:59 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Refactor ZenGradientGenerator class to use constructor instead of init method

Browse source
This commit is contained in:
mr. M 2024-10-26 22:19:50 +02:00
parent 9e7b399089
commit 89d29e664d
No known key found for this signature in database
GPG key ID: CBD57A2AEDBDA1FB
2 changed files with 31 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/ZenGradientGenerator.mjs
View file

@ -10,7 +10,8 @@
numberOfDots = 0;
init() {
constructor() {
super();
if (!Services.prefs.getBoolPref('zen.theme.gradient', true) || !ZenWorkspaces.shouldHaveWorkspaces) {
return;
}
@ -18,13 +19,15 @@
ChromeUtils.defineLazyGetter(this, 'panel', () => document.getElementById('PanelUI-zen-gradient-generator'));
ChromeUtils.defineLazyGetter(this, 'toolbox', () => document.getElementById('TabsToolbar'));
ChromeUtils.defineLazyGetter(this, 'customColorInput', () => document.getElementById('PanelUI-zen-gradient-generator-custom-input'));
ChromeUtils.defineLazyGetter(this, 'customColorList', () => document.getElementById('PanelUI-zen-gradient-generator-custom-list'));
ChromeUtils.defineLazyGetter(this, 'customColorList', () => document.getElementById('PanelUI-zen-gradient-generator-custom-list'));
this.initRotation();
this.initCanvas();
ZenWorkspaces.addChangeListeners(this.onWorkspaceChange.bind(this));
window.matchMedia('(prefers-color-scheme: dark)').addListener(this.onDarkModeChange.bind(this));
this._hasInitialized = true;
this.onDarkModeChange(null, true);
}
get isDarkMode() {
@ -364,14 +367,20 @@
async onWorkspaceChange(workspace, skipUpdate = false, theme = null) {
const uuid = workspace.uuid;
// Use theme from workspace object or passed theme
const workspaceTheme = theme || workspace.theme;
let workspaceTheme = theme || workspace.theme;
await this.foreachWindowAsActive(async (browser) => {
// Do not rebuild if the workspace is not the same as the current one
const windowWorkspace = await browser.ZenWorkspaces.getActiveWorkspace();
if (windowWorkspace.uuid !== uuid) {
if (!browser.gZenThemePicker._hasInitialized) {
return;
}
// Do not rebuild if the workspace is not the same as the current one
const windowWorkspace = await browser.ZenWorkspaces.getActiveWorkspace();
if (windowWorkspace.uuid !== uuid && theme !== null) {
return;
}
// get the theme from the window
workspaceTheme = theme || windowWorkspace.theme;
const appWrapper = browser.document.getElementById('zen-main-app-wrapper');
if (!skipUpdate) {
@ -383,11 +392,11 @@
browser.window.requestAnimationFrame(() => {
setTimeout(() => {
appWrapper.removeAttribute('animating');
}, 600);
}, 500);
});
}
browser.gZenThemePicker.customColorList.innerHTML = '';
browser.gZenThemePicker.resetCustomColorList();
if (!workspaceTheme || workspaceTheme.type !== 'gradient') {
browser.document.body.style.removeProperty('--zen-main-browser-background');
browser.gZenThemePicker.updateNoise(0);
@ -425,6 +434,10 @@
});
}
resetCustomColorList() {
this.customColorList.innerHTML = '';
}
removeCustomColor(event) {
const target = event.target.closest('.zen-theme-picker-custom-list-item');
const color = target.getAttribute('data-color');
@ -480,5 +493,5 @@
}
}
window.gZenThemePicker = new ZenThemePicker();
window.ZenThemePicker = ZenThemePicker;
}