Add index JS

This commit is contained in:
Jeremy Thomas
2017-10-10 17:48:01 +01:00
parent be06c297dc
commit 336c88d9c9
8 changed files with 197 additions and 54 deletions

View File

@@ -2,6 +2,36 @@
document.addEventListener('DOMContentLoaded', function () {
// Intro
var introVimeo = document.getElementById('introVimeo');
var npmClipboard = new Clipboard('#npmCopy');
introVimeo.addEventListener('load', function () {
introVimeo.parentNode.parentNode.classList.add('has-loaded');
});
npmClipboard.on('success', function (e) {
e.trigger.innerText = 'copied!';
e.trigger.classList.add('is-success');
setTimeout(function () {
e.trigger.innerText = 'copy';
e.trigger.classList.remove('is-success');
}, 500);
e.clearSelection();
});
npmClipboard.on('error', function (e) {
e.trigger.innerText = 'error!';
e.trigger.classList.add('is-error');
setTimeout(function () {
e.trigger.innerText = 'copy';
e.trigger.classList.remove('is-error');
}, 500);
});
// Grid
var $grid = document.getElementById('grid');
var $columns = Array.prototype.slice.call(document.querySelectorAll('#grid > .column'), 0);
var $markup = document.querySelector('#markup code');

View File

@@ -160,31 +160,6 @@ document.addEventListener('DOMContentLoaded', function () {
}
});
var npmClipboard = new Clipboard('#npmCopy');
npmClipboard.on('onclick', function (e) {
console.log('CLICK');
});
npmClipboard.on('success', function (e) {
e.trigger.innerText = 'copied!';
e.trigger.classList.add('is-success');
setTimeout(function () {
e.trigger.innerText = 'copy';
e.trigger.classList.remove('is-success');
}, 500);
e.clearSelection();
});
npmClipboard.on('error', function (e) {
e.trigger.innerText = 'error!';
e.trigger.classList.add('is-error');
setTimeout(function () {
e.trigger.innerText = 'copy';
e.trigger.classList.remove('is-error');
}, 500);
});
// Functions
function getAll(selector) {