BetterSEQTA/BetterSEQTA-Plus
1
0
Fork 0
mirror of https://github.com/BetterSEQTA/BetterSEQTA-Plus.git synced 2026-06-06 03:34:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: clean up and fix bg durations

Browse Source
This commit is contained in:
sethburkart123
2024-06-09 14:50:53 +10:00
parent b5327f045d
commit 2d225fe85d
3 changed files with 13 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/SEQTA.ts
+2 -2
View File
@@ -86,8 +86,8 @@ function SetDisplayNone(ElementName: string) {
return `li[data-key=${ElementName}]{display:var(--menuHidden) !important; transition: 1s;}` return `li[data-key=${ElementName}]{display:var(--menuHidden) !important; transition: 1s;}`
} }
export function enableAnimatedBackground(item: any) { export function enableAnimatedBackground() {
if (item.animatedbk) { if (settingsState.animatedbk) {
CreateBackground() CreateBackground()
} else { } else {
RemoveBackground() RemoveBackground()
src/seqta/ui/AddBetterSEQTAElements.ts
+5 -7
View File
@@ -8,10 +8,8 @@ import { updateAllColors } from "./colors/Manager";
export async function AddBetterSEQTAElements(toggle: any) { export async function AddBetterSEQTAElements(toggle: any) {
if (toggle) { if (toggle) {
const result = await browser.storage.local.get(); initializeSettings();
addDarkMode(settingsState.DarkMode);
initializeSettings(result);
addDarkMode(result.DarkMode);
createHomeButton(); createHomeButton();
await handleUserInfo(); await handleUserInfo();
handleStudentData(); handleStudentData();
@@ -32,9 +30,9 @@ export async function AddBetterSEQTAElements(toggle: any) {
setupSettingsButton(); setupSettingsButton();
} }
function initializeSettings(result: any) { function initializeSettings() {
enableAnimatedBackground(result); enableAnimatedBackground();
updateBgDurations(result); updateBgDurations();
} }
function addDarkMode(DarkMode: boolean) { function addDarkMode(DarkMode: boolean) {
src/seqta/ui/Animation.ts
+5 -7
View File
@@ -1,20 +1,18 @@
import { settingsState } from "../utils/listeners/SettingsState";
/** /**
* Update the background animation durations based on the slider input. * Update the background animation durations based on the slider input.
* @param {Object} item - The object containing the bksliderinput property. * @param {Object} item - The object containing the bksliderinput property.
* @param {number} [minDuration=1] - The minimum animation duration in seconds. * @param {number} [minDuration=1] - The minimum animation duration in seconds.
* @param {number} [maxDuration=10] - The maximum animation duration in seconds. * @param {number} [maxDuration=10] - The maximum animation duration in seconds.
*/ */
export function updateBgDurations(speed: any, minDuration = 0.5, maxDuration = 10) { export function updateBgDurations(minDuration: number = 0.5, maxDuration: number = 10) {
// Class names to look for // Class names to look for
const bgClasses = ['bg', 'bg2', 'bg3']; const bgClasses = ['bg', 'bg2', 'bg3'];
let reversedValue: any; let reversedValue: any;
if (speed.bksliderinput === undefined) { // Reverse the slider direction to align with the animation
// Reverse the slider direction to align with the animation reversedValue = 150 - parseInt(settingsState.bksliderinput);
reversedValue = 150 - speed;
} else {
reversedValue = 150 - speed.bksliderinput;
}
// Range of possible animation durations // Range of possible animation durations
const durationRange = maxDuration - minDuration; const durationRange = maxDuration - minDuration;