From 055166b5029ad8685c95f4888aad8d2586a2cedb Mon Sep 17 00:00:00 2001 From: dtookey Date: Tue, 17 Nov 2020 14:04:42 -0500 Subject: [PATCH] added changing chevrons for accordion. --- src/assets/images/chevron-down.svg | 1 + src/assets/images/chevron-up.svg | 1 + src/assets/views/card-category.mustache | 2 +- src/ts_source/viewFactory.ts | 3 +++ 4 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 src/assets/images/chevron-down.svg create mode 100644 src/assets/images/chevron-up.svg 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"); } });