Перейти к содержанию

MediaWiki:Common.js: различия между версиями

Материал из GravityWiki
Нет описания правки
Нет описания правки
 
(не показано 11 промежуточных версий этого же участника)
Строка 2: Строка 2:
$(function() {
$(function() {
     mw.hook('wikipage.content').add(function() {
     mw.hook('wikipage.content').add(function() {
    const personalTools = $('.vector-sticky-pinned-container');
          
          
         let xhr = new XMLHttpRequest();
         let xhr = new XMLHttpRequest();
Строка 9: Строка 10:
          
          
         xhr.onload = function() {
         xhr.onload = function() {
        let personalTools = $('.vector-sticky-pinned-container');
        
        
let responseObj = xhr.response;
let responseObj = xhr.response;
console.log(responseObj)
console.log(responseObj)
        let sidebarWrapper = $('<div class="sidebar__wrapper" style="display: none;"></div>');
        let sidebarWrapper = $('<div class="sidebar__wrapper"></div>');
         
         
        let monitoringWrapper = $('<div class="monitoring__wrapper"></div>');
        let monitoringWrapper = $('<div class="monitoring__wrapper"></div>');
         
         
        for (version in responseObj.monitoring.servers) {
        for (version in responseObj.monitoring.servers) {
        console.log(version)
        for (serverKey in responseObj.monitoring.servers[version]) {
        for (serverObj of responseObj.monitoring.servers[version]) {
        let serverObj = responseObj.monitoring.servers[version][serverKey];
        monitoringWrapper.append(`
        monitoringWrapper.append(`
        <div class="server__wrapper">
        <a href="${serverObj.url}" target="_blank" class="server__wrapper">
        <img src="${serverObj.icon}" alt="serverIcon" />
        <img class="server__img" src="${serverObj.icon}" alt="serverIcon" />
        <div class="server__info">
        <div class="server__info">
        <div class="server__info-title">${serverObj.name}</div>
        <div class="server__info-title">${serverObj.name}</div>
        <div class="server__info-version">${serverObj.version}</div>
        <div class="server__info-version">Версия: ${serverObj.version}</div>
        </div>
        </div>
        <div class="server__online">
        <div class="server__online">
        ${serverObj.online}
        ${serverObj.online}
        </div>
        </div>
        </div>
        </a>
        `);
        `);
        }
        }
        }
        }
        sidebarWrapper.append(monitoringWrapper);
         
         
        personalTools.last().append(customTools);
        personalTools.last().prepend(sidebarWrapper);
};
};
          
          

Текущая версия от 22:51, 15 октября 2025

/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */
$(function() {
    mw.hook('wikipage.content').add(function() {
    	const personalTools = $('.vector-sticky-pinned-container');
        
        let xhr = new XMLHttpRequest();
        xhr.open("GET", "https://gravitycraft.ru/api/external/v1/sidebar-info", true);
        xhr.responseType = 'json';
        xhr.send();
        
        xhr.onload = function() {
        	
			let responseObj = xhr.response;
			console.log(responseObj)
	        let sidebarWrapper = $('<div class="sidebar__wrapper"></div>');
	        
	        let monitoringWrapper = $('<div class="monitoring__wrapper"></div>');
	        
	        for (version in responseObj.monitoring.servers) {
	        	for (serverKey in responseObj.monitoring.servers[version]) {
	        		let serverObj = responseObj.monitoring.servers[version][serverKey];
		        	monitoringWrapper.append(`
		        		<a href="${serverObj.url}" target="_blank" class="server__wrapper">
		        			<img class="server__img" src="${serverObj.icon}" alt="serverIcon" />
		        			<div class="server__info">
		        				<div class="server__info-title">${serverObj.name}</div>
		        				<div class="server__info-version">Версия: ${serverObj.version}</div>
		        			</div>
		        			<div class="server__online">
		        				${serverObj.online}
		        			</div>
		        		</a>
		        	`);
	        	}
	        }
	        sidebarWrapper.append(monitoringWrapper);
	        
	        personalTools.last().prepend(sidebarWrapper);
		};
        
        
            
    });
});