42 lines
1.2 KiB
JavaScript
42 lines
1.2 KiB
JavaScript
|
|
var academic_chat = null;
|
|
|
|
var sliders = null;
|
|
var rangeInputs = null;
|
|
var numberInputs = null;
|
|
|
|
function set_elements() {
|
|
academic_chat = document.querySelector('gradio-app');
|
|
async function get_sliders() {
|
|
sliders = document.querySelectorAll('input[type="range"]');
|
|
while (sliders.length == 0) {
|
|
await new Promise(r => setTimeout(r, 100));
|
|
sliders = document.querySelectorAll('input[type="range"]');
|
|
}
|
|
setSlider();
|
|
}
|
|
get_sliders();
|
|
}
|
|
|
|
function setSlider() {
|
|
rangeInputs = document.querySelectorAll('input[type="range"]');
|
|
numberInputs = document.querySelectorAll('input[type="number"]')
|
|
function setSliderRange() {
|
|
var range = document.querySelectorAll('input[type="range"]');
|
|
range.forEach(range => {
|
|
range.style.backgroundSize = (range.value - range.min) / (range.max - range.min) * 100 + '% 100%';
|
|
});
|
|
}
|
|
setSliderRange();
|
|
rangeInputs.forEach(rangeInput => {
|
|
rangeInput.addEventListener('input', setSliderRange);
|
|
});
|
|
numberInputs.forEach(numberInput => {
|
|
numberInput.addEventListener('input', setSliderRange);
|
|
})
|
|
}
|
|
|
|
window.addEventListener("DOMContentLoaded", () => {
|
|
set_elements();
|
|
});
|