From f13d8093c014121255e6422c936d973032cba5a3 Mon Sep 17 00:00:00 2001 From: codecalm Date: Sun, 16 Jun 2024 23:18:50 +0200 Subject: [PATCH] fixes --- src/pages/illustrations.html | 85 +++++++++++++++++++----------------- 1 file changed, 44 insertions(+), 41 deletions(-) diff --git a/src/pages/illustrations.html b/src/pages/illustrations.html index fb456bd7e..f642cb869 100644 --- a/src/pages/illustrations.html +++ b/src/pages/illustrations.html @@ -14,45 +14,53 @@ illustrations = illustrations | push: illustration %} {% endif %} {% endfor %} {
{{ first_illustration }}
-
-
-
-
-
Primary color
-
- {% for color in site.colors %} -
- -
- {% endfor %} -
+
+
+
+
+
+
Primary color
+
+ {% for color in site.colors %} +
+ +
+ {% endfor %} +
-
Skin color
-
- {% for color in site.skin-colors %} -
- -
- {% endfor %} -
+
Skin color
+
+ {% for color in site.skin-colors %} +
+ +
+ {% endfor %} +
-
Select illustration
-
- {% for illustration in illustrations %} -
- {{ illustration | replace: ' +
Select SVG illustration
+
+ {% for illustration in illustrations %} +
+ +
+ {% endfor %} +
- {% endfor %}
@@ -126,18 +134,13 @@ illustrations = illustrations | push: illustration %} {% endif %} {% endfor %} { currentIllustration = document.getElementById("current-illustration"), currentIllustrationCode = document.getElementById("current-illustration-code"); - selectIllustrations.forEach((elem) => { - elem.addEventListener("click", (e) => { - document.querySelectorAll(".js-select-illustration").forEach(f => f.classList.remove('bg-body')) - elem.classList.add('bg-body') - - const selectedId = elem.getAttribute('data-id'), + document.querySelectorAll(".js-select-illustration").forEach((elem) => { + elem.addEventListener("change", (e) => { + const selectedId = e.target.value, selectedIllustration = illustrations[selectedId] currentIllustration.innerHTML = selectedIllustration.svg - if(currentIllustrationCode) { - currentIllustrationCode.innerHTML = selectedIllustration.svg.replace(//g, ">") - } + }) })