https://szkoladoktorska.pk.edu.pl/wp-content/themes/pkr-multiportal-units/assets/js/blocks.js?ver=7.1.2

1// Blok 16
2(() => {
3    // Ubierz tekst odnośnika w span i dodaj kolejny span w celu ograniczenia szerokości tekstu
4    const listItems = document.querySelectorAll('ul.block_links_list li a');
5
6    if (listItems.length > 0) {
7        listItems.forEach(item => {
8            const text = item.textContent;
9            item.innerHTML = `<span>${text}</span><span></span>`;
10        });
11    }
12})();
13
14
15
16
17// Blok 25
18// W bloku Gutenberg Image Gallery od Spectra opcja infinite carousel musi być wyłączona, aby zachować właściwe działanie zdarzenia po kliknięciu na obrazek.
19
20document.addEventListener("DOMContentLoaded", function () {
21    var gallerySlider = document.querySelector('.block_gallery-slider.wp-block-uagb-image-gallery');
22
23    if (gallerySlider) {
24        // Tworzenie elementu div dla obecnie wyświetlanego obrazka
25        var currentImageDiv = document.createElement('div');
26        currentImageDiv.className = 'block_gallery-slider__current-image';
27
28        // Wstawienie elementu currentImageDiv przed galerią
29        gallerySlider.parentNode.insertBefore(currentImageDiv, gallerySlider);
30
31        // Pobranie wszystkich elementów obrazków z galerii
32        var galleryImages = gallerySlider.querySelectorAll('.spectra-image-gallery__media-wrapper');
33
34        // Pobranie źródła i alt pierwszego obrazka
35        // var firstImageSource = galleryImages[0].querySelector('img').getAttribute('src');
36        var firstImageSource = galleryImages[0].querySelector('source').getAttribute('srcset');
37        var firstImageAlt = galleryImages[0].querySelector('img').getAttribute('alt');
38
39        // Wczytanie pierwszego obrazka do elementu currentImageDiv
40        currentImageDiv.innerHTML = '<img src="' + firstImageSource + '" alt="' + firstImageAlt + '">';
41
42        // Dodanie obsługi kliknięcia dla każdego obrazka w galerii
43        galleryImages.forEach(function (imageWrapper) {
44            imageWrapper.addEventListener('click', function () {
45                //     var imageSource = this.querySelector('img').getAttribute('src');
46                var imageSource = this.querySelector('source').getAttribute('srcset');
47                var imageAlt = this.querySelector('img').getAttribute('alt');
48                currentImageDiv.innerHTML = '<img src="' + imageSource + '" alt="' + imageAlt + '">';
49            });
50        });
51    }
52});
53
54
55
56// Blok Nekrologi
57// Dodaj ikonę żałobnej wstążki
58var divElement = document.createElement('div');
59divElement.classList.add('block_obituary__ribbon');
60
61var wpBlockColumns = document.querySelectorAll('.block_obituary.wp-block-columns .wp-block-columns .wp-block-column');
62
63wpBlockColumns.forEach(function (wpBlockColumn) {
64    var firstParagraph = wpBlockColumn.querySelector('p');
65
66    if (firstParagraph) {
67        wpBlockColumn.insertBefore(divElement.cloneNode(true), firstParagraph);
68    } else {
69        wpBlockColumn.insertBefore(divElement.cloneNode(true), wpBlockColumn.firstChild);
70    }
71});
72
73// Dodaj klasę do kolumn bez zawartości tekstowej w celu ukrycia styli kolumny i obrazka wstążki
74const obituaryBlockColumns = document.querySelectorAll('.block_obituary.wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-column');
75
76obituaryBlockColumns.forEach(column => {
77    const paragraph = column.querySelector('p');
78
79    if (!paragraph || !paragraph.textContent.trim()) {
80        column.classList.add('block_obituary__column--clear');
81    }
82});