(function($){
$(function(){ // Masonry Grid var $container = $('#masonry-grid'); // initialize $container.masonry({ columnWidth: '.col:not([style*="display: none"])', itemSelector: '.card-wrapper', horizontalOrder: true }); // Show/reveal cards $(".tag-name").click(function(el){ el.preventDefault(); const tag = $(this).data("tag"); var $chips = $("[data-tag="+tag+"] > .chip"); var $cards = {}; if ($chips.hasClass("active")){ $chips.toggleClass("active"); if ($(".active").size()){ $cards = $('.card-wrapper[style*="display: none"]').filter(function() { return $(".active", this).size(); }); }else{ $cards = $('.card-wrapper[style*="display: none"]'); } }else{ $chips.toggleClass("active"); $cards = $('.card-wrapper:not([style*="display: none"])').not(function() { return $("[data-tag="+tag+"]", this).size(); }); } $cards.fadeToggle("800", "jswing", function(){ $container.masonry('layout').masonry(); }); }); // Scroll Reveal window.sr = ScrollReveal(); sr.reveal('.card'); // Mobile button colapse function adjustIndex() { $('body').scrollTop(0); $("#sidenav-overlay").addClass("adjust-index"); } $('.button-collapse').click(function(){ adjustIndex(); }); // Change sharing icon when menu is opened $(".click-to-toggle").click(function(){ var icon = $(this).find(".btn-floating > i"); if ($(this).hasClass('active')) { icon.text("share"); } else{ icon.text("clear"); } }); }); // end of document ready
})(jQuery); // end of jQuery name space
document.addEventListener('DOMContentLoaded', function() {
const M = window.M; var elems = document.querySelectorAll('.sidenav'); var opts = { edge: 'left' // Choose the horizontal origin }; var instances = M.Sidenav.init(elems, opts);
});