☰

MZ Axis

Based on the Murder script, add copy-paste functions and move the coordinate axis to the center field.

目前為 2024-03-13 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name         MZ Axis
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1
  5. // @description  Based on the Murder script, add copy-paste functions and move the coordinate axis to the center field.
  6. // @author       jrcl
  7. // @match        https://www.managerzone.com/?p=tactics*
  8. // @grant        none
  9. // @license      MIT
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14.  
  15.     var coordsContainerAux = document.getElementById('formation-container');
  16.     var input = '<input id=\"**id**\" type=\"text\" style=\"width: 20px\" value=\"**val**\">';
  17.     var _x = '--';
  18.     var _y = '--';
  19.  
  20.     var formation = [];
  21.  
  22.     if(allowed()) {
  23.         var coordsContainer = document.getElementById('formation-container');
  24.         var m = "<div><span style=\"font-weight: 600\">" + allowed() + "</span></div>";
  25.         wrapCoordinates();
  26.         var node = createElementFromHTML(m);
  27.         coordsContainer.appendChild(node);
  28.     }
  29.     else if(isSoccer()) {
  30.         var murder = 'murder';
  31.         var test = window.btoa(murder);
  32.         var test2 = window.atob(test);
  33.         enableActionsForAllTabs();
  34.         enableActionForAltTactics();
  35.         addEventsToPlayers();
  36.         drawCoordinates();
  37.         document.addEventListener("keydown", setKeys);
  38.         document.addEventListener("click", clickEvent);
  39.     }
  40.  
  41.     function addEventsToPlayers() {
  42.         var checkExist = setInterval(function() {
  43.             if (document.getElementsByClassName('fieldpos fieldpos-ok ui-draggable').length) {
  44.                 var players = document.getElementsByClassName('fieldpos fieldpos-ok ui-draggable');
  45.                 for (var i = 0; i < players.length; ++i) {
  46.                     players[i].addEventListener('click', setCoordsLabel, false);
  47.                     players[i].addEventListener('keydown', setCoordsLabel, false);
  48.                 }
  49.                 clearInterval(checkExist);
  50.             }
  51.         }, 1000);
  52.  
  53.     }
  54.  
  55.     function setCoordsLabel(player) {
  56.         getOffset(player.path[1]);
  57.         drawCoordinates();
  58.     }
  59.  
  60.     function getOffset( el ) {
  61.         _y = 101 - (el.offsetTop - 54);
  62.         _x = el.offsetLeft - 97;
  63.     }
  64.  
  65.     function drawCoordinates() {
  66.         let coord = document.getElementById('divCoords');
  67.         if(coord) {
  68.             coord.parentElement.removeChild(coord);
  69.         }
  70.  
  71.         var coordsContainer = document.getElementById('formation-container');
  72.         var divCoords = "<div id=\"divCoords\"><span style=\"font-weight: 600\">Player position: **coords**</span>"+
  73.             //"<span><input id=\"copyBtn\" type=\"button\" value=\"Copy\" onclick=\"copyFormation();\"/></span>" +
  74.             "&nbsp;<span><button id=\"copyBtn\" onclick=\"copyFormation()\">Copy</button></span>" +
  75.             "&nbsp;<span><button id=\"pasteBtn\" onclick=\"pasteFormation()\">Paste</button></span>" +
  76.             // "<span><textarea id=\"txtFormation\" name=\"textarea\"></textarea></span>" +
  77.             "</div>";
  78.         wrapCoordinates();
  79.         var node = createElementFromHTML(divCoords.replace('**coords**', _x + _y));
  80.         coordsContainer.appendChild(node);
  81.         applyCoordinates();
  82.  
  83.         document.getElementById("copyBtn").onclick = copyFormation;
  84.         document.getElementById("pasteBtn").onclick = pasteFormation;
  85.  
  86.     }
  87.  
  88.     function copyFormation() {
  89.         formation = [];
  90.         var player = document.querySelectorAll('.fieldpos.fieldpos-ok.ui-draggable:not(.substitute):not(.goalkeeper)');
  91.         for (let i = 0; i < player.length; i++) {
  92.             formation.push([Number((player[i].style.left).slice(0,-2)), Number((player[i].style.top).slice(0,-2))]);
  93.         }
  94.  
  95.         // order by top desc and left asc
  96.         formation = formation.sort(function(a,b) { if (b[1] == a[1]) return a[0] - b[0]; else return b[1] - a[1]; })
  97.  
  98.         let txtCoord = "";
  99.         for (let coord of formation) {
  100.             txtCoord += (coord[0] - 97) + "," + (155 - coord[1]) + '\n';
  101.         }
  102.  
  103.         navigator.clipboard.writeText(txtCoord)
  104.             .then(() => {
  105.             console.log('Formation copied to the clipboard');
  106.             alert('Formation copied to the clipboard');
  107.         })
  108.             .catch(err => {
  109.             console.error('Error copying to the clipboard:', err);
  110.         })
  111.         console.log(txtCoord);
  112.     }
  113.  
  114.     function pasteFormation() {
  115.         navigator.clipboard.readText()
  116.           .then(text => {
  117.             console.log('Clipboard text:', text)
  118.             // is xml content?
  119.             if (text.search("xml") != -1) {
  120.                 // parse clipboard to xml file
  121.                 console.log('Cartesian coordinate system from XML file');
  122.                 let parser = new DOMParser();
  123.                 let xmlDoc = parser.parseFromString(text,"text/xml");
  124.                 
  125.                 formation = [];
  126.                 let pos = xmlDoc.getElementsByTagName("Pos")
  127.                 for (var i = 1; i < pos.length; i++) {
  128.                     formation.push([Number(pos[i].getAttribute("x")) - 7, Number(pos[i].getAttribute("y")) - 9]);
  129.                 }
  130.  
  131.                 formation = formation.sort(function(a,b) { if (b[1] == a[1]) return a[0] - b[0]; else return b[1] - a[1]; })
  132.                 setFormation();
  133.             } else if (text.trim().split('\n').length == 10) { // is there 10 coord?
  134.                 console.log('Cartesian coordinate system from Clipboard');
  135.                 let coorXY = text.trim().split('\n')
  136.  
  137.                 formation = [];
  138.                 for (let pair of coorXY) {
  139.                     let [xAxis,yAxis] = pair.split(',');
  140.                     formation.push([Number(xAxis) + 97, 155 - Number(yAxis)]);
  141.                 }
  142.  
  143.                 formation = formation.sort(function(a,b) { if (b[1] == a[1]) return a[0] - b[0]; else return b[1] - a[1]; })
  144.                 setFormation();
  145.             } else if (formation.length == 10) {
  146.                 console.log('Cartesian coordinate system from internal var');
  147.                 setFormation();
  148.             } else {
  149.                 console.log("Nothing to do");
  150.             }
  151.  
  152.  
  153.           })
  154.           .catch(err => {
  155.             console.error('Error reading from the clipboard:', err)
  156.           })
  157.     }
  158.  
  159.     function setFormation() {
  160.         let player = document.querySelectorAll('.fieldpos.fieldpos-ok.ui-draggable:not(.substitute):not(.goalkeeper)');
  161.  
  162.         if (formation.length == player.length) {
  163.             // get an order
  164.             let oldFormation = [];
  165.             for (let i = 0; i < player.length; i++) {
  166.                 oldFormation.push([Number((player[i].style.left).slice(0,-2)), Number((player[i].style.top).slice(0,-2)), i]);
  167.             }
  168.  
  169.             oldFormation = oldFormation.sort(function(a,b) { if (b[1] == a[1]) return a[0] - b[0]; else return b[1] - a[1]; })
  170.  
  171.             for (let i = 0; i < formation.length; i++) {
  172.                 player[oldFormation[i][2]].style.left = formation[i][0] + 'px';
  173.                 player[oldFormation[i][2]].style.top = formation[i][1] + 'px';
  174.             }
  175.             alert('Formation successfully copied');
  176.             formation = []; // empty formation
  177.         }
  178.     }
  179.  
  180.     function createElementFromHTML(htmlString) {
  181.         var div = document.createElement('div');
  182.         div.innerHTML = htmlString.trim();
  183.  
  184.         // Change this to div.childNodes to support multiple top-level nodes
  185.         return div.firstChild;
  186.     }
  187.  
  188.     function applyCoordinates() {
  189.         var inpX = document.getElementById('inputX');
  190.         var inpY = document.getElementById('inputY');
  191.  
  192.         inpX.addEventListener('keyup', setPlayerPosition, false);
  193.         inpY.addEventListener('keyup', setPlayerPosition, false);
  194.     }
  195.  
  196.     function setPlayerPosition(input) {
  197.         var c = input.currentTarget.id === 'inputX' ? 'x' : 'y';
  198.         let selectedInput = c === 'x' ? document.getElementById('inputX') : document.getElementById('inputY');
  199.         //get selected player
  200.         var players = document.getElementsByClassName('fieldpos fieldpos-ok ui-draggable ui-selected');
  201.         var playerCollision = document.getElementsByClassName('fieldpos ui-selected fieldpos-collision');
  202.         if(players.length) {
  203.             let xVal = c === 'x' ? input.currentTarget.value : document.getElementById('inputX').value;
  204.             let yVal = c === 'y' ? input.currentTarget.value : document.getElementById('inputY').value;
  205.  
  206.             if(isInRange(c == 'x' ? xVal : yVal, c)) {
  207.                 removeBorder(selectedInput);
  208.                 players[0].style.left = (parseInt(xVal) + 97) + "px";
  209.                 players[0].style.top = (101 - parseInt(yVal) + 54) + "px";
  210.             }
  211.             else {
  212.                 addBorder(selectedInput);
  213.             }
  214.         }
  215.         else if(playerCollision.length) {
  216.             let xVal = c === 'x' ? input.currentTarget.value : document.getElementById('inputX').value;
  217.             let yVal = c === 'y' ? input.currentTarget.value : document.getElementById('inputY').value;
  218.  
  219.             if(isInRange(c == 'x' ? xVal : yVal, c)) {
  220.                 removeBorder(selectedInput);
  221.                 playerCollision[0].style.left = (parseInt(xVal) + 97) + "px";
  222.                 playerCollision[0].style.top = (101 - parseInt(yVal) + 54) + "px";
  223.             }
  224.             else {
  225.                 addBorder(selectedInput);
  226.             }
  227.         }
  228.     }
  229.  
  230.     function wrapCoordinates() {
  231.         var inpX = input.replace('**id**','inputX').replace('**val**', _x);
  232.         var inpY = input.replace('**id**','inputY').replace('**val**', _y);
  233.         _x = '<span style=\"color: green\"> X: </span>' + inpX;
  234.         _y = '<span style=\"color: blue\"> Y: </span>' + inpY;
  235.     }
  236.  
  237.     function isInRange(number, coordinate) {
  238.         if(!isNaN(number)) {
  239.             var integer = parseInt(number);
  240.             if(coordinate == 'x') {
  241.                 return integer <= 96 && integer >= -96;
  242.             }
  243.             else if(coordinate == 'y') {
  244.                 return integer <= 101 && integer >= -157;
  245.             }
  246.             else {
  247.                 return false;
  248.             }
  249.         }
  250.         else {
  251.             return false;
  252.         }
  253.     }
  254.  
  255.     function setKeys(key) {
  256.         if((key.keyCode === 37 || key.keyCode === 38 || key.keyCode === 39 || key.keyCode === 40)
  257.            && (key.currentTarget.activeElement.localName != 'input')) {
  258.  
  259.             var players = document.getElementsByClassName('fieldpos fieldpos-ok ui-draggable ui-selected');
  260.             var playerCollision = document.getElementsByClassName('fieldpos ui-selected fieldpos-collision');
  261.             //player selected with or without collision
  262.             if(players.length) {
  263.                 _y = 101 - (players[0].offsetTop - 54);
  264.                 _x = players[0].offsetLeft - 97;
  265.             }
  266.             else if (playerCollision.length) {
  267.                 _y = 101 - (playerCollision[0].offsetTop - 54);
  268.                 _x = playerCollision[0].offsetLeft - 97;
  269.             }
  270.             else {
  271.                 _y = '--';
  272.                 _x = '--';
  273.             }
  274.  
  275.             drawCoordinates();
  276.         }
  277.     }
  278.  
  279.     function clickEvent(ev) {
  280.         if(ev.currentTarget.activeElement.localName === 'select') {
  281.             return false;
  282.         }
  283.         var players = document.getElementsByClassName('fieldpos fieldpos-ok ui-draggable ui-selected');
  284.         var playerCollision = document.getElementsByClassName('fieldpos ui-selected fieldpos-collision');
  285.         if(!players.length && !playerCollision.length) {
  286.             _y = '--';
  287.             _x = '--';
  288.             drawCoordinates();
  289.         }
  290.     }
  291.  
  292.     function enableActionsForAllTabs() {
  293.         var tabs = document.getElementsByClassName('ui-state-default ui-corner-top');
  294.         let ttta = document.getElementById('ttta');
  295.         let tttb = document.getElementById('tttb');
  296.         ttta.addEventListener('click',restart);
  297.         tttb.addEventListener('click',restart);
  298.  
  299.         for (var i = 0; i < tabs.length; ++i) {
  300.             tabs[i].addEventListener("click", function() {
  301.                 addEventsToPlayers();
  302.                 enableActionForAltTactics();
  303.             });
  304.         }
  305.     }
  306.  
  307.     function enableActionForAltTactics() {
  308.         var altTactics = document.getElementById('formation_select');
  309.         altTactics.addEventListener('change',tacticChange);
  310.     }
  311.  
  312.     function tacticChange() {
  313.         let resetBtn = document.getElementById('reset_formation');
  314.         let copyBtn = document.getElementById('replace_starting_formation');
  315.  
  316.         resetBtn.addEventListener('click',restart);
  317.         copyBtn.addEventListener('click',restart);
  318.  
  319.         restart();
  320.     }
  321.  
  322.     function restart() {
  323.         _y = '--';
  324.         _x = '--';
  325.         addEventsToPlayers();
  326.         drawCoordinates();
  327.     }
  328.  
  329.     function addBorder(input) {
  330.         input.style.border = 'solid 4px red';
  331.     }
  332.     function allowed(){let G=!1,b=[{u:"ZGllZ29jYXBhbm8=",m:"VXN0ZWQgbm8gdGllbmUgcGVybWl0aWRvIHVzYXIgbGEgaGVycmFtaWVudGEgZGFkbyBxdWUgcG9zZWUgbeFzIGRlIHVuYSBjdWVudGEu"},{u:"bWF4d2VsbHNtYXJ0ODE=",m:"RWwgc2lzdGVtYSBoYSBkZXRlY3RhZG8gcXVlIHVzdGVkIGVzIGRlbWFzaWFkbyB0cmFtcG9zbyBwYXJhIHVzYXIgZXN0YSBoZXJyYW1pZW50YS4="},{u:"bHVra2s0MQ==",m:"VXN0ZWQgZXMgdW4gdHJhbXBvc28geSBubyB0aWVuZSBwZXJtaXRpZG8gdXNhciBsYSBoZXJyYW1pZW50YS4="},{u:"ZGFya2xpbmU=",m:"RWwgc2lzdGVtYSBoYSBkZXRlY3RhZG8gcXVlIHVzdGVkIGVzIHVuIHBlbG90dWRvIHkgbm8gdGllbmUgcGVybWl0aWRvIHVzYXIgbGEgaGVycmFtaWVudGEu"},{u:"a2luZXNpbzEw",m:"TG9zIHBlbG90dWRvcyBjb21vIHZvcyBubyB0aWVuZW4gcGVybWl0aWRvIHVzYXIgbGEgaGVycmFtaWVudGEgcG9yIGhhYmVyIGFycnVpbmFkbyBlbCBmb3JvLg=="},{u:"bXVyZGVy",m:"TG9zIHBlbG90dWRvcyBjb21vIHZvcyBubyB0aWVuZW4gcGVybWl0aWRvIHVzYXIgbGEgaGVycmFtaWVudGEgcG9yIGhhYmVyIGFycnVpbmFkbyBlbCBmb3JvLg=="}],V=document.getElementById("header-username").textContent;for(var g=0;g<b.length;++g)window.atob(b[g].u)===V&&(G=window.atob(b[g].m));return G}
  333.     function removeBorder(input) {
  334.         input.style.border = null;
  335.     }
  336.  
  337.     function isSoccer() {
  338.         let response = false;
  339.         let sport = document.getElementById('tactics_box');
  340.         for(var i = 0; i < sport.classList.length; ++i) {
  341.             if(sport.classList[i] == 'soccer') {
  342.                 response = true;
  343.             }
  344.         }
  345.         return response;
  346.     }
  347.  
  348. })();