1
0
Fork 0
mirror of https://github.com/rails/rails.git synced 2022-11-09 12:12:34 -05:00
rails--rails/guides/assets/javascripts/guides.js
Yoshiyuki Hirano b261508002 Refactor guides javascripts
* Remove `$` prefix from all variables (`$` prefix means jQuery object)
* Old browsers doesn't support forEach. So use for instead of forEach.
2018-04-23 04:30:47 +09:00

54 lines
1.6 KiB
JavaScript

(function() {
"use strict";
this.syntaxhighlighterConfig = { autoLinks: false };
this.wrap = function(elem, wrapper) {
elem.parentNode.insertBefore(wrapper, elem);
wrapper.appendChild(elem);
}
this.unwrap = function(elem) {
var wrapper = elem.parentNode;
wrapper.parentNode.replaceChild(elem, wrapper);
}
this.createElement = function(tagName, className) {
var elem = document.createElement(tagName);
elem.classList.add(className);
return elem;
}
document.addEventListener("DOMContentLoaded", function() {
var guidesMenu = document.getElementById("guidesMenu");
var guides = document.getElementById("guides");
guidesMenu.addEventListener("click", function(e) {
e.preventDefault();
guides.classList.toggle("visible");
});
var guidesIndexItem = document.querySelector("select.guides-index-item");
var currentGuidePath = window.location.pathname;
guidesIndexItem.value = currentGuidePath.substring(currentGuidePath.lastIndexOf("/") + 1);
guidesIndexItem.addEventListener("change", function(e) {
window.location = e.target.value;
});
var moreInfoButton = document.querySelector(".more-info-button");
var moreInfoLinks = document.querySelector(".more-info-links");
moreInfoButton.addEventListener("click", function(e) {
e.preventDefault();
if (moreInfoLinks.classList.contains("s-hidden")) {
wrap(moreInfoLinks, createElement("div", "more-info-container"));
moreInfoLinks.classList.remove("s-hidden");
} else {
moreInfoLinks.classList.add("s-hidden");
unwrap(moreInfoLinks);
}
});
});
}).call(this);