Fix skin-canvas visibility

skin-canvas is being hidden due to being part of noscript-hidden class.
Added JS to remove skin-canvas from noscript-hidden class, because if
SkinURL is set the skin-canvas will be drawn. When JS is disabled,
this will not be executed and the canvas will remain hidden.
This commit is contained in:
cat 2025-04-15 05:29:29 +00:00
parent abc8d1e9b8
commit d64ac097d9
No known key found for this signature in database
GPG Key ID: 3D35A815A616B3CB

View File

@ -177,23 +177,28 @@
{{ end }}
{{ if .SkinURL }}
<script type="module">
import { skinview3d } from "{{.App.PublicURL}}/bundle.js"
const skinCanvas = document.getElementById("skin-canvas");
const skinViewer = new skinview3d.SkinViewer({
canvas: skinCanvas,
width: 200,
height: skinCanvas.parentElement.clientHeight,
});
skinViewer.controls.enableZoom = false;
skinViewer.loadSkin({{.SkinURL}}, {
model: "{{.Player.SkinModel}}",
});
{{if .CapeURL}}
skinViewer.loadCape({{.CapeURL}});
{{end}}
skinViewer.render();
</script>
<script type="module">
import { skinview3d } from "{{.App.PublicURL}}/bundle.js"
const skinCanvas = document.getElementById("skin-canvas");
const skinViewer = new skinview3d.SkinViewer({
canvas: skinCanvas,
width: 200,
height: skinCanvas.parentElement.clientHeight,
});
skinViewer.controls.enableZoom = false;
skinViewer.loadSkin({{.SkinURL}}, {
model: "{{.Player.SkinModel}}",
});
{{if .CapeURL}}
skinViewer.loadCape({{.CapeURL}});
{{end}}
skinViewer.render();
var elements = document.getElementsByClassName('noscript-hidden');
for (var i = 0; i < elements.length; i++) {
elements[i].classList.remove('noscript-hidden');
}
</script>
{{ end }}
{{ template "footer" . }}