diff options
| author | Dan Allen <dan.j.allen@gmail.com> | 2017-11-20 23:45:25 +0000 |
|---|---|---|
| committer | Dan Allen <dan.j.allen@gmail.com> | 2017-11-20 23:45:25 +0000 |
| commit | 3d4e9744028a978260ffcb5911bf3671a4cb7920 (patch) | |
| tree | b364dde77d628dab9cc322b1d0ce765b77f083c1 /src | |
| parent | 9282be7bf52ae46b80fa6163cbc1b65374ac619c (diff) | |
| parent | 7c2f166337d4a43b9f03a2c66b7dd35eb65a83f6 (diff) | |
| download | alpine-antora-theme-3d4e9744028a978260ffcb5911bf3671a4cb7920.tar.bz2 alpine-antora-theme-3d4e9744028a978260ffcb5911bf3671a4cb7920.tar.xz | |
merge !11
resolves #11 add JavaScript for page version selector
Diffstat (limited to 'src')
| -rw-r--r-- | src/js/03-page-versions.js | 18 | ||||
| -rw-r--r-- | src/partials/page-versions.hbs | 2 |
2 files changed, 19 insertions, 1 deletions
diff --git a/src/js/03-page-versions.js b/src/js/03-page-versions.js new file mode 100644 index 0000000..672bda1 --- /dev/null +++ b/src/js/03-page-versions.js @@ -0,0 +1,18 @@ +;(function () { + 'use strict' + + var toggle = document.querySelector('.page-versions .versions-menu-toggle') + if (!toggle) return + + var selector = document.querySelector('.page-versions') + + toggle.addEventListener('click', function (e) { + selector.classList.toggle('is-active') + // don't let this event get smothered + e.stopPropagation() + }) + + window.addEventListener('click', function () { + selector.classList.remove('is-active') + }) +})() diff --git a/src/partials/page-versions.hbs b/src/partials/page-versions.hbs index de57d1b..ef46f1c 100644 --- a/src/partials/page-versions.hbs +++ b/src/partials/page-versions.hbs @@ -1,6 +1,6 @@ {{#if (has-versions domain)}} <div class="page-versions"> - <button class="versions-menu-toggle" title="Other versions of page">{{domain.version.string}}</button> + <button class="versions-menu-toggle" title="Show other versions of page">{{domain.version.string}}</button> <div class="versions-menu"> {{#each (page-versions site.domains domain.name versions)}} <a class="version{{#if (eq ./string ../domain.version.string)}} is-current{{/if}}{{#if ./missing}} is-missing{{/if}}" href="{{{./url}}}">{{./string}}</a> |