MediaWiki:Common.js: Diferență între versiuni

m
m
Linia 17: Linia 17:
  
  
(function () {
+
document.addEventListener('DOMContentLoaded', function () {
    mw.hook('wikipage.content').add(function() {
+
    var selectedMonster = null;
        var selectedMonster = null;
+
    var selectedCategory = 'Weapondrops';  
        var selectedCategory = 'Weapondrops';  
 
  
        function showLoot(monster, category) {
+
    function showLoot(monster, category) {
            var lootList = document.getElementById('loot-list');
+
        var lootList = document.getElementById('loot-list');
            if (!lootList) return;  
+
        if (!lootList) {
            lootList.innerHTML = '';
+
            console.error('Loot list element not found');
 +
            return;
 +
        }
 +
        lootList.innerHTML = '';
  
            var apiUrl = 'https://ro-wiki.metin2.gameforge.com/api.php?action=parse&page=' + encodeURIComponent(monster) + '&prop=wikitext&format=json&origin=*';
+
        var apiUrl = 'https://ro-wiki.metin2.gameforge.com/api.php?action=parse&page=' + encodeURIComponent(monster) + '&prop=wikitext&format=json&origin=*';
  
            fetch(apiUrl)
+
        fetch(apiUrl)
                .then(function(response) {
+
            .then(function(response) {
                    if (!response.ok) {
+
                if (!response.ok) {
                        throw new Error('Network response was not ok: ' + response.statusText);
+
                    throw new Error('Network response was not ok: ' + response.statusText);
                    }
+
                }
                    return response.json();
+
                return response.json();
                })
+
            })
                .then(function(data) {
+
            .then(function(data) {
                    if (data.parse && data.parse.wikitext) {
+
                if (data.parse && data.parse.wikitext) {
                        var wikitext = data.parse.wikitext['*'];
+
                    var wikitext = data.parse.wikitext['*'];
                        var drops = {
+
                    var drops = {
                            Weapondrops: [],
+
                        Weapondrops: [],
                            Armordrops: [],
+
                        Armordrops: [],
                            Otherdrops: []
+
                        Otherdrops: []
                        };
+
                    };
  
                        ['Weapondrops', 'Armordrops', 'Otherdrops'].forEach(function(dropType) {
+
                    ['Weapondrops', 'Armordrops', 'Otherdrops'].forEach(function(dropType) {
                            var regex = new RegExp('\\|' + dropType + '\\s*=([\\s\\S]*?)(?=(\\n\\|\\w+\\s*=|$))', 'i');
+
                        var regex = new RegExp('\\|' + dropType + '\\s*=([\\s\\S]*?)(?=(\\n\\|\\w+\\s*=|$))', 'i');
                            var match = wikitext.match(regex);
+
                        var match = wikitext.match(regex);
                            if (match && match[1].trim()) {
+
                        if (match && match[1].trim()) {
                                var items = match[1].trim().split(/\n\s*[:*]\s*/);
+
                            var items = match[1].trim().split(/\n\s*[:*]\s*/);
                                drops[dropType] = items.map(function(item) {
+
                            drops[dropType] = items.map(function(item) {
                                    var textMatch = item.match(/\{\{Ti\|[^}]+\}\}/);
+
                                var textMatch = item.match(/\{\{Ti\|[^}]+\}\}/);
                                    if (textMatch) {
+
                                if (textMatch) {
                                        var linkTextMatch = textMatch[0].match(/\|\s*([^|}]+)\s*\}\}/);
+
                                    var linkTextMatch = textMatch[0].match(/\|\s*([^|}]+)\s*\}\}/);
                                        if (linkTextMatch) {
+
                                    if (linkTextMatch) {
                                            return linkTextMatch[1].trim();
+
                                        return linkTextMatch[1].trim();
                                        }
 
 
                                     }
 
                                     }
                                    return null;
+
                                }
                                }).filter(Boolean);
+
                                return null;
                            }
+
                            }).filter(Boolean);
                        });
+
                        }
 +
                    });
  
                        var itemsToDisplay = drops[category] || [];
+
                    var itemsToDisplay = drops[category] || [];
  
                        itemsToDisplay.forEach(function(item) {
+
                    itemsToDisplay.forEach(function(item) {
                            var li = document.createElement('li');
+
                        var li = document.createElement('li');
                            li.classList.add('loot-list-item');
+
                        li.classList.add('loot-list-item');
                            var link = document.createElement('a');
+
                        var link = document.createElement('a');
                            link.textContent = item;
+
                        link.textContent = item;
                            link.href = 'https://ro-wiki.metin2.gameforge.com/index.php/' + encodeURIComponent(item);
+
                        link.href = 'https://ro-wiki.metin2.gameforge.com/index.php/' + encodeURIComponent(item);
                            link.target = '_blank';  
+
                        link.target = '_blank';  
                            link.style.color = 'white';
+
                        link.style.color = 'white';
  
                            li.appendChild(link);
+
                        li.appendChild(link);
                            lootList.appendChild(li);
+
                        lootList.appendChild(li);
                        });
+
                    });
  
                        if (lootList.children.length === 0) {
+
                    if (lootList.children.length === 0) {
                            var li = document.createElement('li');
+
                        var li = document.createElement('li');
                            li.textContent = 'Nu am gasit nimic pentru aceasta categorie.';
+
                        li.textContent = 'Nu am gasit nimic pentru aceasta categorie.';
                            li.classList.add('loot-list-item');
+
                        li.classList.add('loot-list-item');
                            lootList.appendChild(li);
+
                        lootList.appendChild(li);
                        }
 
                    } else {
 
                        console.error('Unexpected data format:', data);
 
 
                     }
 
                     }
                 })
+
                 } else {
        }
+
                    console.error('Unexpected data format:', data);
 
 
        function updateHighlighting() {
 
            var monsterItems = document.querySelectorAll('#monster-list li');
 
            if (!monsterItems.length) return;
 
 
 
            monsterItems.forEach(function(item) {
 
                item.classList.remove('highlighted');
 
                if (item.getAttribute('data-monster') === selectedMonster) {
 
                    item.classList.add('highlighted');
 
 
                 }
 
                 }
 
             });
 
             });
 +
    }
 +
 +
    function updateHighlighting() {
 +
        var monsterItems = document.querySelectorAll('#monster-list li');
 +
        if (!monsterItems.length) return;
  
            var categoryItems = document.querySelectorAll('#category-list li');
+
        monsterItems.forEach(function(item) {
            categoryItems.forEach(function(item) {
+
            item.classList.remove('highlighted');
                item.classList.remove('highlighted');
+
            if (item.getAttribute('data-monster') === selectedMonster) {
                if (item.getAttribute('data-category') === selectedCategory) {
+
                item.classList.add('highlighted');
                    item.classList.add('highlighted');
+
            }
                }
+
        });
            });
 
        }
 
  
         function filterMonsters() {
+
         var categoryItems = document.querySelectorAll('#category-list li');
             var searchText = document.getElementById('monster-search');
+
        categoryItems.forEach(function(item) {
             if (!searchText) {
+
             item.classList.remove('highlighted');
                 console.error('Search input not found');
+
             if (item.getAttribute('data-category') === selectedCategory) {
                return;
+
                 item.classList.add('highlighted');
 
             }
 
             }
 +
        });
 +
    }
  
             var searchValue = searchText.value.toLowerCase();
+
    function filterMonsters() {
            var monsterItems = document.querySelectorAll('#monster-list li');
+
        var searchText = document.getElementById('monster-search');
 +
        if (!searchText) {
 +
             console.error('Search input not found');
 +
            return;
 +
        }
 +
 
 +
        var searchValue = searchText.value.toLowerCase();
 +
        var monsterItems = document.querySelectorAll('#monster-list li');
  
            if (!monsterItems.length) return;
+
        if (!monsterItems.length) return;
  
            var firstVisibleItem = null;
+
        var firstVisibleItem = null;
            monsterItems.forEach(function(item) {
+
        monsterItems.forEach(function(item) {
                var monsterName = item.textContent.toLowerCase();
+
            var monsterName = item.textContent.toLowerCase();
                if (monsterName.includes(searchValue)) {
+
            if (monsterName.includes(searchValue)) {
                    item.style.display = '';
+
                item.style.display = '';
                    if (!firstVisibleItem) {
+
                if (!firstVisibleItem) {
                        firstVisibleItem = item;
+
                    firstVisibleItem = item;
                    }
 
                } else {
 
                    item.style.display = 'none';
 
 
                 }
 
                 }
             });
+
             } else {
 +
                item.style.display = 'none';
 +
            }
 +
        });
  
            if (firstVisibleItem) {
+
        if (firstVisibleItem) {
                selectedMonster = firstVisibleItem.getAttribute('data-monster');
+
            selectedMonster = firstVisibleItem.getAttribute('data-monster');
                showLoot(selectedMonster, selectedCategory);
+
            showLoot(selectedMonster, selectedCategory);
                updateHighlighting();
+
            updateHighlighting();
            }
 
 
         }
 
         }
 +
    }
  
        var monsterSearch = document.getElementById('monster-search');
+
    var monsterSearch = document.getElementById('monster-search');
        if (monsterSearch) {
+
    if (monsterSearch) {
            monsterSearch.addEventListener('input', filterMonsters);
+
        monsterSearch.addEventListener('input', filterMonsters);
        } else {
+
    } else {
            console.error('Search input field not found');
+
        console.error('Search input field not found');
        }
+
    }
  
        var monsterItems = document.querySelectorAll('#monster-list li');
+
    var monsterItems = document.querySelectorAll('#monster-list li');
        monsterItems.forEach(function(item) {
+
    monsterItems.forEach(function(item) {
            item.addEventListener('click', function() {
+
        item.addEventListener('click', function() {
                selectedMonster = item.getAttribute('data-monster');
+
            selectedMonster = item.getAttribute('data-monster');
                selectedCategory = 'Weapondrops';  
+
            selectedCategory = 'Weapondrops';  
                showLoot(selectedMonster, selectedCategory);
+
            showLoot(selectedMonster, selectedCategory);
                updateHighlighting();
+
            updateHighlighting();
            });
 
 
         });
 
         });
 +
    });
  
        var categoryItems = document.querySelectorAll('#category-list li');
+
    var categoryItems = document.querySelectorAll('#category-list li');
        categoryItems.forEach(function(item) {
+
    categoryItems.forEach(function(item) {
            item.addEventListener('click', function() {
+
        item.addEventListener('click', function() {
                selectedCategory = item.getAttribute('data-category');
+
            selectedCategory = item.getAttribute('data-category');
  
                categoryItems.forEach(function(catItem) {
+
            categoryItems.forEach(function(catItem) {
                    catItem.classList.remove('highlighted');
+
                catItem.classList.remove('highlighted');
                });
 
 
 
                item.classList.add('highlighted');
 
               
 
                if (selectedMonster) {
 
                    showLoot(selectedMonster, selectedCategory);
 
                }
 
                updateHighlighting();
 
 
             });
 
             });
        });
 
  
        if (monsterItems.length > 0) {
+
            item.classList.add('highlighted');  
            selectedMonster = monsterItems[0].getAttribute('data-monster');
+
              
             showLoot(selectedMonster, selectedCategory);
+
            if (selectedMonster) {
 +
                showLoot(selectedMonster, selectedCategory);
 +
            }
 
             updateHighlighting();
 
             updateHighlighting();
         }
+
         });
 
     });
 
     });
})();
+
 
 +
    if (monsterItems.length > 0) {
 +
        selectedMonster = monsterItems[0].getAttribute('data-monster');
 +
        showLoot(selectedMonster, selectedCategory);
 +
        updateHighlighting();
 +
    }
 +
});

Versiunea de la data 22 august 2024 14:43

(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 () {
    var selectedMonster = null;
    var selectedCategory = 'Weapondrops'; 

    function showLoot(monster, category) {
        var lootList = document.getElementById('loot-list');
        if (!lootList) {
            console.error('Loot list element not found');
            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 = 'Nu am gasit nimic pentru aceasta categorie.';
                        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');
        if (!monsterItems.length) return;

        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');
            }
        });
    }

    function filterMonsters() {
        var searchText = document.getElementById('monster-search');
        if (!searchText) {
            console.error('Search input not found');
            return;
        }

        var searchValue = searchText.value.toLowerCase();
        var monsterItems = document.querySelectorAll('#monster-list li');

        if (!monsterItems.length) return;

        var firstVisibleItem = null;
        monsterItems.forEach(function(item) {
            var monsterName = item.textContent.toLowerCase();
            if (monsterName.includes(searchValue)) {
                item.style.display = '';
                if (!firstVisibleItem) {
                    firstVisibleItem = item;
                }
            } else {
                item.style.display = 'none';
            }
        });

        if (firstVisibleItem) {
            selectedMonster = firstVisibleItem.getAttribute('data-monster');
            showLoot(selectedMonster, selectedCategory);
            updateHighlighting();
        }
    }

    var monsterSearch = document.getElementById('monster-search');
    if (monsterSearch) {
        monsterSearch.addEventListener('input', filterMonsters);
    } else {
        console.error('Search input field not found');
    }

    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();
    }
});