mirror of
https://github.com/danieladov/jellyfin-plugin-skin-manager.git
synced 2026-03-18 21:30:33 +01:00
Add sliders support
This commit is contained in:
@@ -89,8 +89,10 @@
|
||||
html += getColorPicker(element);
|
||||
}else if(element.type == "number"){
|
||||
html += getNumber(element);
|
||||
}else if(element.type = "selector"){
|
||||
}else if(element.type == "selector"){
|
||||
html += getSelector(element);
|
||||
}else if(element.type == "slider"){
|
||||
html += getSlider(element);
|
||||
}
|
||||
|
||||
});
|
||||
@@ -162,6 +164,19 @@
|
||||
return html;
|
||||
|
||||
}
|
||||
|
||||
function getSlider(option){
|
||||
var html = "";
|
||||
var id = "slider" ;
|
||||
var name = option.name;
|
||||
var css = option.css;
|
||||
var step = option.step==undefined?1:option.step;
|
||||
var defaultValue = option.default;
|
||||
var description = option.description;
|
||||
html += '<div class="inputContainer"><input is="emby-slider" type="range" class = "slider" value=' + defaultValue + ' step=' + step + ' data-css = "'+ css+ '" id="' + id + '" name="' + id + '" min="0" max="300" label="'+name +'" /><div class="fieldDescription">'+description+'</div></div>'
|
||||
|
||||
return html;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -235,6 +250,13 @@
|
||||
css+= element.getAttribute("data-css").replaceAll("$",element.value) + "\n";
|
||||
}
|
||||
|
||||
//procces slider
|
||||
var sliders = document.getElementsByClassName("slider");
|
||||
|
||||
for (let element of sliders) {
|
||||
css+= element.getAttribute("data-css").replaceAll("$",element.value) + "\n";
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user