adrien/quatuor
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

save both skins

Browse Source
This commit is contained in:
Adrien MALINGREY
2026-03-18 01:38:43 +01:00
parent 81b243bd85
commit 980715c72f
2 changed files with 37 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
js/app.js
View File

@@ -323,7 +323,6 @@ sceneDiv.onwheel = function (event) {
screenRow.style.setProperty('--tZ', tZ + 'px'); screenRow.style.setProperty('--tZ', tZ + 'px');
}; };
const ImageURLPattern = /^(https?:\/\/.*\.(?:png|jpg|jpeg|gif|bmp|webp|svg))$/i
$.fn.select2.defaults.set("templateResult", (state) => $.fn.select2.defaults.set("templateResult", (state) =>
state.id state.id
? $(`<img class="preview" src="${state.id}" title="${state.text}" loading="lazy"/>`) ? $(`<img class="preview" src="${state.id}" title="${state.text}" loading="lazy"/>`)
@@ -331,12 +330,12 @@ $.fn.select2.defaults.set("templateResult", (state) =>
) )
$.fn.select2.defaults.set("templateSelection", (state) => $.fn.select2.defaults.set("templateSelection", (state) =>
state.id state.id
? $(` ? $(`
<table class="minoes-table preview" style="--skin-url: url(${state.id});"> <table class="minoes-table preview" style="--skin-url: url(${state.id});">
<tr><td class="Z mino"></td><td class="O mino"></td><td class="T mino"></td><td class="I mino"></td></tr> <tr><td class="Z mino"></td><td class="O mino"></td><td class="T mino"></td><td class="I mino"></td></tr>
</table> </table>
`) `)
: state.text : state.text
) )
$.fn.select2.defaults.set("theme", "bootstrap-5") $.fn.select2.defaults.set("theme", "bootstrap-5")
$.fn.select2.defaults.set("selectionCssClass", 'form-select') $.fn.select2.defaults.set("selectionCssClass", 'form-select')
@@ -346,7 +345,7 @@ $.fn.select2.defaults.set("placeholder", "URL de l'image")
$.fn.select2.defaults.set("tags", true) $.fn.select2.defaults.set("tags", true)
$.fn.select2.defaults.set("createTag", function (params) { $.fn.select2.defaults.set("createTag", function (params) {
const url = encodeURI(params.term); const url = encodeURI(params.term);
if (ImageURLPattern.test(url)) { if (/^(https?:\/\/.*\.(?:png|jpg|jpeg|gif|bmp|webp|svg))$/i.test(url)) {
return { return {
id: url, id: url,
text: 'Source externe', text: 'Source externe',
@@ -357,13 +356,13 @@ $.fn.select2.defaults.set("createTag", function (params) {
stylesheetSelect.oninput = function (event) { stylesheetSelect.oninput = function (event) {
selectedStyleSheet.href = this.value; selectedStyleSheet.href = this.value;
var skinURL = skinURLSelect.value
$("#skinURLSelect").empty();
switch (this.value) { switch (this.value) {
case 'css/tetrio-skin.css': case 'css/tetrio-skin.css':
skinURLSelect.disabled = false; localStorage[skinURLSelect.name] = skinURLSelect.value
skinURLSelect.name = "tetrioSkinURL"
$("#skinURLSelect").empty();
const baseURL = "https://you.have.fail/tetrioplus/data" const baseURL = "https://you.have.fail/tetrioplus/data"
fetch(`${baseURL}/data.json`) fetch(`${baseURL}/data.json`)
.then((resp) => resp.json()) .then((resp) => resp.json())
@@ -376,7 +375,7 @@ stylesheetSelect.oninput = function (event) {
children: skins.map((skin) => { children: skins.map((skin) => {
return { return {
id: `${baseURL}/${encodeURI(skin.path)}`, id: `${baseURL}/${encodeURI(skin.path)}`,
text:`${skin.name}\n${skin.description}` text: skin.description? `${skin.name}\n${skin.description}` : `${skin.name}`
} }
}) })
} }
@@ -389,13 +388,25 @@ stylesheetSelect.oninput = function (event) {
}] }]
}) })
data.sort((group1, group2) => group1.text > group2.text) data.sort((group1, group2) => group1.text > group2.text)
$('#skinURLSelect').select2({data: data});
skinURLSelect.disabled = false;
$('#skinURLSelect').select2({data: data})
if (skinURL = localStorage['tetrioSkinURL']) {
if ($('#skinURLSelect').find(`option[value='${skinURL}']`).length) {
$('#skinURLSelect').val(skinURL).trigger('change');
} else {
var option = new Option('Sample sauvegardé', skinURL);
$('#skinURLSelect').append(option).trigger('change');
}
skinURLSelect.oninput();
}
}) })
break; break;
case 'css/jstris-skin.css': case 'css/jstris-skin.css':
skinURLSelect.disabled = false; localStorage[skinURLSelect.name] = skinURLSelect.value
skinURLSelect.name = "jstrisSkinURL"
$("#skinURLSelect").empty();
fetch('https://konsola5.github.io/jstris-customization-database/jstrisCustomizationDatabase.json') fetch('https://konsola5.github.io/jstris-customization-database/jstrisCustomizationDatabase.json')
.then(response => response.json()) .then(response => response.json())
.then(json => { .then(json => {
@@ -410,7 +421,18 @@ stylesheetSelect.oninput = function (event) {
}; };
data.push(groupData); data.push(groupData);
} }
$('#skinURLSelect').select2({data: data});
skinURLSelect.disabled = false;
$('#skinURLSelect').select2({data: data})
if (skinURL = localStorage['jstrisSkinURL']) {
if ($('#skinURLSelect').find(`option[value='${skinURL}']`).length) {
$('#skinURLSelect').val(skinURL).trigger('change');
} else {
var option = new Option('Sample sauvegardé', skinURL);
$('#skinURLSelect').append(option).trigger('change');
}
skinURLSelect.oninput();
}
}); });
break; break;

9
js/interface.js
View File

@@ -37,15 +37,6 @@ class Settings {
if (element.name in localStorage) element.value = localStorage[element.name]; if (element.name in localStorage) element.value = localStorage[element.name];
}); });
stylesheetSelect.oninput(); stylesheetSelect.oninput();
if (localStorage['skinURL']) {
if ($('#skinURLSelect').find("option[value='" + localStorage['skinURL'] + "']").length) {
$('#skinURLSelect').val(localStorage['skinURL']).trigger('change');
} else {
var option = new Option('Sample sauvegardé', localStorage['skinURL']);
$('#skinURLSelect').append(option).trigger('change');
}
skinURLSelect.oninput();
}
} }
save() { save() {