unixaxwell/jellyfin-plugin-skin-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add sliders support

Browse Source
This commit is contained in:
Mister Rajoy
2020-11-25 13:37:00 +01:00
parent 61b39924b1
commit 122a4585fa
1 changed files with 23 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
Jellyfin.Plugin.SkinManager/Configuration/configurationpage.html
View File

@@ -89,8 +89,10 @@
html += getColorPicker(element); html += getColorPicker(element);
}else if(element.type == "number"){ }else if(element.type == "number"){
html += getNumber(element); html += getNumber(element);
}else if(element.type = "selector"){ }else if(element.type == "selector"){
html += getSelector(element); html += getSelector(element);
}else if(element.type == "slider"){
html += getSlider(element);
} }
}); });
@@ -163,6 +165,19 @@
} }
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;
}
function updateDescription( ){ function updateDescription( ){
@@ -235,6 +250,13 @@
css+= element.getAttribute("data-css").replaceAll("$",element.value) + "\n"; 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";
}