https://www.spatzen2000.at/typo3conf/ext/showcase/Resources/Public/Js/Bootstrap5/Showcase.js?1658479404

1document.addEventListener('DOMContentLoaded',function(){
2
3    const ajaxLoader = new AjaxLoader();
4    const listLoaded = function(data,targetObject){
5        targetObject.innerHTML = data;
6    }
7
8    /*
9    $('#project-modal').on('show.bs.modal', function (event) {
10        let projectUid = event.relatedTarget.getAttribute('data-project');
11        ajaxLoader.loadProject(projectUid,listLoaded,event.currentTarget.querySelector('.modal-content'));
12    });
13
14    $('#project-modal').on('hide.bs.modal', function (event) {
15        event.currentTarget.querySelector('.modal-content').innerHTML = '';
16    })
17    */
18
19    function resetCategoryLinks(categoryLinks){
20        categoryLinks.forEach((item, i) => {
21            item.classList.remove('active');
22        });
23    }
24
25    var posts = document.querySelectorAll('.grid-item');
26    imagesLoaded( posts, function() {
27        /*
28        let grid = $('.tx-showcase-plugin .grid').isotope({});
29        */
30
31        var elem = document.querySelector('.tx-showcase-plugin > .grid');
32        var iso = new Isotope( elem, {
33          // options
34          itemSelector: '.grid-item',
35          layoutMode: 'fitRows'
36        });
37
38        let categoryLinks = document.querySelectorAll('.showcase-cat-link');
39        categoryLinks.forEach((item, i) => {
40            item.addEventListener('click',function(e){
41                resetCategoryLinks(categoryLinks);
42                item.classList.add('active');
43                iso.arrange({ filter: e.currentTarget.getAttribute('data-cat') });
44                e.preventDefault();
45            });
46            return false;
47        });
48
49    });
50
51});