|
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