mirror of
https://github.com/easydiffusion/easydiffusion.git
synced 2025-04-01 11:37:04 +02:00
b330c34b29
After thinking about it, the auto-save toggle is meant for the *Editor* fields listed behind the Configure button. The auto-scroll toggle is not part of the Editor, and is more akin to a system setting, although it's placed in the main UI for convenience reasons related to its nature. As such, and especially considering it's a plugin, I lean towards decoupling auto-scroll from the auto-save settings, and just storing it independently.
46 lines
1.5 KiB
JavaScript
46 lines
1.5 KiB
JavaScript
(function () {
|
|
"use strict"
|
|
|
|
var styleSheet = document.createElement("style");
|
|
styleSheet.textContent = `
|
|
.auto-scroll {
|
|
float: right;
|
|
}
|
|
`;
|
|
document.head.appendChild(styleSheet);
|
|
|
|
const autoScrollControl = document.createElement('div');
|
|
autoScrollControl.innerHTML = `<input id="auto_scroll" name="auto_scroll" type="checkbox">
|
|
<label for="auto_scroll">Scroll to generated image</label>`
|
|
autoScrollControl.className = "auto-scroll"
|
|
clearAllPreviewsBtn.parentNode.insertBefore(autoScrollControl, clearAllPreviewsBtn.nextSibling)
|
|
prettifyInputs(document);
|
|
let autoScroll = document.querySelector("#auto_scroll")
|
|
|
|
// save/restore the toggle state
|
|
autoScroll.addEventListener('click', (e) => {
|
|
localStorage.setItem('auto_scroll', autoScroll.checked)
|
|
})
|
|
autoScroll.checked = localStorage.getItem('auto_scroll') == "true"
|
|
|
|
// observe for changes in the preview pane
|
|
var observer = new MutationObserver(function (mutations) {
|
|
mutations.forEach(function (mutation) {
|
|
if (mutation.target.className == 'img-batch') {
|
|
Autoscroll(mutation.target)
|
|
}
|
|
})
|
|
})
|
|
|
|
observer.observe(document.getElementById('preview'), {
|
|
childList: true,
|
|
subtree: true
|
|
})
|
|
|
|
function Autoscroll(target) {
|
|
if (autoScroll.checked && target !== null) {
|
|
target.parentElement.parentElement.parentElement.scrollIntoView();
|
|
}
|
|
}
|
|
})()
|