diff --git a/src/assets/images/chevron-down.svg b/src/assets/images/chevron-down.svg new file mode 100644 index 0000000..0ec9604 --- /dev/null +++ b/src/assets/images/chevron-down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/images/chevron-up.svg b/src/assets/images/chevron-up.svg new file mode 100644 index 0000000..a69d6b8 --- /dev/null +++ b/src/assets/images/chevron-up.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/views/card-category.mustache b/src/assets/views/card-category.mustache index ae3f4c1..580c1d7 100644 --- a/src/assets/views/card-category.mustache +++ b/src/assets/views/card-category.mustache @@ -1,7 +1,7 @@
-

{{{category-id-clean}}}

+

{{{category-id-clean}}}

button

{{{category-description}}}


diff --git a/src/ts_source/viewFactory.ts b/src/ts_source/viewFactory.ts index 6a47941..e0aa143 100644 --- a/src/ts_source/viewFactory.ts +++ b/src/ts_source/viewFactory.ts @@ -72,12 +72,15 @@ export function buildWebCardsFromConfig(configName: string) { collapseButton.on("click", () => { let collapsable = $(`#${categoryKey}-container`); let collapseButton = $(`#${categoryKey}-collapser`); + let collapseImg = $(`#${categoryKey}-img`); if ("none" === collapsable.css('display')) { collapsable.css("display", ""); collapseButton.addClass("active"); + collapseImg.attr("src", "../images/chevron-down.svg"); } else { collapsable.css("display", "none"); collapseButton.removeClass("active"); + collapseImg.attr("src", "../images/chevron-up.svg"); } });