|
1 | 1 | window.addEventListener("DOMContentLoaded", function () {
|
2 | 2 | // This is a bit hacky. Figure out the base URL from a known CSS file the
|
3 | 3 | // template refers to...
|
4 |
| - var ex = new RegExp("/?assets/fonts/material-icons.css$"); |
5 |
| - var sheet = document.querySelector('link[href$="material-icons.css"]'); |
| 4 | + var ex = new RegExp("/?assets/fonts/material-icons.css$") |
| 5 | + var sheet = document.querySelector('link[href$="material-icons.css"]') |
6 | 6 |
|
7 |
| - var REL_BASE_URL = sheet.getAttribute("href").replace(ex, ""); |
8 |
| - var ABS_BASE_URL = sheet.href.replace(ex, ""); |
9 |
| - var CURRENT_VERSION = ABS_BASE_URL.split("/").pop(); |
| 7 | + var REL_BASE_URL = sheet.getAttribute("href").replace(ex, "") |
| 8 | + var ABS_BASE_URL = sheet.href.replace(ex, "") |
| 9 | + var CURRENT_VERSION = ABS_BASE_URL.split("/").pop() |
10 | 10 |
|
11 | 11 | function makeSelect(options, selected) {
|
12 |
| - var select = document.createElement("select"); |
13 |
| - select.classList.add("form-control"); |
| 12 | + var select = document.createElement("select") |
| 13 | + select.classList.add("form-control") |
14 | 14 |
|
15 | 15 | options.forEach(function (i) {
|
16 |
| - var option = new Option(i.text, i.value, undefined, |
17 |
| - i.value === selected); |
18 |
| - select.add(option); |
19 |
| - }); |
| 16 | + var option = new Option(i.text, i.value, undefined, i.value === selected) |
| 17 | + select.add(option) |
| 18 | + }) |
20 | 19 |
|
21 |
| - return select; |
| 20 | + return select |
22 | 21 | }
|
23 | 22 |
|
24 |
| - var xhr = new XMLHttpRequest(); |
25 |
| - xhr.open("GET", ABS_BASE_URL + "/../versions.json"); |
| 23 | + var xhr = new XMLHttpRequest() |
| 24 | + xhr.open("GET", ABS_BASE_URL + "/../versions.json") |
26 | 25 | xhr.onload = function () {
|
27 |
| - var versions = JSON.parse(this.responseText); |
| 26 | + var versions = JSON.parse(this.responseText) |
28 | 27 |
|
29 | 28 | var realVersion = versions.find(function (i) {
|
30 |
| - return i.version === CURRENT_VERSION || |
31 |
| - i.aliases.includes(CURRENT_VERSION); |
32 |
| - }).version; |
33 |
| - |
34 |
| - var select = makeSelect(versions.map(function (i) { |
35 |
| - return { text: i.title, value: i.version }; |
36 |
| - }), realVersion); |
| 29 | + return i.version === CURRENT_VERSION || i.aliases.includes(CURRENT_VERSION) |
| 30 | + }).version |
| 31 | + |
| 32 | + var select = makeSelect( |
| 33 | + versions.map(function (i) { |
| 34 | + return { text: i.title, value: i.version } |
| 35 | + }), |
| 36 | + realVersion |
| 37 | + ) |
37 | 38 | select.addEventListener("change", function (event) {
|
38 |
| - window.location.href = ABS_BASE_URL + "/../" + this.value; |
39 |
| - }); |
40 |
| - |
41 |
| - var container = document.createElement("div"); |
42 |
| - container.id = "version-selector"; |
43 |
| - container.className = "md-nav__item"; |
44 |
| - container.appendChild(select); |
45 |
| - |
46 |
| - var sidebar = document.querySelector(".md-nav--primary > .md-nav__list"); |
47 |
| - sidebar.parentNode.insertBefore(container, sidebar); |
48 |
| - }; |
49 |
| - xhr.send(); |
50 |
| -}); |
| 39 | + window.location.href = ABS_BASE_URL + "/../" + this.value |
| 40 | + }) |
| 41 | + |
| 42 | + var container = document.createElement("div") |
| 43 | + container.id = "version-selector" |
| 44 | + container.className = "md-nav__item" |
| 45 | + container.appendChild(select) |
| 46 | + |
| 47 | + var sidebar = document.querySelector(".md-nav--primary > .md-nav__list") |
| 48 | + sidebar.parentNode.insertBefore(container, sidebar) |
| 49 | + } |
| 50 | + xhr.send() |
| 51 | +}) |
0 commit comments