refactor(assets): extract assets to their own repo
This commit is contained in:
@@ -1,75 +0,0 @@
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
// Header dropdowns
|
||||
const controls = document.querySelectorAll('.header__controls_group')
|
||||
|
||||
controls.forEach((control) => {
|
||||
const ref = control.querySelector('.header__controls_label')
|
||||
const dropdownRef = control.querySelector('.header__controls_dropdown')
|
||||
|
||||
let popper = null
|
||||
|
||||
hoverintent(control, null, () => {
|
||||
if (popper) {
|
||||
dropdownRef.classList.remove('header__controls_dropdown--active')
|
||||
window.setTimeout(popper.destroy, 500)
|
||||
}
|
||||
}).options({
|
||||
sensitivity: 10,
|
||||
interval: 150,
|
||||
timeout: 300
|
||||
})
|
||||
|
||||
ref.addEventListener('click', (e) => {
|
||||
dropdownRef.classList.add('header__controls_dropdown--active')
|
||||
popper = new Popper(
|
||||
e.target,
|
||||
dropdownRef,
|
||||
{
|
||||
// popper options here
|
||||
}
|
||||
)
|
||||
})
|
||||
})
|
||||
// const apiRef =
|
||||
// const apiDropdownRef = document.querySelector('#control-api .header__controls_dropdown')
|
||||
|
||||
// const apiTooltip =
|
||||
|
||||
// Init highlight.js
|
||||
hljs.initHighlightingOnLoad()
|
||||
|
||||
// apply textFit to module headlines
|
||||
textFit(document.getElementsByClassName('module-higlighted-course__title'), {multiLine: false})
|
||||
|
||||
// Lesson code switcher logic
|
||||
const modules = Array.from(document.getElementsByClassName('lesson-module-code'))
|
||||
|
||||
modules.forEach((module) => {
|
||||
const triggers = Array.from(module.getElementsByClassName('lesson-module-code__trigger'))
|
||||
const codes = Array.from(module.getElementsByClassName('lesson-module-code__code'))
|
||||
|
||||
const handleTriggerClick = (e) => {
|
||||
const target = e.target.getAttribute('data-target')
|
||||
|
||||
// Mark correct trigger as active
|
||||
triggers.forEach((trigger) => {
|
||||
trigger.classList.remove('lesson-module-code__trigger--active')
|
||||
})
|
||||
e.target.classList.add('lesson-module-code__trigger--active')
|
||||
|
||||
// Show correct code fields
|
||||
codes.forEach((code) => {
|
||||
code.classList.remove('lesson-module-code__code--active')
|
||||
if (code.id === target) {
|
||||
code.classList.add('lesson-module-code__code--active')
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// Attach click handler to triggers
|
||||
triggers.forEach((trigger) => {
|
||||
trigger.onclick = handleTriggerClick
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user