orchard/resources/js/backButton.js
2021-11-19 17:02:28 -06:00

32 lines
No EOL
1.4 KiB
JavaScript

try {
if (MusicKit.getInstance().isAuthorized) {
if (!document.querySelector('#backButtonBar')) {
document.getElementById('web-main').insertAdjacentHTML("afterbegin", `
<div id="backButtonBar">
<div class="button-area" onclick="ipcRenderer.send('back');">
<img src="https://developer.apple.com/design/human-interface-guidelines/macos/images/icons/system-images/control/chevron-backward.png" alt="Back Button">
</div>
</div>
`);
}
if (document.getElementsByClassName('dragDiv right-aligned').length > 0) {
document.getElementById('backButtonBar').style.top = '25px'
}
document.getElementById('web-main').addEventListener('scroll', function () {
if (document.getElementById('web-main').scrollTop > 80) {
document.getElementById('backButtonBar').style.backgroundColor = 'var(--playerBackground)';
document.getElementById('backButtonBar').style.position = 'fixed';
} else {
document.getElementById('backButtonBar').style.backgroundColor = 'transparent';
document.getElementById('backButtonBar').style.position = 'absolute';
}
});
}
} catch (e) {
console.error("[JS] Error while trying to apply backButton.js", e);
}