// ==UserScript==
// @name         G-E_Ceres
// @namespace    http://tampermonkey.net/
// @version      0.2
// @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
// @run-at document-end
// @downloadURL none
// ==/UserScript==
'use strict';

/* Set the width of the side navigation to 250px */
function ogmob_openNav() {
  document.getElementById("mySidenav").style.left = "0px";
}

/* Set the width of the side navigation to 0 */
function ogmob_closeNav() {
  document.getElementById("mySidenav").style.left = "-250px";
}
function ogmob_retoucheFlotte() {
  alert("changer");
}
// Header origine
document.getElementById("siteHeader") !== null ? document.getElementById("siteHeader").style.display = "none" : '';
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.getElementById("commandercomponent") !== null ? document.getElementById("commandercomponent").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_sideMenu = "";
var ogmob_notifBurger = "";
// Gestion des "missions"
if(document.getElementById("ipimenucomponent") !== null)
{
// notification de récompense à récupérer
    if(document.getElementById("ipimenucomponent").querySelector("span.ipiHintCollect") !== null)
    {
        var ogmob_nbMissionRecup = document.getElementById("ipimenucomponent").querySelector("span.ipiHintCollect").innerHTML;
        ogmob_notifBurger = '<span class="ipiHintCollect" style="font-size:15px;">' + ogmob_nbMissionRecup + '</span>';
        ogmob_sideMenu = '<li><a href="https://s258-fr.ogame.gameforge.com/game/index.php?page=ajax&component=ipioverview&action=overviewLayer&ajax=1" class="overlay textBeefy" data-overlay-title="" id="ipiInnerMenuContentHolder">Missions (' + ogmob_nbMissionRecup + ')</a></li>';
    }
    else
    {
        ogmob_sideMenu = '<li><a href="https://s258-fr.ogame.gameforge.com/game/index.php?page=ajax&component=ipioverview&action=overviewLayer&ajax=1" class="overlay textBeefy" data-overlay-title="" id="ipiInnerMenuContentHolder">Missions</a></li>';
    }
// Suppression de l'encadré "mission" d'origine
    document.getElementById("ipimenucomponent").remove();
}
// 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_sideMenu = ogmob_sideMenu + "<li>" + ogmob_menuTop.innerHTML + "</li>";
    }
    ogmob_i = ogmob_i + 1;
});
var ogmob_topBurger =
`
<a href="#" id="openBtn" onclick="openNav()">
  <span class="burger-icon">` + ogmob_notifBurger +
  ` <span></span>
    <span></span>
    <span></span>
  </span>
</a>
`;
var ogmob_sideNav =
`
<a id="closeBtn" href="#" class="close" onclick="closeNav()">×</a>
<ul>` + ogmob_sideMenu +
`</ul>
`;
// Joueur
var ogmob_nomJoueur = document.getElementById("playerName").querySelector("span.textBeefy").innerHTML;
// Classement
var ogmob_classement = document.getElementById("bar").querySelectorAll("ul li")[1].innerHTML.substring(document.getElementById("bar").querySelectorAll("ul li")[1].innerHTML.indexOf('('), document.getElementById("bar").querySelectorAll("ul li")[1].innerHTML.indexOf(')')+1);
var ogmob_afficheClassement = document.getElementById("bar").querySelectorAll("ul li")[1].innerHTML.replace("Classement", "Classement " + ogmob_classement);
ogmob_afficheClassement = ogmob_afficheClassement.substring(0, ogmob_afficheClassement.indexOf('</a>'));
// Messages
var ogmob_messageWrapper = document.getElementById("message-wrapper").innerHTML;
var ogmob_messages = ogmob_messageWrapper.substring(ogmob_messageWrapper.indexOf('<a'), ogmob_messageWrapper.indexOf('</a>')+4);
// Tchats
ogmob_messageWrapper = ogmob_messageWrapper.replace(ogmob_messages, '');
var ogmob_chats = ogmob_messageWrapper.substring(ogmob_messageWrapper.indexOf('<a'), ogmob_messageWrapper.indexOf('</a>')+4);
// Suppression du header d'origine
document.getElementById("bar").remove();
// Suppression des boutons messages et chats d'origine
document.getElementById("message-wrapper").querySelector("a.messages").remove();
document.getElementById("message-wrapper").querySelector("a.chat").remove();
// Création du nouveau header
let ogmob_Header = document.createElement("div");
ogmob_Header.id = "ogMobileHeader";
ogmob_Header.innerHTML = ogmob_topBurger + "<p id='nomClassement'>" + ogmob_nomJoueur + ogmob_afficheClassement + "</p>" + ogmob_messages + ogmob_chats;
document.body.insertBefore(ogmob_Header, document.body.firstChild);
// Création du sideNav du menu burger
let ogmob_sideNavNode = document.createElement("div");
ogmob_sideNavNode.id = "mySidenav";
ogmob_sideNavNode.class = "sidenav";
ogmob_sideNavNode.innerHTML = ogmob_sideNav;
document.body.insertBefore(ogmob_sideNavNode, document.body.firstChild);
// Trouver pour dégager ça
var ogmob_sidenav = document.getElementById("mySidenav");
var ogmob_openBtn = document.getElementById("openBtn");
var ogmob_closeBtn = document.getElementById("closeBtn");
ogmob_openBtn.onclick = ogmob_openNav;
ogmob_closeBtn.onclick = ogmob_closeNav;

// Ressources
if(document.getElementById("resourcesbarcomponent") !== null)
{
    document.getElementById("ogMobileHeader").parentNode.insertBefore(document.getElementById("resourcesbarcomponent"), document.getElementById("ogMobileHeader").nextSibling);
    document.getElementById("resourcesbarcomponent").style.position = "relative";
    document.getElementById("resourcesbarcomponent").style.top = "0";
    document.getElementById("resourcesbarcomponent").style.left = "0";
    document.getElementById("resourcesbarcomponent").style.width = "100%";
    document.getElementById("resourcesbarcomponent").style.height = "max-content";
    document.getElementById("resourcesbarcomponent").style.display = "block";
    document.getElementById("resourcesbarcomponent").style.float = "none";
    document.getElementById("resourcesbarcomponent").style.marginTop = "5px";
    document.getElementById("resources").style.justifyContent = "space-between";
    document.getElementById("resources").style.textAlign = "center";
    document.getElementById("resources").style.alignItems = "center";
    var ogmob_ressources = document.getElementById("resources").querySelectorAll("div.resource_tile");
    ogmob_ressources.forEach((ogmob_ressource) => {
        ogmob_ressource.style.padding = "4px 0px 0px 0px";
        ogmob_ressource.style.margin = "0";
        ogmob_ressource.style.width = "fit-content";
        ogmob_ressource.style.height = "fit-content";
        ogmob_ressource.style.flexGrow = "1";
        ogmob_ressource.style.background = "none";
        ogmob_ressource.querySelector("div.resource").style.display = "flex";
        ogmob_ressource.querySelector("div.resource").style.flexDirection = "column";
        ogmob_ressource.querySelector("div.resource").style.textAlign = "center";
        ogmob_ressource.querySelector("div.resource").style.alignItems = "center";
        ogmob_ressource.querySelector("div.resource").style.width = "100%";
        ogmob_ressource.querySelector("div.resource").querySelector("div.resourceIcon").style.margin = "0";
        ogmob_ressource.querySelector("div.resource").querySelector("div.resourceIcon").style.float = "none";
        ogmob_ressource.querySelector("div.resource").querySelector("span.value").style.width = "100%";
        ogmob_ressource.querySelector("div.resource").querySelector("span.value").style.display = "inherit";
        ogmob_ressource.querySelector("div.resource").querySelector("span.value").style.justifyContent = "inherit";
        ogmob_ressource.querySelector("div.resource").querySelector("span.value").style.position = "inherit";
        ogmob_ressource.querySelector("div.resource").querySelector("span.value").style.bottom = "inherit";
        ogmob_ressource.querySelector("div.resource").querySelector("span.value span").style.position = "inherit";
        ogmob_ressource.querySelector("div.resource").querySelector("span.value span").style.top = "inherit";
        ogmob_ressource.querySelector("div.resource").querySelector("span.value span").style.left = "inherit";
        ogmob_ressource.querySelector("div.resource").querySelector("span.value span").style.paddingTop = "3px";
        ogmob_ressource.querySelector("div.resource").querySelector("a.overlay img") !== null ? ogmob_ressource.querySelector("div.resource").querySelector("a.overlay img").style.position = "inherit" : '';
        ogmob_ressource.querySelector("div.resource").querySelector("a.overlay img") !== null ? ogmob_ressource.querySelector("div.resource").querySelector("a.overlay img").style.margin = "0" : '';
        ogmob_ressource.querySelector("div.resource").querySelector("a.overlay div.darkmatter") !== null ? ogmob_ressource.querySelector("div.resource").querySelector("a.overlay div.darkmatter").remove() : '';
    });
    document.getElementById("darkmatter_box").style.position = "inherit";
}


// Header mouvements de flottes
if(document.getElementById("notificationbarcomponent") !== null)
{
    document.getElementById("resourcesbarcomponent").parentNode.insertBefore(document.getElementById("notificationbarcomponent"), document.getElementById("resourcesbarcomponent").nextSibling);
    document.getElementById("notificationbarcomponent").style.position = "relative";
    document.getElementById("notificationbarcomponent").style.top = "0";
    document.getElementById("notificationbarcomponent").style.left = "0";
    document.getElementById("notificationbarcomponent").style.width = "98%";
    document.getElementById("notificationbarcomponent").style.height = "max-content";
    document.getElementById("notificationbarcomponent").style.display = "block";
    document.getElementById("notificationbarcomponent").style.marginTop = "5px";
    document.getElementById("notificationbarcomponent").style.marginLeft = "1%";
    document.getElementById("message-wrapper").style.position = "inherit";
    document.getElementById("message-wrapper").style.top = "0";
    document.getElementById("message-wrapper").style.left = "0";
    document.getElementById("message-wrapper").style.width = "100%";
    document.getElementById("message-wrapper").style.height = "max-content";
    document.getElementById("message-wrapper").style.margin = "0";
    document.getElementById("message-wrapper").style.display = "flex";
    document.getElementById("message-wrapper").style.alignItems = "center";
    document.getElementById("message-wrapper").style.textAlign = "center";
    document.getElementById("message-wrapper").style.justifyContent = "space-between";
    document.getElementById("message-wrapper").style.border = "2px solid white";
    document.getElementById("message-wrapper").style.borderRadius = "20px";
    document.getElementById("message-wrapper").style.paddingLeft = "5px";
    document.getElementById("message-wrapper").style.backgroundColor = "rgba(0,0,0,0.3)";
    document.getElementById("messages_collapsed").style.position = "inherit";
    document.getElementById("messages_collapsed").style.float = "inherit";
    document.getElementById("messages_collapsed").style.fontSize = "inherit";
    document.getElementById("messages_collapsed").style.height = "max-content";
    document.getElementById("messages_collapsed").style.lineHeight = "inherit";
    document.getElementById("messages_collapsed").style.margin = "0";
    document.getElementById("messages_collapsed").style.overflow = "inherit";
    document.getElementById("messages_collapsed").style.textAlign = "inherit";
    document.getElementById("messages_collapsed").style.width = "100%";
    document.getElementById("messages_collapsed").style.left = "0";
    document.getElementById("messages_collapsed").style.top = "0";
    document.getElementById("messages_collapsed").style.flexGrow = "3";
    document.getElementById("eventboxFilled").style.height = "30px";
    document.getElementById("attack_alert").style.flexGrow = "1";
    document.getElementById("attack_alert").style.position = "inherit";
    document.getElementById("attack_alert").style.top = "0";
    document.getElementById("attack_alert").style.left = "0";
    document.getElementById("attack_alert").style.right = "0";
    document.getElementById("attack_alert").style.display = "inherit";
    document.getElementById("attack_alert").style.height = "fit-content";
    document.getElementById("attack_alert").style.float = "inherit";
    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)
    {
        document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML = document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML.replace("Missions: ","Missions");
        document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML = document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML.replace(",","");
        document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML = document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML.replace("Suivant: ","");
        document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML = document.getElementById("eventboxFilled").querySelector("p.event_list").innerHTML.replace("Type: ","");
    }
});
ogmob_mutHeaderFlotte.observe(document.getElementById("eventboxFilled"), {
  childList: true,
});

// Mouvement de flottes
if(document.getElementById("eventlistcomponent") !== null)
{
    document.getElementById("notificationbarcomponent").parentNode.insertBefore(document.getElementById("eventlistcomponent"), document.getElementById("notificationbarcomponent").nextSibling);
    document.getElementById("eventlistcomponent").style.position = "relative";
    document.getElementById("eventlistcomponent").style.top = "0";
    document.getElementById("eventlistcomponent").style.left = "0";
    document.getElementById("eventlistcomponent").style.width = "98%";
    document.getElementById("eventlistcomponent").style.height = "max-content";
    document.getElementById("eventlistcomponent").style.display = "block";
    document.getElementById("eventlistcomponent").style.marginLeft = "1%";
    document.getElementById("eventboxContent").style.width = "100%";
    document.getElementById("eventboxContent").style.margin = "0";
    document.getElementById("eventboxContent").style.border = "2px solid white";
    document.getElementById("eventboxContent").style.borderTop = "none";
    document.getElementById("eventboxContent").style.borderRadius = "20px";
}
let ogmob_mutFlotte = new MutationObserver(mutationRecords => {
    //console.log(mutationRecords);
    document.getElementById("eventHeader") !== null ? document.getElementById("eventHeader").remove() : '';
    document.getElementById("eventFooter") !== null ? document.getElementById("eventFooter").remove() : '';
    if(document.getElementById("eventContent") !== null)
    {
        document.getElementById("eventContent").style.backgroundRepeat = "repeat";
        document.getElementById("eventContent").style.padding = "0";
    }
});
ogmob_mutFlotte.observe(document.getElementById("eventboxContent"), {
  childList: true,
});

// Suppression "top" d'origine
document.getElementById("top") !== null ? document.getElementById("top").remove() : '';

// Menu de gauche
document.getElementById('leftMenu') !== null ? document.getElementById('leftMenu').style.marginTop = "0" : '';
if(document.getElementById("left") !== null)
{
    document.getElementById("left").style.top = "0";
}

// Menu de droite
if(document.getElementById("rechts") !== null)
{
    document.getElementById("rechts").style.marginTop = "10px";
}
if(document.getElementById("bannerSkyscrapercomponent") !== null)
{
    document.getElementById("bannerSkyscrapercomponent").remove();
}
// Bottom
if(document.getElementById("chatbarcomponent") !== null)
{
    document.getElementById("chatbarcomponent").remove();
}


const ogmob_Css =
`
/*css*/
#ogMobileHeader {
  position: relative;
  margin: 0;
  padding: 0;
  padding-bottom: 2px;
  top: 0px;
  left: 0px;
  height: max-content;
  width: 100%;
  background-color: black;
  border-bottom: 1px solid white;
  display: flex;
  text-align: center;
  align-items: center;
  line-height: normal;
}
#nomClassement {
  display: flex;
  flex-direction: column;
  flex-grow: 3;
}
#nomClassement a {
  margin: 0;
  padding: 0;
  margin-top: 2px;
  color: #FFF;
  text-decoration: none;
}
#ogMobileHeader .comm_menu {
  margin: 0;
  margin-right: 10px;
  padding: 0;
  background-image: url("//gf2.geo.gfsrv.net/cdn43/9d2a040a90c8eae17d3cd2ee3b54df.png");
  background-repeat: no-repeat;
  height: 24px;
  width: 30px;
  display: inherit;
  float: none;
  position: relative;
}
#ogMobileHeader .comm_menu.messages {
  background-position: -10px -10px;
}
#ogMobileHeader .comm_menu.chat {
  background-position: -10px -128px;
}
/* Sidenav menu */
#mySidenav {
  height: 100%;
  width: 250px;
  position: fixed;
  z-index: 10;
  top: 0;
  left: -250px;
  background-color: #e8e8e8;
  padding-top: 60px;
  transition: left 0.5s ease;
}

/* Sidenav menu links */
#mySidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

#mySidenav a:hover {
  color: #111;
}

#mySidenav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* Active class */
#mySidenav .active {
  left: 0;
}

/* Close btn */
#mySidenav .close {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
}

/* Icône burger */
.burger-icon span {
  display: block;
  width: 30px;
  height: 3px;
  background-color: white;
  margin: 5px 0;
}
.burger-icon .ipiHintCollect {
  background: #9c0;
  border: 1px solid #9c0;
  border-radius: 18px;
  width: 18px;
  height: 18px;
  line-height: 15px;
  text-align: center;
  color: #000;
  box-sizing: border-box;
  display: inline-block;
  position: absolute;
  top: -2px;
}

/* CSS Ogame modifié */
#resourcesbarcomponent div#resources div.resource {
  height: 60px!important;
}
#resourcesbarcomponent div#resources div.resource .value {
  font: inherit!important;
}
#eventboxFilled p.event_list {
  text-align: left;
  display: flex;
  height: 30px;
  align-items: center;
}
#eventboxFilled p.event_list span.undermark {
  display: none;
}
#eventboxFilled p.event_list p.event_list {
  float: right;
  margin-left: 10px;
}
#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;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid white;
  height: 30px;
  align-items: center;
  display: inline-flex!important;
}
#notificationbarcomponent #attack_alert.today a {
  background-position: -490px -43px!important;
}
#attack_alert a {
  margin: 0!important;
  height: 30px!important;
  border: 1px solid black;
  border-radius: 0px 20px 20px 0px;
}
.eventFleet td, .allianceAttack td {
  font-size: inherit!important;
}
/*!css*/
`;

GM_addStyle(ogmob_Css);


(function() {

    // Your code here...
})();