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

MediaWiki:Common.js

Материал из GravityWiki

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
/* Размещённый здесь код 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);
		};
        
        
            
    });
});