qingxu98's picture
update gr
47289f8
raw
history blame
1.26 kB
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();
});