// ==UserScript== // @name G-E_Ceres // @namespace http://tampermonkey.net/ // @version 0.2.14 // @description Script de test - FR // @license MIT // @author Guiver // @match https://*.ogame.gameforge.com/game/* // @icon https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net // @grant GM_addStyle // @grant GM_listValues // @grant GM_getValue // @grant GM_addValueChangeListener // @run-at document-end // @downloadURL none // ==/UserScript== 'use strict'; // Header origine document.getElementById("mmonetbar") !== null ? document.getElementById("mmonetbar").style.display = "none" : ''; document.getElementById("mmoNetbarSubmenu") !== null ? document.getElementById("mmoNetbarSubmenu").style.display = "none" : ''; document.getElementById("pagefoldtarget") !== null ? document.getElementById("pagefoldtarget").style.display = "none" : ''; document.getElementById("messages") !== null ? document.getElementById("messages").querySelector("div.contentBoxBody") !== null ? document.getElementById("messages").querySelector("div.contentBoxBody").style.top = "auto" : '' : ''; document.getElementById("pageContent") !== null ? document.getElementById("pageContent").style.top = "auto" : ''; document.getElementById("pageContent") !== null ? document.getElementById("pageContent").style.display = "initial" : ''; document.getElementById("headerbarcomponent") !== null ? document.getElementById("headerbarcomponent").style.display = "none" : ''; document.body.style.lineHeight = "normal"; document.body.style.fontSize = "22px"; // Footer orgine document.getElementById("siteFooter") !== null ? document.getElementById("siteFooter").style.display = "none" : ''; // Header affiché // Menu burger var ogmob_i = 0; var ogmob_parentNode; var ogmob_enfantNode; // Langues const ogmob_primes = 'Primes'; const ogmob_arbreTechno = 'Arbre technologique'; const ogmob_retourFlotte = ' (R)'; /* ---------------------------------- HEADER ---------------------------------- */ if(1 === 1) { // Création du nouveau header let ogmob_header = document.createElement("div"); ogmob_header.id = "ogmob_header"; // Menu Burger let ogmob_menuBurger = document.createElement('a'); ogmob_menuBurger.id = 'ogmob_menuBurger'; ogmob_menuBurger.href='#'; ogmob_menuBurger.onclick = ogmob_openNav; let ogmob_iconBurger = document.createElement('span'); ogmob_iconBurger.id = 'ogmob_iconBurger'; let ogmob_traitBurger = document.createElement('span'); ogmob_traitBurger.className = 'ogmob_traitBurger'; document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarRecurringRewards"]') !== null ? ogmob_traitBurger.classList.add('premiumHighligt') : ''; // Gestion "Récompenses" (event) ogmob_iconBurger.appendChild(ogmob_traitBurger); ogmob_traitBurger = document.createElement('span'); ogmob_traitBurger.className = 'ogmob_traitBurger'; document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarRecurringRewards"]') !== null ? ogmob_traitBurger.classList.add('premiumHighligt') : ''; // Gestion "Récompenses" (event) ogmob_iconBurger.appendChild(ogmob_traitBurger); ogmob_traitBurger = document.createElement('span'); ogmob_traitBurger.className = 'ogmob_traitBurger'; document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarRecurringRewards"]') !== null ? ogmob_traitBurger.classList.add('premiumHighligt') : ''; // Gestion "Récompenses" (event) ogmob_iconBurger.appendChild(ogmob_traitBurger); // Notification des missions if(document.getElementById("ipimenucomponent") !== null) { if(document.getElementById("ipimenucomponent").querySelector("span.ipiHintCollect") !== null) { ogmob_enfantNode = document.createElement('span'); ogmob_enfantNode.className = 'ipiHintCollect'; ogmob_enfantNode.innerHTML = document.getElementById("ipimenucomponent").querySelector("span.ipiHintCollect").innerHTML; ogmob_iconBurger.insertBefore(ogmob_enfantNode, ogmob_iconBurger.firstChild); } } ogmob_menuBurger.appendChild(ogmob_iconBurger); ogmob_header.appendChild(ogmob_menuBurger); // Joueur ogmob_enfantNode = document.createElement('p'); ogmob_enfantNode.id = 'ogmob_nomClassement'; var ogmob_nomJoueur = document.getElementById("playerName").querySelector("span.textBeefy").querySelector("a"); ogmob_enfantNode.appendChild(ogmob_nomJoueur); // Classement let ogmob_classement = document.createElement('a'); ogmob_classement.href = document.getElementById("bar").querySelectorAll("ul li")[1].querySelector("a").href; ogmob_classement.innerHTML = document.getElementById("bar").querySelectorAll("ul li")[1].querySelector("a").innerHTML + document.getElementById("bar").querySelectorAll("ul li")[1].innerHTML.replace(document.getElementById("bar").querySelectorAll("ul li")[1].querySelector("a").outerHTML, ''); ogmob_enfantNode.appendChild(ogmob_classement); ogmob_header.appendChild(ogmob_enfantNode); // Messages var ogmob_message = document.getElementById("message-wrapper").querySelector("a.messages"); ogmob_message.id = 'ogmob_messageHeader'; ogmob_message.className = ''; ogmob_message.title = ''; ogmob_enfantNode = document.createElement('img'); ogmob_enfantNode.src = 'https://i.postimg.cc/VLZdzXH6/message.png'; ogmob_message.appendChild(ogmob_enfantNode); ogmob_header.appendChild(ogmob_message); // Tchat var ogmob_chat = document.getElementById("message-wrapper").querySelector("a.chat"); ogmob_chat.id = 'ogmob_chatHeader'; ogmob_chat.className = ''; ogmob_chat.title = ''; ogmob_enfantNode = document.createElement('img'); ogmob_enfantNode.src = 'https://i.postimg.cc/br8228Qw/chat.png'; ogmob_chat.appendChild(ogmob_enfantNode); ogmob_header.appendChild(ogmob_chat); // Insertion du nouveau Header document.body.insertBefore(ogmob_header, document.body.firstChild); var ogmob_css =` /* CSS OGMOB */ #ogmob_header { position: relative; margin: 0; padding-left: 30px; padding-right: 30px; padding-top: 5px; padding-bottom: 5px; top: 0px; left: 0px; height: max-content; width: calc(100% - 60px); background-color: black; border-bottom: 1px solid white; display: flex; text-align: center; align-items: center; line-height: normal; } #ogmob_header #ogmob_iconBurger span.ogmob_traitBurger { display: block; width: 40px; height: 4px; margin: 10px; background-color: white; } #ogmob_header #ogmob_iconBurger span.ogmob_traitBurger.premiumHighligt { background-color: #ffd700; } #ogmob_header #ogmob_iconBurger .ipiHintCollect { position: absolute; display: inline-block; background: #9c0; border: 1px solid #9c0; border-radius: 18px; padding: 6px; line-height: 15px; text-align: center; color: #000; } #ogmob_header #ogmob_nomClassement { display: flex; flex-direction: column; flex-grow: 3; align-items: center; } #ogmob_header #ogmob_nomClassement a { margin: 0; padding: 0; color: #FFF; text-decoration: none; width: fit-content; } #ogmob_header #ogmob_messageHeader { padding-right: 30px !important; } #ogmob_header #ogmob_messageHeader, #ogmob_header #ogmob_chatHeader { margin: 0; padding: 0; background-repeat: no-repeat; height: 50px; width: auto; display: inherit; float: none; position: relative; background-size: cover; background-position: unset; background-image: none; } #ogmob_header #ogmob_messageHeader img, #ogmob_header #ogmob_chatHeader img { height: 100%; width: auto; } #ogmob_header .new_msg_count { position: absolute; top: -2px; right: 10px; display: inline-block; background: #9c0; border: 1px solid #9c0; border-radius: 18px; padding: 6px; line-height: 15px; text-align: center; color: #000; } /* CSS OGAME ORIGINAL */ #siteHeader { display: none; } ` } /* ---------------------------------- Menu de navigation ---------------------------------- */ if(1 === 1) { // Création du sideNav let ogmob_sideNavNode = document.createElement("div"); ogmob_sideNavNode.id = "ogmob_sideNav"; // Croix pour fermer ogmob_enfantNode = document.createElement('a'); ogmob_enfantNode.id = 'ogmob_fermerSideNav'; ogmob_enfantNode.href = '#'; ogmob_enfantNode.innerHTML = 'x'; ogmob_sideNavNode.appendChild(ogmob_enfantNode); let ogmob_flexLigneSideNav = document.createElement('div'); ogmob_flexLigneSideNav.id = 'ogmob_flexLigneSideNav'; let ogmob_flexColonneSideNav = document.createElement('div'); ogmob_flexColonneSideNav.id = 'ogmob_flexColonneSideNav'; // icone des officiers if(document.getElementById("commandercomponent") !== null) { ogmob_flexColonneSideNav.appendChild(document.getElementById("commandercomponent")); } // Happy hours if(document.getElementById("advicebarcomponent") !== null) { ogmob_flexColonneSideNav.appendChild(document.getElementById("advicebarcomponent")); } // Bandeau promotion if(document.getElementById("bannerSkyscrapercomponent") !== null) { ogmob_flexColonneSideNav.appendChild(document.getElementById("bannerSkyscrapercomponent")); } ogmob_flexLigneSideNav.appendChild(ogmob_flexColonneSideNav); // Menu let ogmob_menuSideNav = document.createElement("ul"); ogmob_menuSideNav.id = 'ogmob_menuSideNav'; var ogmob_menuLiSideNav; // Gestion des "missions" if(document.getElementById("ipiInnerMenuContentHolder") !== null) { ogmob_menuLiSideNav = document.createElement("li"); ogmob_enfantNode = document.getElementById("ipiInnerMenuContentHolder").cloneNode(true); ogmob_enfantNode.id = 'ogmob_' + ogmob_enfantNode.id; ogmob_enfantNode.className = ''; ogmob_enfantNode.innerHTML = ogmob_enfantNode.querySelector('div.ipiMenuHead').innerHTML; ogmob_menuLiSideNav.appendChild(ogmob_enfantNode); ogmob_menuSideNav.appendChild(ogmob_menuLiSideNav); } if(document.getElementById("menuTable") !== null) { // Bouton "prime" if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarRewards"]') !== null) { ogmob_menuLiSideNav = document.createElement("li"); ogmob_enfantNode = document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarRewards"]').parentNode.cloneNode(true); ogmob_enfantNode.id = 'ogmob_ipiToolbarRewards'; ogmob_enfantNode.innerHTML = ogmob_primes; ogmob_menuLiSideNav.appendChild(ogmob_enfantNode); ogmob_menuSideNav.appendChild(ogmob_menuLiSideNav); } // Bouton "Technologie" if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarTechnology"]') !== null) { ogmob_menuLiSideNav = document.createElement("li"); ogmob_enfantNode = document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarTechnology"]').parentNode.cloneNode(true); ogmob_enfantNode.id = 'ogmob_ipiToolbarTechnology'; ogmob_enfantNode.innerHTML = ogmob_arbreTechno; ogmob_menuLiSideNav.appendChild(ogmob_enfantNode); ogmob_menuSideNav.appendChild(ogmob_menuLiSideNav); } // Bouton "mess des officiers" if(document.getElementById("menuTable").querySelector('a.officers') !== null) { ogmob_menuLiSideNav = document.createElement("li"); ogmob_enfantNode = document.getElementById("menuTable").querySelector('a.officers').cloneNode(true); ogmob_enfantNode.className = ''; ogmob_enfantNode.innerHTML = ogmob_enfantNode.querySelector('span').innerHTML; ogmob_menuLiSideNav.appendChild(ogmob_enfantNode); ogmob_menuSideNav.appendChild(ogmob_menuLiSideNav); } // Bouton "Boutique" if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarShop"]') !== null) { ogmob_menuLiSideNav = document.createElement("li"); ogmob_enfantNode = document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarShop"]').cloneNode(true); ogmob_enfantNode.className = ''; ogmob_enfantNode.innerHTML = ogmob_enfantNode.querySelector('span').innerHTML; ogmob_menuLiSideNav.appendChild(ogmob_enfantNode); ogmob_menuSideNav.appendChild(ogmob_menuLiSideNav); } // Bouton "Récompenses" (event) if(document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarRecurringRewards"]') !== null) { ogmob_menuLiSideNav = document.createElement("li"); ogmob_enfantNode = document.getElementById("menuTable").querySelector('[data-ipi-hint="ipiToolbarRecurringRewards"]').cloneNode(true); ogmob_enfantNode.className = 'premiumHighligt'; ogmob_enfantNode.innerHTML = ogmob_enfantNode.querySelector('span').innerHTML; ogmob_menuLiSideNav.appendChild(ogmob_enfantNode); ogmob_menuSideNav.appendChild(ogmob_menuLiSideNav); } } // Récupération des menus du header d'origine à l'exeption de "joueur"(0) et "classement"(1) var ogmob_menusTop = document.getElementById("bar").querySelectorAll("ul li"); ogmob_menusTop.forEach((ogmob_menuTop) => { if(ogmob_i > 1) { ogmob_menuSideNav.appendChild(ogmob_menuTop); } ogmob_i = ogmob_i + 1; }); ogmob_flexLigneSideNav.appendChild(ogmob_menuSideNav); ogmob_sideNavNode.appendChild(ogmob_flexLigneSideNav); document.body.insertBefore(ogmob_sideNavNode, document.body.firstChild); ogmob_css = ogmob_css + ` #ogmob_sideNav { position: fixed; top: 0; height: 100%; width: max-content; display: none; z-index: 10; background-color: hsl(210deg 32% 9%); padding: 30px; transition: display 1s ease; border-right: 1px solid white; overflow: auto; } #ogmob_sideNav a#ogmob_fermerSideNav { width: 100%; font-size: 40px; text-align: right; text-decoration: none; color: #FFF; display: block; } #ogmob_sideNav #commandercomponent { position: relative; top: 0; left: 0; width: max-content; height: max-content; float: none; display:flex; } #ogmob_sideNav #commandercomponent div { position: relative; top: 0; left: 0; float: none; } #ogmob_sideNav #ogmob_flexLigneSideNav { display: flex; } #ogmob_sideNav #ogmob_flexColonneSideNav { display: flex; flex-direction: column; } #ogmob_sideNav #advicebarcomponent { width: max-content; height: max-content; padding: 0; margin: 0; } #ogmob_sideNav #advicebarcomponent a { width: max-content; height: max-content; } #ogmob_sideNav #advicebarcomponent span { font-size: 25px; width: max-content; height: max-content; } #ogmob_sideNav #advicebarcomponent div.adviceWrapper { float: none; margin: 0; } #banner_skyscraper a.close_details { display: none; } #ogmob_sideNav ul { list-style-type: none; margin: 0; padding-right: 20px; padding-left: 20px; } #ogmob_sideNav ul li { display: flex; flex-direction: column; align-items: left; padding-bottom: 20px; } #ogmob_sideNav ul li a { position: relative; top: 0; rigth: 0; text-decoration: none; font-size: 25px; color: #FFF; display: block; } #ogmob_sideNav ul li a.premiumHighligt { color: #ffd700; } #ogmob_sideNav ul li a#ogmob_ipiInnerMenuContentHolder span { position: absolute; top: -15px; display: inline-block; background: #9c0; border: 1px solid #9c0; border-radius: 18px; padding: 6px; line-height: 15px; text-align: center; color: #000; } /* CSS OGAME ORIGINAL */ #bannerSkyscrapercomponent, #ipimenucomponent, #bar, #box { display: none; } `; } /* ---------------------------------- Ressources ---------------------------------- */ if(1 === 1) { if(document.getElementById("resourcesbarcomponent") !== null) { document.getElementById("ogmob_header").parentNode.insertBefore(document.getElementById("resourcesbarcomponent"), document.getElementById("ogmob_header").nextSibling); var ogmob_ressources = document.getElementById("resources").querySelectorAll("div.resource_tile"); var ogmob_supprListener; ogmob_ressources.forEach((ogmob_ressource) => { ogmob_supprListener = ogmob_ressource.querySelector("div.resource").cloneNode(true); ogmob_ressource.querySelector("div.resource").querySelector("div.resourceIcon") !== null ? ogmob_ressource.querySelector("div.resource").querySelector("div.resourceIcon").style.display = 'none' : ''; ogmob_ressource.querySelector("div.resource").querySelector("span.value") !== null ? ogmob_ressource.querySelector("div.resource").querySelector("span.value").style.display = 'none' : ''; ogmob_ressource.querySelector("div.resource").style.display = "none"; ogmob_ressource.querySelector("div.resource").id = ""; ogmob_ressource.querySelector("div.resource").parentNode.insertBefore(ogmob_supprListener, ogmob_ressource.querySelector("div.resource").nextSibling); }); } ogmob_css = ogmob_css + ` #resourcesbarcomponent { position: relative; top: 0; left: 0; width: 100%; height: max-content; display: block; float: none; padding-top: 10px; } #resourcesbarcomponent #resources { justify-content: space-between !important; text-align: center; align-items: center; } #resourcesbarcomponent #resources div.resource_tile { padding: 0; margin: 0; width: fit-content; height: fit-content; background: none; flex-grow: 1; } #resourcesbarcomponent #resources div.resource_tile div.resource { height: 60px!important; display: flex; flex-direction: column; text-align: center; align-items: center; width: 100%; } #resourcesbarcomponent #resources div.resource_tile div.resource div.resourceIcon { margin: 0; float: none; } #resourcesbarcomponent #resources div.resource_tile div.resource span.value { font: inherit!important; width: max-content; display: inherit; justify-content: inherit; position: inherit; bottom: inherit; } #resourcesbarcomponent #resources div.resource_tile div.resource span.value span { position: inherit; top: inherit; left: inherit; padding-top: 3px; } #resourcesbarcomponent #resources div.resource_tile div.resource a.overlay img { position: inherit; margin: 0; } #resourcesbarcomponent #resources div.resource_tile div.resource a.overlay div.darkmatter { display: none; } #resourcesbarcomponent #resources #darkmatter_box { position: inherit; } `; } /* ---------------------------------- Header mouvements de flottes ---------------------------------- */ if(1 === 1) { if(document.getElementById("notificationbarcomponent") !== null) { document.getElementById("resourcesbarcomponent").parentNode.insertBefore(document.getElementById("notificationbarcomponent"), document.getElementById("resourcesbarcomponent").nextSibling); document.getElementById("js_eventDetailsClosed") !== null ? document.getElementById("js_eventDetailsClosed").remove() : ''; document.getElementById("js_eventDetailsOpen") !== null ? document.getElementById("js_eventDetailsOpen").remove() : ''; } let ogmob_mutHeaderFlotte = new MutationObserver(mutationRecords => { if(document.getElementById("eventboxFilled").querySelector("p.event_list") !== null) { // "missions :" => "mission" document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML = document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML.substring(0, document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML.indexOf(':')) + document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML.substring(document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML.indexOf('<'), document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML.length); // "," => " - " document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML = document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML.replaceAll(","," - "); // Suppression du texte "Suivant:" document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[0].innerHTML = document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[0].innerHTML.substring(document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[0].innerHTML.indexOf(':') + 1,document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[0].innerHTML.length); // Suppression du texte "Type:" document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[1].innerHTML = document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[1].innerHTML.substring(document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[1].innerHTML.indexOf(':') + 1,document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[1].innerHTML.length); // Inversion du type et du compteur document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[1] !== null ? document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").insertBefore(document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[1], document.getElementById("eventboxFilled").querySelector("p.event_list").querySelector("p.event_list").querySelectorAll("span.next_event")[0]) : ''; } }); ogmob_mutHeaderFlotte.observe(document.getElementById("eventboxFilled"), { childList: true, }); ogmob_css = ogmob_css + ` #notificationbarcomponent { position: relative; top: 0; left: 0; width: 98%; height: max-content; display: block; margin-top: 5px; margin-left: 1%; } #notificationbarcomponent #message-wrapper { position: inherit; top: 0; left: 0; width: 100%; height: max-content; margin:0; display: flex; align-items: center; text-align: center; justify-content: space-between; border: 2px solid white; border-radius: 20px; padding-left: 5px; background-color: rgba(0,0,0,0.3); } #notificationbarcomponent #messages_collapsed { position: inherit; float: inherit; font-size: inherit; height: max-content; line-height: inherit; margin: 0; overflow: inherit; text-align: inherit; width: 100%; left: 0; top: 0; flex-grow: 3; } #notificationbarcomponent #eventboxFilled { height: 50px; } #notificationbarcomponent #attack_alert { display: none; } #eventboxFilled p.event_list { text-align: center; display: flex; height: 50px; align-items: center; padding-left: 10px; } #eventboxFilled p.event_list span.undermark { display: none; } #eventboxFilled p.event_list p.event_list { width: 100%; } #eventboxFilled p.event_list p.event_list span.next_event span.friendly { color:white!important; } #eventboxFilled p.event_list p.event_list span.next_event { width:inherit!important; } `; } /* ---------------------------------- Mouvements de flottes ---------------------------------- */ if(1 === 1) { document.getElementById("eventlistcomponent") !== null ? document.getElementById("notificationbarcomponent").parentNode.insertBefore(document.getElementById("eventlistcomponent"), document.getElementById("notificationbarcomponent").nextSibling) : ''; var ogmob_lignesFlotte; var ogmob_ajoutColonne; var omgmob_tooltipFlotte; var ogmob_gifFlotte; var ogmob_id = 0; var ogmob_idConcatene = 0; ogmob_i = 1; let ogmob_mutFlotte = new MutationObserver(mutationRecords => { //console.log(mutationRecords); if(document.getElementById("eventContent") !== null) { ogmob_lignesFlotte = document.getElementById("eventContent").querySelectorAll("tr"); ogmob_lignesFlotte.forEach((ogmob_ligneFlotte) => { ogmob_id = ogmob_ligneFlotte.id.replace('eventRow-', ''); ogmob_idConcatene = 0; // Expédition - il y'a 3 flottes if(ogmob_ligneFlotte.dataset.missionType == '15') { // Expédition - Retour if(ogmob_ligneFlotte.dataset.returnFlight == 'true') { if(document.getElementById('ogmob_colonneFlotte_' + (ogmob_id - 2)) !== null) { ogmob_idConcatene = ogmob_id - 2; } if(document.getElementById('ogmob_colonneFlotte_' + (ogmob_id - 1)) !== null) { ogmob_idConcatene = ogmob_id - 1; } } // Expédition - délai d'expédition else { if(document.getElementById('ogmob_colonneFlotte_' + (ogmob_id - 1)) !== null) { return; } } } // Retour de flotte if(ogmob_ligneFlotte.dataset.returnFlight == 'true') { if(document.getElementById('ogmob_colonneFlotte_' + (ogmob_id - 1)) !== null) { ogmob_idConcatene = ogmob_id - 1; } } if( ogmob_idConcatene != '0') { // Heure du retour ogmob_ajoutColonne = document.createElement("span"); ogmob_ajoutColonne.id = 'arrivalTime' + ogmob_id; ogmob_ajoutColonne.className = 'arrivalTime'; if(ogmob_ligneFlotte.querySelector("td.arrivalTime") !== null) { ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.arrivalTime").innerHTML + ogmob_retourFlotte; } document.getElementById('ogmob_colonneFlotte_' + ogmob_idConcatene).appendChild(ogmob_ajoutColonne); return; } ogmob_ajoutColonne = document.createElement("span"); ogmob_ajoutColonne.id = 'ogmob_colonneFlotte_' + ogmob_id; ogmob_ajoutColonne.className = 'ogmob_colonneFlotte'; document.getElementById("eventListWrap").appendChild(ogmob_ajoutColonne); ogmob_ajoutColonne = document.createElement("span"); ogmob_ajoutColonne.id = 'ogmob_colonneFlotteMaColo_' + ogmob_id; ogmob_ajoutColonne.className = 'ogmob_colonneFlotteMaColo'; document.getElementById("eventListWrap").appendChild(ogmob_ajoutColonne); ogmob_ajoutColonne = document.createElement("span"); ogmob_ajoutColonne.id = 'ogmob_colonneDetailsFlotte_' + ogmob_id; ogmob_ajoutColonne.className = 'ogmob_colonneDetailsFlotte'; document.getElementById("eventListWrap").appendChild(ogmob_ajoutColonne); ogmob_ajoutColonne = document.createElement("span"); ogmob_ajoutColonne.id = 'ogmob_colonneTypeMission_' + ogmob_id; ogmob_ajoutColonne.className = 'ogmob_colonneTypeMission'; document.getElementById("eventListWrap").appendChild(ogmob_ajoutColonne); ogmob_ajoutColonne = document.createElement("span"); ogmob_ajoutColonne.id = 'ogmob_colonneDestination_' + ogmob_id; ogmob_ajoutColonne.className = 'ogmob_colonneDestination'; document.getElementById("eventListWrap").appendChild(ogmob_ajoutColonne); ogmob_ajoutColonne = document.createElement("span"); ogmob_ajoutColonne.id = 'ogmob_colonneAction_' + ogmob_id; ogmob_ajoutColonne.className = 'ogmob_colonneAction'; document.getElementById("eventListWrap").appendChild(ogmob_ajoutColonne); // Countdown if(ogmob_ligneFlotte.querySelector("td.countDown") !== null) { if(ogmob_ligneFlotte.querySelector("td.countDown").querySelector("span") !== null) { document.getElementById('ogmob_colonneFlotte_' + ogmob_id).appendChild(ogmob_ligneFlotte.querySelector("td.countDown").querySelector("span")); } } // Heure d'arrivée ogmob_ajoutColonne = document.createElement("span"); ogmob_ajoutColonne.id = 'arrivalTime' + ogmob_id; if(ogmob_ligneFlotte.querySelector("td.arrivalTime") !== null) { ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.arrivalTime").innerHTML if(ogmob_ligneFlotte.dataset.returnFlight == 'true') { ogmob_ajoutColonne.className = 'arrivalTime'; ogmob_ajoutColonne.innerHTML = ogmob_ajoutColonne.innerHTML + ogmob_retourFlotte; } } document.getElementById('ogmob_colonneFlotte_' + ogmob_id).appendChild(ogmob_ajoutColonne); // Ma colonie ogmob_ajoutColonne = document.createElement("span"); ogmob_ajoutColonne.id = 'originFleet' + ogmob_id; if(ogmob_ligneFlotte.querySelector("td.originFleet") !== null) { ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.originFleet").innerHTML } document.getElementById('ogmob_colonneFlotteMaColo_' + ogmob_id).appendChild(ogmob_ajoutColonne); // Coordonnée ma colonie ogmob_ajoutColonne = document.createElement("span"); ogmob_ajoutColonne.id = 'coordsOrigin' + ogmob_id; if(ogmob_ligneFlotte.querySelector("td.coordsOrigin") !== null) { ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.coordsOrigin").innerHTML } document.getElementById('ogmob_colonneFlotteMaColo_' + ogmob_id).appendChild(ogmob_ajoutColonne); // Tooltip Flotte if(ogmob_ligneFlotte.querySelector("td.icon_movement_reserve") !== null) { if(ogmob_ligneFlotte.querySelector("td.icon_movement_reserve").querySelector('span.tooltip') !== null) { omgmob_tooltipFlotte = ogmob_ligneFlotte.querySelector("td.icon_movement_reserve").querySelector("span.tooltip"); ogmob_gifFlotte = 'https://i.postimg.cc/s282rJ77/retour.gif'; } } if(ogmob_ligneFlotte.querySelector("td.icon_movement") !== null) { if(ogmob_ligneFlotte.querySelector("td.icon_movement").querySelector('span.tooltip') !== null) { omgmob_tooltipFlotte = ogmob_ligneFlotte.querySelector("td.icon_movement").querySelector("span.tooltip"); ogmob_gifFlotte = 'https://i.postimg.cc/PqYL3Ysy/f9cb590cdf265f499b0e2e5d91fc75.gif'; } } document.getElementById('ogmob_colonneDetailsFlotte_' + ogmob_id).appendChild(omgmob_tooltipFlotte); // Gif de la flotte ogmob_ajoutColonne = document.createElement("img"); ogmob_ajoutColonne.id = 'imgFleet' + ogmob_id; ogmob_ajoutColonne.className = 'imgFleet'; ogmob_ajoutColonne.src = ogmob_gifFlotte; document.getElementById('ogmob_colonneDetailsFlotte_' + ogmob_id).querySelector('span.tooltip').appendChild(ogmob_ajoutColonne); // Détails flotte ogmob_ajoutColonne = document.createElement("span"); ogmob_ajoutColonne.id = 'detailsFleet' + ogmob_id; ogmob_ajoutColonne.className = 'detailsFleet'; if(ogmob_ligneFlotte.querySelector("td.detailsFleet") !== null) { if(ogmob_ligneFlotte.querySelector("td.detailsFleet").querySelector('span') !== null) { ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.detailsFleet").querySelector('span').innerHTML } } document.getElementById('ogmob_colonneDetailsFlotte_' + ogmob_id).querySelector('span.tooltip').appendChild(ogmob_ajoutColonne); // Ordre de mission ogmob_ajoutColonne = document.createElement("span"); ogmob_ajoutColonne.id = 'missionFleet' + ogmob_id; ogmob_ajoutColonne.className = 'missionFleet'; if(ogmob_ligneFlotte.querySelector("td.missionFleet") !== null) { ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.missionFleet").innerHTML } document.getElementById('ogmob_colonneTypeMission_' + ogmob_id).appendChild(ogmob_ajoutColonne); // Nom destination if(ogmob_ligneFlotte.querySelector("td.destFleet") !== null) { if(ogmob_ligneFlotte.querySelector("td.destFleet").querySelector('span.tooltip') !== null) { document.getElementById('ogmob_colonneDestination_' + ogmob_id).appendChild(ogmob_ligneFlotte.querySelector("td.destFleet").querySelector("span.tooltip")); } else { ogmob_ajoutColonne = document.createElement("span"); ogmob_ajoutColonne.id = 'destFleet' + ogmob_id; ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.destFleet").innerHTML document.getElementById('ogmob_colonneDestination_' + ogmob_id).appendChild(ogmob_ajoutColonne); } } // Coordonné destination ogmob_ajoutColonne = document.createElement("span"); ogmob_ajoutColonne.id = 'destCoords' + ogmob_id; if(ogmob_ligneFlotte.querySelector("td.destCoords") !== null) { ogmob_ajoutColonne.innerHTML = ogmob_ligneFlotte.querySelector("td.destCoords").innerHTML } document.getElementById('ogmob_colonneDestination_' + ogmob_id).appendChild(ogmob_ajoutColonne); // Bouton retour ogmob_ajoutColonne = document.createElement("span"); ogmob_ajoutColonne.id = 'reversal' + ogmob_id; if(ogmob_ligneFlotte.querySelector("td.sendMail") !== null) { if(ogmob_ligneFlotte.querySelector("td.sendMail").querySelector("span.reversal") !== null) { document.getElementById('ogmob_colonneAction_' + ogmob_id).appendChild(ogmob_ligneFlotte.querySelector("td.sendMail").querySelector("span.reversal")); } } // Mise en forme document.getElementById("ogmob_colonneFlotte_" + ogmob_id).style.gridRow = ogmob_i; document.getElementById("ogmob_colonneFlotteMaColo_" + ogmob_id).style.gridRow = ogmob_i; document.getElementById("ogmob_colonneDetailsFlotte_" + ogmob_id).style.gridRow = ogmob_i; document.getElementById("ogmob_colonneTypeMission_" + ogmob_id).style.gridRow = ogmob_i; document.getElementById("ogmob_colonneDestination_" + ogmob_id).style.gridRow = ogmob_i; document.getElementById("ogmob_colonneAction_" + ogmob_id).style.gridRow = ogmob_i; ogmob_i = ogmob_i + 1; }); ogmob_i = 1; } }); ogmob_mutFlotte.observe(document.getElementById("eventboxContent"), { childList: true, }); ogmob_css = ogmob_css + ` #eventlistcomponent { position: relative; top: 0; left: 0; width: 98%; height: max-content; display: block; margin-left: 1%; } #eventlistcomponent #eventboxContent { width: 100%; margin: 0; border: 2px solid white; border-top: none; border-radius: 20px; } #eventListWrap { display: grid; grid-row-gap: 10px; grid-template-columns: auto auto auto 50px auto 50px; padding: 5px 10px 5px 10px; justify-content: space-between; } span.ogmob_colonneFlotte, span.ogmob_colonneFlotteMaColo, span.ogmob_colonneDetailsFlotte, span.ogmob_colonneDestination { display: flex; flex-direction: column; align-items: center; } span.ogmob_colonneFlotte { grid-column: 1; } span.ogmob_colonneFlotteMaColo { grid-column: 2; align-self: center; } span.ogmob_colonneDetailsFlotte { grid-column: 3; align-self: center; } span.ogmob_colonneDetailsFlotte span.tooltip { background: none; display: inline-flex; height: 100%; width: 100%; } span.ogmob_colonneTypeMission { grid-column: 4; display: flex; align-items: center; } span.ogmob_colonneDestination { grid-column: 5; align-self: center; } span.ogmob_colonneAction { grid-column: 6; display: flex; align-items: center; justify-self: end; } span.ogmob_colonneAction span.reversal a { height: 50px; width: max-content; background: none; } span.ogmob_colonneAction span.reversal a img, span.missionFleet img { height: 50px; width: auto; vertical-align: middle; } span.detailsFleet { align-self: center; padding-left: 10px; height: 50px; } span.missionFleet { height: 50px; vertical-align: middle; } span.arrivalTime { color: #0aa2c1; } #eventHeader, #eventFooter, #eventContent, #top { display: none; } `; } /* ---------------------------------- Menu droite - Colonies ---------------------------------- */ if(1 === 1) { let ogmob_sideColonieNode = document.createElement("div"); ogmob_sideColonieNode.id = "ogmob_sideColonie"; /* let ogmob_sideColonieAjout = document.createElement("img"); ogmob_sideColonieAjout.id = "ogmob_sideColonieFleche"; ogmob_sideColonieAjout.src = "https://i.postimg.cc/m24ypqQ0/double-fleche.png"; document.body.appendChild(ogmob_sideColonieAjout); document.getElementById("ogmob_sideColonieFleche").onclick = ogmob_sideColonie; img#ogmob_sideColonieFleche { position: fixed; top: 50%; right: 30px; height: 50px; width: 50px; margin-bottom: 50px; z-index: 101; } */ document.body.appendChild(ogmob_sideColonieNode); document.getElementById("ogmob_sideColonie").appendChild(document.getElementById('planetbarcomponent')); ogmob_css = ogmob_css + ` #ogmob_sideColonie { position: fixed; top: 0; right: 0; display: none; flex-direction: column; width: max-content; height: calc(100% - 162px); border-left: 1px solid white; background-color: black; z-index: 100; overflow: auto; padding-left: 30px; padding-right: 30px; background: hsl(210deg 32% 9%); } #planetbarcomponent { width: 100% !important; } #rechts { margin: 0px 0px 0px 0px !important; width: 100% !important; position: inherit !important; float: none !important; } #countColonies { background: #1c2025 !important; color: #FFF !important; position: relative !important; left: -30px; height: max-content !important; width: calc(100% + 60px) !important; font-size: 25px !important; margin: 10px 0px 0px 0px !important; padding: 10px 0px 10px 0px; line-height: inherit !important; display: flex !important; flex-direction: column !important; align-content: center !important; align-items: center !important; } #countColonies p { display: block !important; line-height: inherit !important; padding-bottom: 5px; } #planetList { display: flex !important; flex-direction: column !important; align-content: center !important; align-items: center !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; box-sizing: unset !important; } #planetList div.smallplanet { margin: 0 !important; margin-top: 10px !important; height: max-content !important; width: 100% !important; position: inherit !important; display: flex !important; grid-column-gap: unset !important; } #planetList div a.planetlink { height: max-content !important; width: 200px !important; display: flex !important; flex-direction: column !important; align-content: center !important; align-items: center !important; } #planetList div a.planetlink img { height: 60px !important; width: 60px !important; } #planetList div a.planetlink span.planet-name, #planetList div a.planetlink span.planet-koords { font-size: inherit !important; line-height: inherit !important; margin: 0 !important; max-width: 100%; } #planetbarcomponent #norm .active span.planet-name, #planetbarcomponent #norm .active span.planet-koords { color: #9c0 !important; font-weight: 700 !important; } #planetbarcomponent #rechts #norm a.constructionIcon { position: relative !important; top: 0 !important; left: -200px !important; right: 0 !important; bottom: 0 !important; width: 12px; height: 12px; } #planetbarcomponent #rechts #norm a.constructionIcon span.icon12px { position: relative !important; width: 12px; height: 12px; } `; } /* ---------------------------------- Footer ---------------------------------- */ if(1 === 1) { let ogmob_Footer = document.createElement("div"); ogmob_Footer.id = "ogmob_footer"; let ogmob_FooterGrid = document.createElement("div"); ogmob_FooterGrid.id = 'ogmob_footerGrid'; ogmob_Footer.appendChild(ogmob_FooterGrid); document.body.appendChild(ogmob_Footer); var ogmob_colonneFooterImg; if(document.getElementById('menuTable') !== null) { var ogmob_menusFooter = document.getElementById("menuTable").querySelectorAll("li"); ogmob_menusFooter.forEach((ogmob_menuFooter) => { if(ogmob_menuFooter.querySelector('a.ipiHintable') === null) { return; } ogmob_colonneFooterImg = document.createElement("img"); if(ogmob_menuFooter.querySelector('a.ipiHintable').dataset.ipiHint !== undefined) { switch(ogmob_menuFooter.querySelector('a.ipiHintable').dataset.ipiHint) { // Vue d'ensemble case 'ipiToolbarOverview': ogmob_parentNode = ogmob_menuFooter.querySelector('[data-ipi-hint="ipiToolbarOverview"]').cloneNode(true); ogmob_parentNode.id = 'ogmob_vueFooter'; ogmob_colonneFooterImg.src = 'https://i.postimg.cc/nrbTVgff/vue-ensemble.png'; if(document.getElementById("planetList") !== null) { if(document.getElementById("planetList").querySelector('div.hightlightPlanet') !== null) { if(document.getElementById("planetList").querySelector('div.hightlightPlanet').querySelector('span.planet-name') !== null) { ogmob_parentNode.querySelector('span.textlabel').style.display = 'none'; ogmob_enfantNode = document.createElement("span"); ogmob_enfantNode.className = 'textlabel'; ogmob_enfantNode.innerHTML = document.getElementById("planetList").querySelector('div.hightlightPlanet').querySelector('span.planet-name').innerHTML; ogmob_parentNode.appendChild(ogmob_enfantNode); } } } ogmob_parentNode.className = ''; ogmob_parentNode.insertBefore(ogmob_colonneFooterImg, ogmob_parentNode.firstChild); document.getElementById("ogmob_footerGrid").appendChild(ogmob_parentNode); break; // Ressource case 'ipiToolbarResourcebuildings': ogmob_parentNode = ogmob_menuFooter.querySelector('[data-ipi-hint="ipiToolbarResourcebuildings"]').cloneNode(true); ogmob_parentNode.id = 'ogmob_ressourceFooter'; ogmob_colonneFooterImg.src = 'https://i.postimg.cc/ZYMz6k1F/ressources.png'; ogmob_parentNode.className = ''; ogmob_parentNode.insertBefore(ogmob_colonneFooterImg, ogmob_parentNode.firstChild); document.getElementById("ogmob_footerGrid").appendChild(ogmob_parentNode); break; // Forme de vie case 'ipiToolbarLifeformbuildings': ogmob_parentNode = ogmob_menuFooter.querySelector('[data-ipi-hint="ipiToolbarLifeformbuildings"]').cloneNode(true); ogmob_parentNode.id = 'ogmob_fdvFooter'; ogmob_colonneFooterImg.src = 'https://i.postimg.cc/90RrhtyK/forme-de-vie.png'; ogmob_parentNode.className = ''; ogmob_parentNode.insertBefore(ogmob_colonneFooterImg, ogmob_parentNode.firstChild); document.getElementById("ogmob_footerGrid").appendChild(ogmob_parentNode); break; // Installation case 'ipiToolbarFacilities': ogmob_parentNode = ogmob_menuFooter.querySelector('[data-ipi-hint="ipiToolbarFacilities"]').cloneNode(true); ogmob_parentNode.id = 'ogmob_installationFooter'; ogmob_colonneFooterImg.src = 'https://i.postimg.cc/vHPQGSQK/installation.png'; ogmob_parentNode.className = ''; ogmob_parentNode.insertBefore(ogmob_colonneFooterImg, ogmob_parentNode.firstChild); document.getElementById("ogmob_footerGrid").appendChild(ogmob_parentNode); break; //Recherche case 'ipiToolbarResearch': ogmob_parentNode = ogmob_menuFooter.querySelector('[data-ipi-hint="ipiToolbarResearch"]').cloneNode(true); ogmob_parentNode.id = 'ogmob_rechercheFooter'; ogmob_colonneFooterImg.src = 'https://i.postimg.cc/C117HxtF/recherche.png'; ogmob_parentNode.className = ''; ogmob_parentNode.insertBefore(ogmob_colonneFooterImg, ogmob_parentNode.firstChild); document.getElementById("ogmob_footerGrid").appendChild(ogmob_parentNode); break; // Chantier spatial case 'ipiToolbarShipyard': ogmob_parentNode = ogmob_menuFooter.querySelector('[data-ipi-hint="ipiToolbarShipyard"]').cloneNode(true); ogmob_parentNode.id = 'ogmob_chantierFooter'; ogmob_colonneFooterImg.src = 'https://i.postimg.cc/02rZFn89/chantier-spatial.png'; ogmob_parentNode.className = ''; ogmob_parentNode.insertBefore(ogmob_colonneFooterImg, ogmob_parentNode.firstChild); document.getElementById("ogmob_footerGrid").appendChild(ogmob_parentNode); break; // Défense case 'ipiToolbarDefense': ogmob_parentNode = ogmob_menuFooter.querySelector('[data-ipi-hint="ipiToolbarDefense"]').cloneNode(true); ogmob_parentNode.id = 'ogmob_defenseFooter'; ogmob_colonneFooterImg.src = 'https://i.postimg.cc/rmw0YhST/defense.png'; ogmob_parentNode.className = ''; ogmob_parentNode.insertBefore(ogmob_colonneFooterImg, ogmob_parentNode.firstChild); document.getElementById("ogmob_footerGrid").appendChild(ogmob_parentNode); break; // Marchand case 'ipiToolbarTrader': ogmob_parentNode = ogmob_menuFooter.querySelector('[data-ipi-hint="ipiToolbarTrader"]').cloneNode(true); ogmob_parentNode.id = 'ogmob_marchandFooter'; ogmob_colonneFooterImg.src = 'https://i.postimg.cc/Vkc3Qqth/marchand.png'; ogmob_parentNode.className = ''; ogmob_parentNode.insertBefore(ogmob_colonneFooterImg, ogmob_parentNode.firstChild); document.getElementById("ogmob_footerGrid").appendChild(ogmob_parentNode); break; // Flotte case 'ipiToolbarFleet': ogmob_parentNode = ogmob_menuFooter.querySelector('[data-ipi-hint="ipiToolbarFleet"]').cloneNode(true); ogmob_parentNode.id = 'ogmob_flotteFooter'; ogmob_colonneFooterImg.src = 'https://i.postimg.cc/L5cGsfbn/flotte.png'; ogmob_parentNode.className = ''; ogmob_parentNode.insertBefore(ogmob_colonneFooterImg, ogmob_parentNode.firstChild); document.getElementById("ogmob_footerGrid").appendChild(ogmob_parentNode); break; // Galaxie case 'ipiToolbarGalaxy': ogmob_parentNode = ogmob_menuFooter.querySelector('[data-ipi-hint="ipiToolbarGalaxy"]').cloneNode(true); ogmob_parentNode.id = 'ogmob_galaxieFooter'; ogmob_colonneFooterImg.src = 'https://i.postimg.cc/MHbr9pxX/galaxie.png'; ogmob_parentNode.className = ''; ogmob_parentNode.insertBefore(ogmob_colonneFooterImg, ogmob_parentNode.firstChild); document.getElementById("ogmob_footerGrid").appendChild(ogmob_parentNode); break; // Alliance case 'ipiToolbarAlliance': ogmob_parentNode = ogmob_menuFooter.querySelector('[data-ipi-hint="ipiToolbarAlliance"]').cloneNode(true); ogmob_parentNode.id = 'ogmob_allianceFooter'; ogmob_colonneFooterImg.src = 'https://i.postimg.cc/t4PmBYmz/alliance.png'; ogmob_parentNode.className = ''; ogmob_parentNode.insertBefore(ogmob_colonneFooterImg, ogmob_parentNode.firstChild); document.getElementById("ogmob_footerGrid").appendChild(ogmob_parentNode); break; // Empire case 'ipiToolbarEmpire': ogmob_parentNode = ogmob_menuFooter.querySelector('[data-ipi-hint="ipiToolbarEmpire"]').cloneNode(true); ogmob_parentNode.id = 'ogmob_empireFooter'; ogmob_colonneFooterImg.src = 'https://i.postimg.cc/rp713J00/empire.png'; ogmob_parentNode.className = ''; ogmob_parentNode.insertBefore(ogmob_colonneFooterImg, ogmob_parentNode.firstChild); document.getElementById("ogmob_footerGrid").appendChild(ogmob_parentNode); break; default: break; } } }); // Flêche side colo ogmob_parentNode = document.createElement("div"); ogmob_parentNode.id = 'ogmob_sideColoFooter'; ogmob_colonneFooterImg = document.createElement("img"); ogmob_enfantNode = document.createElement("span"); ogmob_enfantNode.id = 'ogmob_sensFlecheFooter'; ogmob_enfantNode.className = 'textlabel'; ogmob_enfantNode.innerHTML = '<<'; ogmob_parentNode.appendChild(ogmob_enfantNode); ogmob_colonneFooterImg.src = 'https://i.postimg.cc/rp713J00/empire.png'; if(document.getElementById("planetList") !== null) { if(document.getElementById("planetList").querySelector('div.hightlightPlanet') !== null) { if(document.getElementById("planetList").querySelector('div.hightlightPlanet').querySelector('img.planetPic') !== null) { ogmob_colonneFooterImg.src = document.getElementById("planetList").querySelector('div.hightlightPlanet').querySelector('img.planetPic').src; } } } ogmob_parentNode.insertBefore(ogmob_colonneFooterImg, ogmob_parentNode.firstChild); document.getElementById("ogmob_footerGrid").appendChild(ogmob_parentNode); document.getElementById("ogmob_sideColoFooter").onclick = ogmob_sideColonie; } ogmob_css = ogmob_css + ` #ogmob_footer { position: fixed; bottom: -2px; left: 0px; width: 100%; overflow: hidden; z-index: 100; } #ogmob_footerGrid { display: grid; grid-template-columns: auto auto auto auto auto auto auto; width: calc(100% - 4px); } #ogmob_footerGrid a, #ogmob_footerGrid div { display: flex; flex-direction: column; height: 60px; align-items: center; align-content: center; padding-top: 10px; padding-bottom: 10px; text-decoration: none; border-top: 2px solid white; border-left: 2px solid white; border-right: 2px solid white; border-radius: 20px 20px 0px 0px; background-color: #1c2025; color: #FFF; cursor: pointer; } #ogmob_footerGrid a img, #ogmob_footerGrid div img { height: 27px; width: 27px; } #ogmob_vueFooter { grid-row: 1; grid-column: 1; } #ogmob_ressourceFooter { grid-row: 1; grid-column: 2; } #ogmob_fdvFooter { grid-row: 1; grid-column: 3; } #ogmob_installationFooter { grid-row: 1; grid-column: 4; } #ogmob_rechercheFooter { grid-row: 1; grid-column: 5; } #ogmob_allianceFooter { grid-row: 1; grid-column: 6; } #ogmob_sideColoFooter { grid-row: 1; grid-column: 7; } #ogmob_marchandFooter { grid-row: 2; grid-column: 1; } #ogmob_chantierFooter { grid-row: 2; grid-column: 2; } #ogmob_defenseFooter { grid-row: 2; grid-column: 3; } #ogmob_flotteFooter { grid-row: 2; grid-column: 4 / span 2; } #ogmob_galaxieFooter { grid-row: 2; grid-column: 6; } #ogmob_empireFooter { grid-row: 2; grid-column: 7; } #ogmob_marchandFooter, #ogmob_chantierFooter, #ogmob_defenseFooter, #ogmob_flotteFooter, #ogmob_galaxieFooter, #ogmob_empireFooter { border-radius: 0px !important; } #left, #leftMenu, #chatbarcomponent { display: none; } `; } ogmob_css = ogmob_css + ` /* Milieu */ #middle, #overviewcomponent, #inhalt, #planet, #detailWrapper, #header_text, #planetdata, #productionboxBottom { width: 100%; } /* CSS Ogame modifié */ html, body { height: max-content; margin-bottom: 162px; font-size: 25px!important; } .eventFleet td, .allianceAttack td { font-size: inherit!important; } div.tpd-content-wrapper h1, div.tpd-content, div.htmlTooltip, div.htmlTooltip tr, tr, td, th { height: max-content; width: max-content; line-height: normal!important; font-size: 25px!important; } /*!css*/ `; GM_addStyle(ogmob_css); function ogmob_openNav() { if(window.getComputedStyle(document.getElementById("ogmob_sideNav")).display == "block") { document.getElementById("ogmob_sideNav").style.display = "none"; document.body.onclick = ''; } else { document.getElementById("ogmob_sideNav").style.display = "block"; if(window.getComputedStyle(document.getElementById("ogmob_sideColonie")).display == "flex") { document.getElementById("ogmob_sideColonie").style.display = "none"; document.getElementById("ogmob_sensFlecheFooter").innerHTML = "<<"; } event.stopPropagation(); document.body.onclick = ogmob_openNav; } } function ogmob_sideColonie() { if(window.getComputedStyle(document.getElementById("ogmob_sideColonie")).display == "flex") { document.getElementById("ogmob_sideColonie").style.display = "none"; document.getElementById("ogmob_sensFlecheFooter").innerHTML = "<<"; document.body.onclick = ''; } else { document.getElementById("ogmob_sideColonie").style.display = "flex"; document.getElementById("ogmob_sensFlecheFooter").innerHTML = ">>"; if(window.getComputedStyle(document.getElementById("ogmob_sideNav")).display == "block") { document.getElementById("ogmob_sideNav").style.display = "none"; } event.stopPropagation(); document.body.onclick = ogmob_sideColonie; } } // Compatibilité OCGLight if(document.querySelector('span.ogl_leftMenuIcon') !== null) { /* ---------------------------------- Menu de navigation ---------------------------------- */ if(1 === 1) { var ogmob_OCGLight_Css = ` #ogmob_sideNav li.ogl_timeZone, #ogmob_sideNav li.ogl_planetsCount, #ogmob_sideNav li.ogl_ping { display: none !important; } div#banner_skyscraper { transform: none !important; } `; } /* ---------------------------------- Ressources ---------------------------------- */ if(1 === 1) { // Titre des tootlips ressources // Métal let ogmob_mutMetal = new MutationObserver(mutationRecords => { //console.log(mutationRecords); if(document.getElementById("metal_box").dataset.title !== null) { document.getElementById("metal_box").dataset.title = document.getElementById("metal_box").dataset.title.replace('Métal|', '
'); ogmob_mutMetal.disconnect(); } }); ogmob_mutMetal.observe(document.getElementById("metal_box"), { childList: false, // observer les enfants directs attributes: true, subtree: false, // et les descendants aussi characterDataOldValue: false // transmettre les anciennes données au callback }); // Cristal let ogmob_mutCristal = new MutationObserver(mutationRecords => { //console.log(mutationRecords); if(document.getElementById("crystal_box").dataset.title !== null) { document.getElementById("crystal_box").dataset.title = document.getElementById("crystal_box").dataset.title.replace('Cristal|
Métal
', '
'); ogmob_mutCristal.disconnect(); } }); ogmob_mutCristal.observe(document.getElementById("crystal_box"), { childList: false, // observer les enfants directs attributes: true, subtree: false, // et les descendants aussi characterDataOldValue: false // transmettre les anciennes données au callback }); // Deuterium let ogmob_mutDeut = new MutationObserver(mutationRecords => { //console.log(mutationRecords); if(document.getElementById("deuterium_box").dataset.title !== null) { document.getElementById("deuterium_box").dataset.title = document.getElementById("deuterium_box").dataset.title.replace('Deutérium|
Cristal
', '
'); ogmob_mutDeut.disconnect(); } }); ogmob_mutDeut.observe(document.getElementById("deuterium_box"), { childList: false, // observer les enfants directs attributes: true, subtree: false, // et les descendants aussi characterDataOldValue: false // transmettre les anciennes données au callback }); // Energie let ogmob_mutEnergie = new MutationObserver(mutationRecords => { //console.log(mutationRecords); if(document.getElementById("energy_box").dataset.title !== null) { document.getElementById("energy_box").dataset.title = document.getElementById("energy_box").dataset.title.replace('Energie|
Deutérium
', '
'); ogmob_mutEnergie.disconnect(); } }); ogmob_mutEnergie.observe(document.getElementById("energy_box"), { childList: false, // observer les enfants directs attributes: true, subtree: false, // et les descendants aussi characterDataOldValue: false // transmettre les anciennes données au callback }); // Population let ogmob_mutPop = new MutationObserver(mutationRecords => { //console.log(mutationRecords); if(document.getElementById("population_box").dataset.title !== null) { document.getElementById("population_box").dataset.title = document.getElementById("population_box").dataset.title.replace('Population|
Energie
', '
'); ogmob_mutPop.disconnect(); } }); ogmob_mutPop.observe(document.getElementById("population_box"), { childList: false, // observer les enfants directs attributes: true, subtree: false, // et les descendants aussi characterDataOldValue: false // transmettre les anciennes données au callback }); // Nourriture let ogmob_mutNourriture = new MutationObserver(mutationRecords => { //console.log(mutationRecords); if(document.getElementById("food_box").dataset.title !== null) { document.getElementById("food_box").dataset.title = document.getElementById("food_box").dataset.title.replace('Nourriture|
Population
', '
'); ogmob_mutNourriture.disconnect(); } }); ogmob_mutNourriture.observe(document.getElementById("food_box"), { childList: false, // observer les enfants directs attributes: true, subtree: false, // et les descendants aussi characterDataOldValue: false // transmettre les anciennes données au callback }); // Anti-matière let ogmob_mutAntiMa = new MutationObserver(mutationRecords => { //console.log(mutationRecords); if(document.getElementById("darkmatter_box").dataset.title !== undefined) { document.getElementById("darkmatter_box").dataset.title = document.getElementById("darkmatter_box").dataset.title.replace('Antimatière (AM)|
Nourriture
', '
'); ogmob_mutAntiMa.disconnect(); } }); ogmob_mutAntiMa.observe(document.getElementById("food_box"), { childList: false, // observer les enfants directs attributes: true, subtree: false, // et les descendants aussi characterDataOldValue: false // transmettre les anciennes données au callback }); ogmob_OCGLight_Css = ogmob_OCGLight_Css + ` #resourcesbarcomponent #resources div.resource_tile div.resource div.resourceIcon div.ogl_storage { visibility: hidden; } #darkmatter_box a.overlay img { display: inherit; } .resourceTooltip { position: absolute; top: -2px; width:max-content; background:var(--p3); border-image:var(--uigradient) 1; border-style:solid; border-width:2px 2px 2px 2px; margin: 0!important; padding: 5px; } #resourceTooltipMetal { left: 0px; } #resourceTooltipCristal { left: -10px; } #resourceTooltipDeut { left: -50px; } #resourceTooltipEnergie { right: -100px; } #resourceTooltipPop { right: -50px; } #resourceTooltipNourriture { right: -10px; } #resourceTooltipAntiMa { right: 0px; } `; } /* ---------------------------------- Mouvements de flottes ---------------------------------- */ if(1 === 1) { ogmob_OCGLight_Css = ogmob_OCGLight_Css + ` table.fleetinfo tbody { display: flex !important; flex-direction: column; grid-gap: 0px !important; } table.fleetinfo tr td.ogl_shipIcon { height: 50px !important; width: 50px !important; } table.fleetinfo tr td.ogl_metal, table.fleetinfo tr td.ogl_crystal, table.fleetinfo tr td.ogl_deut, table.fleetinfo tr td.ogl_dm, table.fleetinfo tr td.ogl_energy, table.fleetinfo tr td.ogl_food { background-position: center; display: table-cell !important; width: 48px !important; height: 32px !important; background: transparent url("//gf3.geo.gfsrv.net/cdned/7f14c18b15064d2604c5476f5d10b3.png") 0px 0px no-repeat !important; } table.fleetinfo tr td.ogl_metal { background-position: 0px -160px !important; } table.fleetinfo tr td.ogl_crystal { background-position: -48px -160px !important; } table.fleetinfo tr td.ogl_deut { background-position: -96px -160px !important; } table.fleetinfo tr td.ogl_dm { background-position: 0px -160px !important; } table.fleetinfo tr td.ogl_energy { background-position: -144px -160px !important; } table.fleetinfo tr td.ogl_food { background-position: -288px -160px !important; } table.fleetinfo tr.ogl_metal td.value, table.fleetinfo tr.ogl_crystal td.value, table.fleetinfo tr.ogl_deut td.value, table.fleetinfo tr.ogl_dm td.value, table.fleetinfo tr.ogl_energy td.value, table.fleetinfo tr.ogl_food td.value { font-size: 25px !important; } `; } /* ---------------------------------- Menu droite - Colonies ---------------------------------- */ if(1 === 1) { var ogmob_tooltipsFlotteColo; var ogmob_tooltipImgFlotteColo; let ogmob_mutTooltipsFlotte = new MutationObserver(mutationRecords => { //console.log(mutationRecords); ogmob_tooltipsFlotteColo = document.getElementById("planetList").querySelectorAll("div.smallplanet"); ogmob_tooltipsFlotteColo.forEach((ogmob_tooltipFlotteColo) => { if(ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").dataset.missionType !== null) { if(parseInt(ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").dataset.missionType) < 1 || ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").dataset.missionType == '11' || ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").dataset.missionType == '12' || ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").dataset.missionType == '13' || ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").dataset.missionType == '14' || parseInt(ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").dataset.missionType) > 16) { ogmob_tooltipImgFlotteColo = 'https://i.postimg.cc/44SrG4Xw/Flotte-Mission-1.png'; ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").style.visibility = 'hidden'; } ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").dataset.missionType == '1' ? ogmob_tooltipImgFlotteColo = 'https://i.postimg.cc/44SrG4Xw/Flotte-Mission-1.png' : ''; ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").dataset.missionType == '2' ? ogmob_tooltipImgFlotteColo = 'https://i.postimg.cc/xJfKKWWL/Flotte-Mission-2.png' : ''; ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").dataset.missionType == '3' ? ogmob_tooltipImgFlotteColo = 'https://i.postimg.cc/ZBw6jwS2/Flotte-Mission-3.png' : ''; ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").dataset.missionType == '4' ? ogmob_tooltipImgFlotteColo = 'https://i.postimg.cc/sQWR4N7D/Flotte-Mission-4.png' : ''; ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").dataset.missionType == '5' ? ogmob_tooltipImgFlotteColo = 'https://i.postimg.cc/CnHTWnc3/Flotte-Mission-5.png' : ''; ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").dataset.missionType == '6' ? ogmob_tooltipImgFlotteColo = 'https://i.postimg.cc/svsR5KXs/Flotte-Mission-6.png' : ''; ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").dataset.missionType == '7' ? ogmob_tooltipImgFlotteColo = 'https://i.postimg.cc/qzwHwnhn/Flotte-Mission-7.png' : ''; ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").dataset.missionType == '8' ? ogmob_tooltipImgFlotteColo = 'https://i.postimg.cc/215RK6ht/Flotte-Mission-8.png' : ''; ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").dataset.missionType == '9' ? ogmob_tooltipImgFlotteColo = 'https://i.postimg.cc/TKHMM6c3/Flotte-Mission-9.png' : ''; ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").dataset.missionType == '10' ? ogmob_tooltipImgFlotteColo = 'https://i.postimg.cc/SjWhXHmg/Flotte-Mission-10.png' : ''; ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").dataset.missionType == '15' ? ogmob_tooltipImgFlotteColo = 'https://i.postimg.cc/kV6r7pjF/Flotte-Mission-15.png' : ''; ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").dataset.missionType == '16' ? ogmob_tooltipImgFlotteColo = 'https://i.postimg.cc/Y4J50zZc/Flotte-Mission-16.png' : ''; } ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").innerHTML = ''; ogmob_tooltipFlotteColo.querySelector("div.ogl_inFlight").onclick = ogmob_stopHeritage; }); ogmob_mutTooltipsFlotte.disconnect(); }); ogmob_mutTooltipsFlotte.observe(document.getElementById("planetList"), { childList: true, // observer les enfants directs attributes: true, subtree: true, // et les descendants aussi characterDataOldValue: false // transmettre les anciennes données au callback }); ogmob_OCGLight_Css = ogmob_OCGLight_Css + ` #planetList { overflow: hidden; } #countColonies div.ogl_menuOptions { display: none !important; } #countColonies div.ogl_panel { position: inherit !important; font-size: 25px !important; bottom: 0 !important; } #countColonies div.ogl_panel div { height: 50px; line-height: inherit !important; font-size: 40px !important; } #countColonies div.ogl_panel div[data-title="Vue production"] { grid-column: 1 / span 2; } #countColonies div.ogl_panel div[data-title="Liste des cibles"] { grid-column: 3 / span 4; } #countColonies div.ogl_panel div[data-title="Vue économie"], #countColonies div.ogl_panel [data-title="Cible épinglée"] { display: none; } #planetList .smallplanet * { box-sizing: unset !important; } #planetList div.smallplanet a.planetlink, #planetList div.smallplanet a.planetlink img { position: inherit !important; background: none !important; } #planetList div.smallplanet a.planetlink span.planet-name, #planetList div.smallplanet a.planetlink span.planet-koords { opacity: 1 !important; position: inherit !important; font-size: 25px !important; } #planetList div.smallplanet div.ogl_shortcut, #planetList div.smallplanet div.ogl_short, #planetList div.smallplanet div.ogl_timer { display: none !important; } #planetList div.smallplanet div.ogl_stock { line-height: inherit !important; flex-direction: column; align-items: center; margin: 0 !important; position: inherit !important; text-align: center !important; display: block !important; } #planetList div.smallplanet div.ogl_stock div { font-size: 25px !important; margin: 0 !important; } #planetList div div.ogl_missionType { display: inherit !important; position: inherit !important; transform: none; flex-basis: max-content; height: max-content !important; width: max-content !important; } #planetList div div.ogl_missionType, #planetList div div.ogl_missionType:before, #planetList div div.ogl_missionType:after { border: none !important; } #planetList div div.ogl_missionType img.ogmob_tooltipImgFlotteColo { height: 50px; width: 50px; border: none; border-radius: unset !important; background: none !important; position: relative !important; top: 0 !important; left: 0 !important; box-shadow: none !important; transition: inherit !important; } #rechts #norm div.ogl_resourcesSum, #rechts #norm div.ogl_keyList { display: none; } #planetbarcomponent #rechts a.planetlink.active .planetPic { box-shadow: 0 0 6px 1px #FF9600, 0 0 3px 4px #FF9600 inset !important; } .tpd-tooltip table.ogl_inFlightTable { font-size: 25px !important; } .tpd-tooltip table.ogl_inFlightTable tr td.value { font-size: 25px !important; } .tpd-tooltip table.ogl_inFlightTable div.ogl_missionList div { lin-height: inherit !important; } `; } /* ---------------------------------- Footer ---------------------------------- */ if(1 === 1) { if(document.getElementById("countColonies").querySelector('div.ogl_manageData') !== null) { ogmob_colonneFooterImg = document.createElement("a"); ogmob_colonneFooterImg.href = '#'; ogmob_colonneFooterImg.id = 'ogmob_ocglightFooter'; ogmob_enfantNode = document.createElement("span"); ogmob_enfantNode.innerHTML = 'OCGLIGHT'; document.getElementById("ogmob_flotteFooter").style.gridColumn = "4"; document.getElementById("ogmob_galaxieFooter").style.gridColumn = "5"; document.getElementById("ogmob_empireFooter").style.gridColumn = "6"; document.getElementById("countColonies").querySelector('div.ogl_manageData').style.gridRow = "2"; document.getElementById("countColonies").querySelector('div.ogl_manageData').style.gridColumn = "7"; document.getElementById("countColonies").querySelector('div.ogl_manageData').appendChild(ogmob_enfantNode); document.getElementById("ogmob_footerGrid").appendChild(document.getElementById("countColonies").querySelector('div.ogl_manageData')); ogmob_OCGLight_Css = ogmob_OCGLight_Css + ` #ogmob_footerGrid div.ogl_manageData { align-items: center; align-content: center; text-decoration: none !important; border-top: 2px solid white !important; border-left: 2px solid white !important; border-right: 2px solid white !important; border-radius: 0px 0px 0px 0px !important; background: #1c2025 !important; color: #FFF !important; line-height: inherit !important; box-sizing: unset !important; font-weight: inherit !important; } `; } } ogmob_OCGLight_Css = ogmob_OCGLight_Css + ` div.ogl_universeName { display: none; } div.ogl_tooltip { min-width: max-content !important; width: max-content !important; max-width: max-content !important; } `; GM_addStyle(ogmob_OCGLight_Css); function ogmob_stopHeritage() { event.stopPropagation(); } }
Antimatière