diff options
Diffstat (limited to 'dist/js')
-rw-r--r-- | dist/js/aplaylist.js | 53 | ||||
-rw-r--r-- | dist/js/navbar-burger.js | 23 |
2 files changed, 0 insertions, 76 deletions
diff --git a/dist/js/aplaylist.js b/dist/js/aplaylist.js deleted file mode 100644 index 1d88b62..0000000 --- a/dist/js/aplaylist.js +++ /dev/null @@ -1,53 +0,0 @@ -init(); - -function init(){ - var video = document.getElementById('video'); - var playlist = document.getElementById('playlist'); - var tracks = playlist.getElementsByTagName('a'); - video.volume = 0.50; - - //Cuenta los tracks - for(var track in tracks) { - var link = tracks[track]; - if(typeof link === "function" || typeof link === "number") continue; - link.addEventListener('click', function(e) { - e.preventDefault(); - var song = this.getAttribute('href'); - run(song, video, this); - }); - } - //Agregamos evento para reproducir el siguiente items - video.addEventListener('ended',function(e) { - for(var track in tracks) { - var link = tracks[track]; - var nextTrack = parseInt(track) + 1; - if(typeof link === "function" || typeof link === "number") continue; - if(!this.src) this.src = tracks[0]; - if(track == (tracks.length - 1)) nextTrack = 0; - console.log(nextTrack); - if(link.getAttribute('href') === this.src) { - var nextLink = tracks[nextTrack]; - run(nextLink.getAttribute('href'), video, nextLink); - break; - } - } - }); -} - -function run(song, video, link){ - var parent = link.parentElement; - //Quita el active de todos los elementos de la lista - var items = parent.parentElement.getElementsByTagName('li'); - for(var item in items) { - if(items[item].classList) - items[item].classList.remove("is-active-play"); - } - - //Agrega active a este elemento - parent.classList.add("is-active-play"); - - //Inicia la reproducción - video.src = song; - video.load(); - video.play(); -} diff --git a/dist/js/navbar-burger.js b/dist/js/navbar-burger.js deleted file mode 100644 index 084f02b..0000000 --- a/dist/js/navbar-burger.js +++ /dev/null @@ -1,23 +0,0 @@ -document.addEventListener('DOMContentLoaded', () => { - // Get all "navbar-burger" elements - const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0); - - // Check if there are any navbar burgers - if ($navbarBurgers.length > 0) { - - // Add a click event on each of them - $navbarBurgers.forEach( el => { - el.addEventListener('click', () => { - - // Get the target from the "data-target" attribute - const target = el.dataset.target; - const $target = document.getElementById(target); - - // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu" - el.classList.toggle('is-active'); - $target.classList.toggle('is-active'); - - }); - }); - } -}); |