X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/a8282aa69e00292bec986722c5230ff89f96f450..9c2555ad140dca1c09cde628bd22aac811e05b7e:/src/wolnelektury/static/2022/scripts/main.js?ds=inline diff --git a/src/wolnelektury/static/2022/scripts/main.js b/src/wolnelektury/static/2022/scripts/main.js index 228f629a5..de8b661bd 100644 --- a/src/wolnelektury/static/2022/scripts/main.js +++ b/src/wolnelektury/static/2022/scripts/main.js @@ -49,6 +49,36 @@ }); })(); + + +// Text overlay toggler +(function () { + let overlays = $('.l-article__overlay'); + let button = $('.l-article__read-more'); + + overlays.each(function () { + let maxHeight = $(this).attr('data-max-height'); + if($(this).outerHeight() > maxHeight) { + $(this).css({'maxHeight': maxHeight+'px'}).addClass('is-active'); + } else { + $(this).next('.l-article__read-more').hide(); + } + }); + + button.on('click', function() { + let dataLabel = $(this).attr('data-label'); + let dataAction = $(this).attr('data-action'); + $(this).parent().find('.l-article__overlay').toggleClass('is-clicked'); + if($(this).text() === dataLabel) { + $(this).text(dataAction); + } else { + $(this).text(dataLabel); + } + }); +})(); + + + // Quotes slider (function () { let slider = $('.l-author__quotes__slider'); @@ -63,3 +93,48 @@ autoplaySpeed: 2500 }); })(); + + +//Zmieniamy się popup +(function() { + let $change = $('.l-change-pop'); + function change() { + if(localStorage.getItem('change') === null) { + $change.addClass('show'); + } + + $change.on('click', '.l-change-pop__close', function () { + $change.slideUp(); + localStorage.setItem('change', 'showed'); + + $menubtn = $('.c-hamburger').parent(); + $menubtn.removeClass('is-active'); + $('.animate', $menubtn).removeClass('animate'); + }); + + $(".c-hamburger").click(function() { + $button = $(this).parent(); + if ($button.hasClass('is-active')) { + $change.slideUp(); + localStorage.setItem('change', 'showed'); + } else { + localStorage.removeItem('change'); + $change.slideDown({ + start: function() { + $(this).css({display: "flex"}); + } + }); + } + }); + } + + if($change.length) { change(); } + + function quit_experiment() { + document.cookie = 'EXPERIMENT_layout=off; path=/; max-age=31536000'; + window.location.reload(true); + } + $(".quit-experiment").click(quit_experiment); + + +})();