BreizhHardware/jellyfin-plugin-skin-manager
1
0
Fork 0
mirror of https://github.com/danieladov/jellyfin-plugin-skin-manager.git synced 2026-01-18 16:37:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1 from danieladov/master

Browse Source 
Update
This commit is contained in:
Prayag
2021-05-12 07:57:22 +05:30
committed by GitHub
parent e31d0e4c13 c15c47111b
commit d2f65e0060
2 changed files with 23 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -289,13 +289,11 @@
var css = option.css; var css = option.css;
selections.forEach((element) => { selections.forEach((element) => {
var name = element.name; var name = element.name;
var value = element.value; var value = element.css;
var selected = saved == name ? 'selected="selected"' : ""; var selected = saved == name ? ' selected="selected"' : "";
html += html +=
'<option data-css= "' + '<option value= "' +
css + value + '"' +
'"value=' +
value +
selected + selected +
">" + ">" +
name + name +
@@ -402,9 +400,7 @@
var css = $("#cssOptions").val(); var css = $("#cssOptions").val();
savedHtml += document.getElementById("cssOptions").innerHTML; savedHtml += document.getElementById("cssOptions").innerHTML;
var checkboxes = document.getElementsByClassName("checkbox"); var checkboxes = document.getElementsByClassName("checkbox");
for (let element of checkboxes) {
savedHtml += element.innerHTML;
}
var selectedOptions = $(".checkbox:checked") var selectedOptions = $(".checkbox:checked")
.map(function() { .map(function() {
return this.getAttribute("data-css"); return this.getAttribute("data-css");
@@ -417,9 +413,10 @@
//proccess selector //proccess selector
var selectors = document.getElementsByClassName("selector"); var selectors = document.getElementsByClassName("selector");
for (let element of selectors) { for (var i = 0;i<selectors.length;i++) {
var element = selectors[i]
css += css +=
element.getAttribute("data-css").replaceAll("$", element.value) + element.selectedOptions[0].value +
"\n"; "\n";
savedHtml += element.outerHTML; savedHtml += element.outerHTML;
} }
@@ -465,7 +462,7 @@
var element = fontPickers[i] var element = fontPickers[i]
if (element.value != "") { if (element.value != "") {
var url = "https://fonts.googleapis.com/css?family=" + element.value; var url = "https://fonts.googleapis.com/css?family=" + element.value;
var promise = await fetch(url) var promise = await fetch(url, {mode: 'no-cors'})
var text = await promise.text() var text = await promise.text()
css += text css += text
css += element.getAttribute("data-css").replaceAll("$", element.value.replaceAll("+", " ")); css += element.getAttribute("data-css").replaceAll("$", element.value.replaceAll("+", " "));

20
skins-3.0.json
View File

@@ -244,23 +244,31 @@
"css": "@import url('https://prayag17.github.io/JellySkin/$.css');", "css": "@import url('https://prayag17.github.io/JellySkin/$.css');",
"selections": [{ "selections": [{
"name": "Default", "name": "Default",
"value": "" "value": "",
"css" : "@import url('https://prayag17.github.io/JellySkin/default.css');"
}, },
{ {
"name": "Sea Gradient", "name": "Sea Gradient",
"value": "seaGradient" "value": "seaGradient",
"css" : "@import url('https://prayag17.github.io/JellySkin/seaGradient.css');"
}, },
{ {
"name": "Sunset Gradient", "name": "Sunset Gradient",
"value": "sunsetGradient" "value": "sunsetGradient",
"css" : "@import url('https://prayag17.github.io/JellySkin/sunsetGradient.css');"
}, },
{ {
"name": "Night Sky Gradient", "name": "Night Sky Gradient",
"value": "nightSkyGradient" "value": "nightSkyGradient",
"css" : "@import url('https://prayag17.github.io/JellySkin/nightSkyGradient.css');"
}, },
{ {
"name": "Morning Gradient", "name": "Morning Gradient",
"value": "morningGradient" "value": "morningGradient",
"css" : "@import url('https://prayag17.github.io/JellySkin/morningGradient.css');"
} }
] ]
}, },
@@ -313,7 +321,7 @@
"css": "", "css": "",
"selections": [{ "selections": [{
"name": "Scale in and out", "name": "Scale in and out",
"css": "/*Dynamic Poster effect-option1*/.cardBox-bottompadded{margin-bottom; 1em !important;}.itemsContainer>.card>.cardBox {margin: 1em;background: rgba(0,0,0,0.5);transition: transform .2s;}.card:hover .cardBox{transform: scale(1.1);}" "css": " /* Dynamic Poster effect-option1*/ .cardBox-bottompadded{margin-bottom; 1em !important;}.itemsContainer>.card>.cardBox {margin: 1em;background: rgba(0,0,0,0.5);transition: transform .2s;}.card:hover .cardBox{transform: scale(1.1);}"
}, },
{ {
"name": "Pop up and down", "name": "Pop up and down",