Adds 2D/3D buttons to certain pages
// ==UserScript==
// @name MZ - 2D/3D Buttons
// @namespace douglaskampl
// @version 1.6
// @description Adds 2D/3D buttons to certain pages
// @author Douglas
// @match https://www.managerzone.com/?p=league*
// @match https://www.managerzone.com/?p=friendlyseries*
// @match https://www.managerzone.com/?p=cup*
// @match https://www.managerzone.com/?p=private_cup*
// @match https://www.managerzone.com/?p=national_teams*
// @icon https://www.google.com/s2/favicons?sz=64&domain=managerzone.com
// @grant none
// @run-at document-idle
// @license MIT
// ==/UserScript==
(function () {
'use strict';
function processLeagueOrWorldLeaguePage() {
const matchDate = parseDateFromHeader();
if (matchDate && matchDate > new Date()) return;
const tables = document.querySelectorAll('table.hitlist.marker');
tables.forEach(t => {
const rows = t.querySelectorAll('tbody tr');
rows.forEach(r => {
const link = r.querySelector('td:nth-child(2) a[href*="mid="]');
if (!link) return;
if (/X\s*-\s*X/i.test(link.textContent)) return;
const mid = link.href.match(/mid=(\d+)/)?.[1];
if (!mid) return;
const td3 = r.querySelector('td:nth-child(3)');
if (!td3 || td3.querySelector('.matchIcon')) return;
td3.appendChild(createButtons(mid));
});
});
}
function processFriendlyLeaguePage() {
const matchDate = parseDateFromHeader();
if (matchDate && matchDate > new Date()) return;
const tables = document.querySelectorAll('table.hitlist.marker');
tables.forEach(t => {
const rows = t.querySelectorAll('tbody tr');
rows.forEach(x => {
const a = x.querySelector('td:nth-child(2) a[href*="mid="]');
if (!a) return;
if (/X\s*-\s*X/i.test(a.textContent)) return;
const mid = a.href.match(/mid=(\d+)/)?.[1];
if (!mid) return;
const td3 = x.querySelector('td:nth-child(3)');
if (!td3 || td3.querySelector('.matchIcon')) return;
td3.appendChild(createButtons(mid));
});
});
}
function processCupPage() {
const t = document.querySelector('table.hitlist.marker');
if (!t) return;
const r = t.querySelectorAll('tbody tr');
r.forEach(x => {
const a = x.querySelector('td:nth-child(2) a[href*="mid="]');
if (!a) return;
if (/X\s*-\s*X/i.test(a.textContent)) return;
const mid = a.href.match(/mid=(\d+)/)?.[1];
if (!mid) return;
const td3 = x.querySelector('td:nth-child(3)');
if (!td3 || td3.querySelector('.matchIcon')) return;
td3.appendChild(createButtons(mid));
});
}
function processNTPage() {
const rows = document.querySelectorAll('td.bold[style*="white-space: nowrap"]');
let lastMatchRow = null;
for (const row of rows) {
const sibling = row.nextElementSibling;
if (!sibling) continue;
const matchLink = sibling.querySelector('a[href*="mid="]');
if (matchLink) {
lastMatchRow = sibling;
break;
}
}
if (!lastMatchRow) return;
if (lastMatchRow.querySelector('.matchIcon')) return;
const matchLink = lastMatchRow.querySelector('a[href*="mid="]');
if (!matchLink || /X\s*-\s*X/i.test(matchLink.textContent)) return;
const matchId = matchLink.href.match(/mid=(\d+)/)?.[1];
if (!matchId) return;
const flags = lastMatchRow.querySelectorAll('img[src*="flags"]');
if (flags.length >= 2) {
flags[1].insertAdjacentElement('afterend', createButtons(matchId));
} else {
matchLink.insertAdjacentElement('afterend', createButtons(matchId));
}
}
function handlePage() {
if (location.search.includes('p=league')) {
processLeagueOrWorldLeaguePage();
} else if (location.search.includes('p=friendlyseries')) {
processFriendlyLeaguePage();
} else if (location.search.includes('p=national_teams')) {
processNTPage();
} else {
processCupPage();
}
}
function createButtons(matchId) {
const btnContainer = document.createElement('span');
const btn2d = document.createElement('a');
btn2d.className = 'matchIcon shadow_soft';
btn2d.href = `/?p=match&sub=result&type=2d&play=2d&mid=${matchId}`;
btn2d.title = 'Watch match in 2D';
btn2d.rel = 'nofollow';
btn2d.style.fontSize = '9px';
btn2d.style.height = '10px';
btn2d.innerHTML = '<i>2D</i><span> 2D </span>';
btn2d.onclick = function(e) {
e.preventDefault();
powerboxCloseAll();
mz.openGameLayer('2d', matchId);
mz.noSleep.enable();
return false;
};
const btn3d = document.createElement('a');
btn3d.className = 'matchIcon shadow_soft inverted';
btn3d.href = `/?p=match&sub=result&type=3d&play=3d&mid=${matchId}`;
btn3d.title = 'Watch match in 3D';
btn3d.rel = 'nofollow';
btn3d.style.fontSize = '9px';
btn3d.style.height = '10px';
btn3d.style.margin = '0';
btn3d.innerHTML = '<i>3D</i><span> 3D </span>';
btn3d.onclick = function(e) {
e.preventDefault();
powerboxCloseAll();
mz.openGameLayer('3d', matchId);
mz.noSleep.enable();
return false;
};
btnContainer.appendChild(btn2d);
btnContainer.appendChild(btn3d);
return btnContainer;
}
function parseDateFromHeader() {
const h2 = document.querySelector('h2.subheader.clearfix');
if (!h2) return null;
const text = h2.textContent.trim();
const match = text.match(/(\d{1,2}\/\d{1,2}\/\d{4})\s+(\d{1,2}:\d{2}(am|pm))/i);
if (!match) return null;
const [ , datePart, timePart ] = match;
const [ d, m, y ] = datePart.split('/').map(n => parseInt(n, 10));
const parts = timePart.match(/(\d{1,2}):(\d{2})(am|pm)/i);
if (!parts) return null;
let [ , hh, mm, ampm ] = parts;
let h = parseInt(hh, 10);
const min = parseInt(mm, 10);
ampm = ampm.toLowerCase();
if (ampm === 'pm' && h < 12) h += 12;
if (ampm === 'am' && h === 12) h = 0;
return new Date(y, m - 1, d, h, min, 0);
}
let timeout = null;
const observer = new MutationObserver(() => {
if (!timeout) {
timeout = setTimeout(() => {
handlePage();
timeout = null;
}, 500);
}
});
observer.observe(document.body, { childList: true, subtree: true });
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', handlePage);
} else {
handlePage();
}
})();