MediaWiki:Common.js

Notă: După salvare, trebuie să treceți peste memoria cache a navigatorului pentru a putea vedea modificările:

• Firefox / Safari: țineți apăsat pe Shift în timp ce faceți clic pe Reîncărcare ori apăsați Ctrl-F5 sau Ctrl-R (⌘-R pe un sistem Mac);
• Google Chrome: apăsați Ctrl-Shift-R (⌘-Shift-R pe un sistem Mac);
• Internet Explorer: țineți apăsat pe Ctrl în timp ce faceți clic pe Reîmprospătare sau apăsați Ctrl-F5;
• Opera: Mergeți la Meniu → Setări (Opera → Preferințe pe un sistem Mac) și apoi la Confidențialitate & securitate → Șterge istoricul de navigare → Imagini și fișiere memorate în cache.

(function () {
    // Load GDPR Cookie Script
    var req = new XMLHttpRequest();
    req.addEventListener('load', function (ev) {
        if (this.status >= 200 && this.status < 300) {
            var data = JSON.parse(this.responseText);
            if (data.hasOwnProperty('version')) {
                var gdpr = document.createElement("script");
                gdpr.src = "https://s3-static.geo.gfsrv.net/cookiebanner/" + data.version + "/cookie.min.js";
                document.head.appendChild(gdpr);
            }
        }
    });
    req.open('GET', "https://s3-static.geo.gfsrv.net/cookiebanner/version.json");
    req.send();
})();


document.addEventListener('DOMContentLoaded', function() {
    mw.hook('wikipage.content').add(function() {
        var selectedMonster = null;
        var selectedCategory = 'Weapondrops'; 

        function showLoot(monster, category) {
            var lootList = document.getElementById('loot-list');
            if (!lootList) return; 
            lootList.innerHTML = '';

            var apiUrl = 'https://ro-wiki.metin2.gameforge.com/api.php?action=parse&page=' + encodeURIComponent(monster) + '&prop=wikitext&format=json&origin=*';

            fetch(apiUrl)
                .then(function(response) {
                    if (!response.ok) {
                        throw new Error('Network response was not ok: ' + response.statusText);
                    }
                    return response.json();
                })
                .then(function(data) {
                    if (data.parse && data.parse.wikitext) {
                        var wikitext = data.parse.wikitext['*'];
                        var drops = {
                            Weapondrops: [],
                            Armordrops: [],
                            Otherdrops: []
                        };

                        ['Weapondrops', 'Armordrops', 'Otherdrops'].forEach(function(dropType) {
                            var regex = new RegExp('\\|' + dropType + '\\s*=([\\s\\S]*?)(?=(\\n\\|\\w+\\s*=|$))', 'i');
                            var match = wikitext.match(regex);
                            if (match && match[1].trim()) {
                                var items = match[1].trim().split(/\n\s*[:*]\s*/);
                                drops[dropType] = items.map(function(item) {
                                    var textMatch = item.match(/\{\{Ti\|[^}]+\}\}/);
                                    if (textMatch) {
                                        var linkTextMatch = textMatch[0].match(/\|\s*([^|}]+)\s*\}\}/);
                                        if (linkTextMatch) {
                                            return linkTextMatch[1].trim();
                                        }
                                    }
                                    return null;
                                }).filter(Boolean);
                            }
                        });

                        var itemsToDisplay = drops[category] || [];

                        itemsToDisplay.forEach(function(item) {
                            var li = document.createElement('li');
                            li.classList.add('loot-list-item');
                            var link = document.createElement('a');
                            link.textContent = item;
                            link.href = 'https://ro-wiki.metin2.gameforge.com/index.php/' + encodeURIComponent(item);
                            link.target = '_blank'; 
                            link.style.color = 'white';

                            li.appendChild(link);
                            lootList.appendChild(li);
                        });

                        if (lootList.children.length === 0) {
                            var li = document.createElement('li');
                            li.textContent = 'No items found';
                            li.classList.add('loot-list-item');
                            lootList.appendChild(li);
                        }
                    } else {
                        console.error('Unexpected data format:', data);
                    }
                })
        }

        function updateHighlighting() {
            var monsterItems = document.querySelectorAll('#monster-list li');
            monsterItems.forEach(function(item) {
                item.classList.remove('highlighted');
                if (item.getAttribute('data-monster') === selectedMonster) {
                    item.classList.add('highlighted');
                }
            });

            var categoryItems = document.querySelectorAll('#category-list li');
            categoryItems.forEach(function(item) {
                item.classList.remove('highlighted');
                if (item.getAttribute('data-category') === selectedCategory) {
                    item.classList.add('highlighted');
                }
            });
        }

        var monsterItems = document.querySelectorAll('#monster-list li');
        monsterItems.forEach(function(item) {
            item.addEventListener('click', function() {
                selectedMonster = item.getAttribute('data-monster');
                selectedCategory = 'Weapondrops'; 
                showLoot(selectedMonster, selectedCategory);
                updateHighlighting();
            });
        });

        var categoryItems = document.querySelectorAll('#category-list li');
        categoryItems.forEach(function(item) {
            item.addEventListener('click', function() {
                selectedCategory = item.getAttribute('data-category');

                categoryItems.forEach(function(catItem) {
                    catItem.classList.remove('highlighted');
                });

                item.classList.add('highlighted'); 
                
                if (selectedMonster) {
                    showLoot(selectedMonster, selectedCategory);
                }
                updateHighlighting();
            });
        });

        if (monsterItems.length > 0) {
            selectedMonster = monsterItems[0].getAttribute('data-monster');
            showLoot(selectedMonster, selectedCategory);
            updateHighlighting();
        }

        var searchInput = document.getElementById('monster-search');
        if (searchInput) {
            searchInput.addEventListener('input', function() {
                var filter = searchInput.value.toLowerCase();
                monsterItems.forEach(function(item) {
                    var text = item.textContent.toLowerCase();
                    if (text.indexOf(filter) > -1) {
                        item.style.display = '';
                        item.classList.remove('highlighted'); 
                    } else {
                        item.style.display = 'none';
                    }
                });

                // Highlight the first visible item that matches the search
                var firstVisibleItem = document.querySelector('#monster-list li:not([style*="display: none"])');
                if (firstVisibleItem) {
                    firstVisibleItem.classList.add('highlighted');
                    selectedMonster = firstVisibleItem.getAttribute('data-monster');
                    showLoot(selectedMonster, selectedCategory);
                }
            });

            // Keyboard navigation for the search box
            searchInput.addEventListener('keydown', function(event) {
                var currentHighlighted = document.querySelector('#monster-list li.highlighted');
                if (event.key === 'ArrowDown') {
                    event.preventDefault();
                    if (currentHighlighted) {
                        var nextSibling = currentHighlighted.nextElementSibling;
                        while (nextSibling && nextSibling.style.display === 'none') {
                            nextSibling = nextSibling.nextElementSibling;
                        }
                        if (nextSibling) {
                            currentHighlighted.classList.remove('highlighted');
                            nextSibling.classList.add('highlighted');
                            selectedMonster = nextSibling.getAttribute('data-monster');
                            showLoot(selectedMonster, selectedCategory);
                        }
                    }
                } else if (event.key === 'ArrowUp') {
                    event.preventDefault();
                    if (currentHighlighted) {
                        var prevSibling = currentHighlighted.previousElementSibling;
                        while (prevSibling && prevSibling.style.display === 'none') {
                            prevSibling = prevSibling.previousElementSibling;
                        }
                        if (prevSibling) {
                            currentHighlighted.classList.remove('highlighted');
                            prevSibling.classList.add('highlighted');
                            selectedMonster = prevSibling.getAttribute('data-monster');
                            showLoot(selectedMonster, selectedCategory);
                        }
                    }
                } else if (event.key === 'Enter') {
                    if (currentHighlighted) {
                        showLoot(selectedMonster, selectedCategory);
                    }
                }
            });
        } else {
            console.error('Search input element not found');
        }
    });
});