From ef8d5f8310a5bcb055f9fc109593b5971dc4ce35 Mon Sep 17 00:00:00 2001 From: Todd Dembrey Date: Sat, 2 Feb 2019 09:44:45 +0000 Subject: [PATCH 01/12] Make work with django template lookup --- .../src/js/components/navigation.js | 6 +- .../src/scss/components/_list.scss | 3 +- .../templates/pattern_library/base.html | 26 +------ .../pattern_library/pattern_group.html | 24 +++++++ pattern_library/urls.py | 8 +-- pattern_library/utils.py | 67 +++++++++---------- pattern_library/views.py | 3 +- 7 files changed, 71 insertions(+), 66 deletions(-) create mode 100644 pattern_library/templates/pattern_library/pattern_group.html diff --git a/pattern_library/static/pattern_library/src/js/components/navigation.js b/pattern_library/static/pattern_library/src/js/components/navigation.js index 1f580bb4..8c62f537 100644 --- a/pattern_library/static/pattern_library/src/js/components/navigation.js +++ b/pattern_library/static/pattern_library/src/js/components/navigation.js @@ -3,7 +3,11 @@ export function toggleNavItems() { headings.forEach(heading => { heading.addEventListener('click', e => { e.target.classList.toggle('is-open'); - e.target.nextElementSibling.classList.toggle('is-open'); + for ( const element of e.target.parentNode.childNodes ) { + if ( element.nodeName === "UL" ){ + element.classList.toggle('is-open'); + } + } }); }); } diff --git a/pattern_library/static/pattern_library/src/scss/components/_list.scss b/pattern_library/static/pattern_library/src/scss/components/_list.scss index 1ff3b4c1..a93f15cc 100644 --- a/pattern_library/static/pattern_library/src/scss/components/_list.scss +++ b/pattern_library/static/pattern_library/src/scss/components/_list.scss @@ -8,6 +8,7 @@ font-size: 13px; color: $mid-grey; display: none; + padding-left: 10px; &.is-open { display: block; @@ -68,5 +69,3 @@ } } } - - diff --git a/pattern_library/templates/pattern_library/base.html b/pattern_library/templates/pattern_library/base.html index 5368b467..e5deb10a 100644 --- a/pattern_library/templates/pattern_library/base.html +++ b/pattern_library/templates/pattern_library/base.html @@ -27,35 +27,15 @@

{% if pattern_templates.template_groups %} {% include "pattern_library/pattern_group.html" with groups=pattern_templates.template_groups %} {% endif %}