http://verticalurbanism.org/wp-content/themes/mds-multiple-theme/assets/js/viewToggle.js

1document.addEventListener("DOMContentLoaded", () => {
2    const toggleButtons = document.querySelectorAll('.view-type__toggle-button');
3
4    toggleButtons.forEach(button => {
5        button.addEventListener('click', () => {
6            console.log("uwu");
7            const targetName = button.dataset.target; // "research-projects-container"
8            const view = button.dataset.view; // "grid" or "list"
9
10            // Select the corresponding container
11            const container = document.querySelector(`[data-container="${targetName}"]`);
12            if (!container) return;
13
14            // Toggle view classes
15            container.classList.remove('grid-view', 'list-view');
16            container.classList.add(`${view}-view`);
17
18            // Toggle active state on buttons targeting the same container
19            toggleButtons.forEach(btn => {
20                if (btn.dataset.target === targetName) btn.classList.remove('active');
21            });
22            button.classList.add('active');
23
24            setTimeout(() => {
25                initUnderlineAnimations();
26            });
27        });
28    });
29});