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

Fix selected option recognition

Browse Source
This commit is contained in:
Mister Rajoy
2020-12-02 14:17:34 +01:00
parent 3002c1defb
commit c35e9621c9
1 changed files with 9 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -54,6 +54,7 @@
cssOptions.appendChild(opt); cssOptions.appendChild(opt);
}); });
updateSelectors() updateSelectors()
}
function loadOptions(options){ function loadOptions(options){
var page = $.mobile.activePage; var page = $.mobile.activePage;
@@ -117,7 +118,8 @@
var description = option.description; var description = option.description;
//html += '<label for=number><input is="emby-input" type=number value=' + defaultValue + ' class = "number" data-css = "'+ css+ '" + data-mini="true" id="' + id + '" name="' + id + '" data-name="' + name + '" ' + ' /><span>' + name + '</span></label><br>'; //html += '<label for=number><input is="emby-input" type=number value=' + defaultValue + ' class = "number" data-css = "'+ css+ '" + data-mini="true" id="' + id + '" name="' + id + '" data-name="' + name + '" ' + ' /><span>' + name + '</span></label><br>';
html += '<div class="selectContainer"><select is="emby-select" data-css= "'+css + '"class="selector" label="'+name+'">' + getOptions(option)+'</select></div>' html += '<div class="selectContainer"><select is="emby-select" data-css= "'+css + '"class="selector" label="'+name+'">' + getOptions(option)+'</select></div>'
return html return html;
}
function getOptions(option){ function getOptions(option){
var html = ""; var html = "";
var selections = option.selections var selections = option.selections
@@ -139,15 +141,7 @@
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>' 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 return html
} }
function updateDescription( ){
var description = document.getElementById("description");
var selected = $('#cssOptions').val();
data.forEach(element => {
if(element.defaultCss == selected){
description.innerHTML=element.description;
}
})
}
function createCss(){ function createCss(){
var savedHtml = ""; var savedHtml = "";
//process checkbox //process checkbox
@@ -198,11 +192,13 @@
return css; return css;
} }
function updateSelectors(){ function updateSelectors(){
var selected = $('#cssOptions').val(); var selected = document.getElementById("cssOptions");
var description = document.getElementById("description");
data.forEach(element=>{ data.forEach(element=>{
if(element.defaultCss == selected){ if(element.name == selected.selectedOptions[0].innerText){
loadOptions(element.options); loadOptions(element.options);
updateDescription(); description.innerHTML=element.description;
} }
}) })
} }