mirror of
https://github.com/Sped0n/bridget.git
synced 2026-04-18 12:09:29 -07:00
047ec5c630
feat(container.ts): create container module to handle scrollable behavior and add/remove disableScroll class fix(customCursor.ts): update append target for cursor element to use container instead of main fix(stage.ts): update append target for stage element to use container instead of main fix(stageNav.ts): update append target for navOverlay element to use container instead of main feat(main.ts): initialize container module and conditionally initialize stage and stageNav modules based on device type fix(nav.ts): update references to state module functions to use state.get() instead of getState()
68 lines
1.6 KiB
TypeScript
68 lines
1.6 KiB
TypeScript
import { decThreshold, incThreshold, state } from './state'
|
|
import { expand } from './utils'
|
|
|
|
/**
|
|
* variables
|
|
*/
|
|
|
|
// threshold div
|
|
const thresholdDiv = document
|
|
.getElementsByClassName('threshold')
|
|
.item(0) as HTMLDivElement
|
|
|
|
// threshold nums span
|
|
const thresholdDispNums = Array.from(
|
|
thresholdDiv.getElementsByClassName('num')
|
|
) as HTMLSpanElement[]
|
|
|
|
// threshold buttons
|
|
const decButton = thresholdDiv
|
|
.getElementsByClassName('dec')
|
|
.item(0) as HTMLButtonElement
|
|
const incButton = thresholdDiv
|
|
.getElementsByClassName('inc')
|
|
.item(0) as HTMLButtonElement
|
|
|
|
// index div
|
|
const indexDiv = document.getElementsByClassName('index').item(0) as HTMLDivElement
|
|
|
|
// index nums span
|
|
const indexDispNums = Array.from(
|
|
indexDiv.getElementsByClassName('num')
|
|
) as HTMLSpanElement[]
|
|
|
|
/**
|
|
* init
|
|
*/
|
|
|
|
export function initNav() {
|
|
// init threshold text
|
|
updateThresholdText()
|
|
// init index text
|
|
updateIndexText()
|
|
// event listeners
|
|
decButton.addEventListener('click', () => decThreshold())
|
|
incButton.addEventListener('click', () => incThreshold())
|
|
}
|
|
|
|
// helper
|
|
|
|
export function updateThresholdText(): void {
|
|
const thresholdValue: string = expand(state.get().threshold)
|
|
thresholdDispNums.forEach((e: HTMLSpanElement, i: number) => {
|
|
e.innerText = thresholdValue[i]
|
|
})
|
|
}
|
|
|
|
export function updateIndexText(): void {
|
|
const indexValue: string = expand(state.get().index + 1)
|
|
const indexLength: string = expand(state.get().length)
|
|
indexDispNums.forEach((e: HTMLSpanElement, i: number) => {
|
|
if (i < 4) {
|
|
e.innerText = indexValue[i]
|
|
} else {
|
|
e.innerText = indexLength[i - 4]
|
|
}
|
|
})
|
|
}
|