From 7c2f166337d4a43b9f03a2c66b7dd35eb65a83f6 Mon Sep 17 00:00:00 2001
From: Dan Allen <dan@opendevise.com>
Date: Sat, 18 Nov 2017 16:41:34 -0700
Subject: [PATCH] add JavaScript for page version selector

---
 src/js/03-page-versions.js     | 18 ++++++++++++++++++
 src/partials/page-versions.hbs |  2 +-
 2 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 src/js/03-page-versions.js

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>
-- 
2.11.0