google
/
material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #16 from yeoman/js-style 

Reformat main.js
master
Sindre Sorhus 2014-05-15 19:23:03 +02:00
parent 323d61d583 6695f8e0b3
commit 58598dc6e4
1 changed files with 57 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

114
app/scripts/main.js
View File

@ -1,69 +1,69 @@
(function(document) {
var toggleDocumentationMenu = function() {
var navBtn = document.querySelector('.main-nav__btn');
var navList = document.querySelector('.main-nav__list');
var navIsOpenedClass = 'nav-is-opened';
var navListIsOpened = false;
(function (document) {
var toggleDocumentationMenu = function () {
var navBtn = document.querySelector('.main-nav__btn');
var navList = document.querySelector('.main-nav__list');
var navIsOpenedClass = 'nav-is-opened';
var navListIsOpened = false;
navBtn.addEventListener('click', function (event) {
event.preventDefault();
navBtn.addEventListener('click', function (event) {
event.preventDefault();
if (!navListIsOpened) {
addClass(navList, navIsOpenedClass);
navListIsOpened = true;
} else {
removeClass(navList, navIsOpenedClass);
navListIsOpened = false;
}
});
}
if (!navListIsOpened) {
addClass(navList, navIsOpenedClass);
navListIsOpened = true;
} else {
removeClass(navList, navIsOpenedClass);
navListIsOpened = false;
}
});
}
var toggleMainNav = function() {
var documentationItem =
document.querySelector('.main-nav__item--documentation');
var documentationLink =
document.querySelector('.main-nav__item--documentation > .main-nav__link');
var documentationIsOpenedClass = 'subnav-is-opened';
var documentationIsOpened = false;
var toggleMainNav = function () {
var documentationItem =
document.querySelector('.main-nav__item--documentation');
var documentationLink =
document.querySelector('.main-nav__item--documentation > .main-nav__link');
var documentationIsOpenedClass = 'subnav-is-opened';
var documentationIsOpened = false;
documentationLink.addEventListener('click', function (event) {
event.preventDefault();
documentationLink.addEventListener('click', function (event) {
event.preventDefault();
if (!documentationIsOpened) {
documentationIsOpened = true;
addClass(documentationItem, documentationIsOpenedClass);
} else {
documentationIsOpened = false;
removeClass(documentationItem, documentationIsOpenedClass);
}
if (!documentationIsOpened) {
documentationIsOpened = true;
addClass(documentationItem, documentationIsOpenedClass);
} else {
documentationIsOpened = false;
removeClass(documentationItem, documentationIsOpenedClass);
}
});
}
});
}
var isTouch = function() {
return ('ontouchstart' in window) ||
window.DocumentTouch && document instanceof DocumentTouch;
};
var isTouch = function () {
return ('ontouchstart' in window) ||
window.DocumentTouch && document instanceof DocumentTouch;
};
var addClass = function (element, className) {
if (!element) { return; }
element.className = element.className.replace(/\s+$/gi, '') + ' ' + className;
}
var addClass = function (element, className) {
if (!element) { return; }
element.className = element.className.replace(/\s+$/gi, '') + ' ' + className;
}
var removeClass = function(element, className) {
if (!element) { return; }
element.className = element.className.replace(className, '');
}
var removeClass = function (element, className) {
if (!element) { return; }
element.className = element.className.replace(className, '');
}
var html = document.querySelector('html');
removeClass(html, 'no-js');
addClass(html, 'js');
var html = document.querySelector('html');
removeClass(html, 'no-js');
addClass(html, 'js');
if (isTouch()) {
removeClass(html, 'no-touch');
addClass(html, 'is-touch');
}
if (isTouch()) {
removeClass(html, 'no-touch');
addClass(html, 'is-touch');
}
toggleDocumentationMenu();
toggleMainNav();
})(document);
toggleDocumentationMenu();
toggleMainNav();
}(document));