Add version selector, close #68

sweetalert2 · Mar 15, 2019 · 72a2787 · 72a2787
1 parent 379e528
commit 72a2787
Show file tree

Hide file tree

Showing 6 changed files with 1,706 additions and 4 deletions.
diff --git a/dist/bundle.js b/dist/bundle.js
diff --git a/index.html b/index.html
@@ -89,6 +89,13 @@
       </div>
     </div>
 
+    <div class="version-selector">
+      Version:
+      <select id="version">
+        <option value="8.x" selected>8.x</option>
+        <option value="7.x">7.x</option>
+      </select>
+    </div>
   </nav>
 
   <header>

diff --git a/src/app.js b/src/app.js
@@ -140,7 +140,7 @@ $('.paypal').onclick = () => {
   return false
 }
 
-$('.cryptocurrencies').onclick = () => {
+$('.cryptocurrencies') && $('.cryptocurrencies').addEventListener('click', (e) => {
   const wallets = {
     bitcoin: '12BxefvPMtHePgfPRDL1SaZYSG4GwQmWoP',
     ethereum: '0x36e2b10666e2c0dc343901895ba3697b5d3214d1',
@@ -173,8 +173,8 @@ $('.cryptocurrencies').onclick = () => {
     }
   })
 
-  return false
-}
+  e.preventDefault()
+})
 
 $('.examples .message button').onclick = () => {
   Swal.fire('Any fool can use a computer')
@@ -749,6 +749,18 @@ Array.from(document.querySelectorAll('pre.code-sample')).forEach(pre => {
   })
 })
 
+// Version selector
+$('#version').addEventListener('change', () => {
+  switch ($('#version').value) {
+    case '7.x':
+      window.location.assign('v7.html')
+      break
+    default:
+      window.location.assign('/')
+      break
+  }
+})
+
 // BuySellAdd native.js (fixed footer)
 _native.init('CK7DKKQI', {
   targetClass: 'native-js'

diff --git a/styles/styles.css b/styles/styles.css
@@ -87,6 +87,10 @@ nav {
         opacity: .8; }
         nav .share-the-love .social-buttons > *:hover {
           opacity: 1; }
+  nav .version-selector {
+    margin: 2em 0 0 .6em;
+    text-align: left;
+    font-size: 1.1em; }
 
 header {
   max-width: 40.625rem;

diff --git a/styles/styles.scss b/styles/styles.scss
@@ -107,6 +107,12 @@ nav {
       }
     }
   }
+
+  .version-selector {
+    margin: 2em 0 0 .6em;
+    text-align: left;
+    font-size: 1.1em;
+  }
 }
 
 header {