Laat op het profiel van een speler of op het eiland scherm zien welke steden wel/geen trip hebben
目前为
// ==UserScript==
// @name Grepolis tripjes detector
// @version 2025-01-26
// @description Laat op het profiel van een speler of op het eiland scherm zien welke steden wel/geen trip hebben
// @author archdukeDaan
// @match https://*.grepolis.com/*
// @license MIT
// @namespace https://tampermonkey.net/
// @grant GM_setValue
// @grant GM_getValue
// ==/UserScript==
(function() {
'use strict';
// maak een wrapper function over de createTownDiv function
// voordat een stad wordt gemaakt op de kaart, run eerst mijn functie en dan pas de grepo functie
var wrapper = function(originalFunc) {
return function() {
var wrapper = originalFunc.apply(this, arguments);
return generateTripjesOpKaart(wrapper, arguments);
};
};
MapTiles.createTownDiv = wrapper(MapTiles.createTownDiv);
function laadSettings(){
var settings = {
'archduke_menu_auto_trip_kaart': GM_getValue('archduke_menu_auto_trip_kaart'),
'archduke_menu_auto_trip_eiland': GM_getValue('archduke_menu_auto_trip_eiland'),
'archduke_menu_auto_trip_profiel': GM_getValue('archduke_menu_auto_trip_profiel'),
"archduke_menu_trip_allianties" : GM_getValue('archduke_menu_trip_allianties'),
"archduke_menu_trip_eigen_stad" : GM_getValue('archduke_menu_trip_eigen_stad'),
}
return settings
}
// timer om de menu knop te maken
setTimeout(function check() {
maakMenuKnop()
}, 5000);
// timer om te checken of de knop moet worden geplaatst
// er kan maar maximaal 1 profiel tegelijk open staan
setTimeout(function checkProfielWindowOpen() {
if (document.getElementById("player_towns") != null) {
if (document.getElementById("tripknopProfiel") == null){
addTripKnop('profiel')
}
}
setTimeout(checkProfielWindowOpen, 500);
}, 500);
// timer om te checken of de knop moet worden geplaatst
// er kunnen meerdere eilanden vensters tegelijk open staan
setTimeout(function checkEilandWindowOpen() {
if (document.getElementsByClassName("island_info_wrapper") != null) {
// verkrijg alle openstaande eiland vensters
var vensters = getAllOpenEilandVensters()
for(let i=0;i<vensters.length;i++){
var venster = vensters[i]
// check of dit eiland venster al een knop heeft
if (venster.querySelector("#tripknopEiland") == null){
addTripKnop('eiland',venster)
}
}
}
setTimeout(checkEilandWindowOpen, 500);
}, 500);
function addTripKnop(knop_type,venster) {
var button = document.createElement('span');
button.textContent = 'Tripjes';
button.style.zIndex = 1000;
button.style.width = '50px'
button.style.padding = '4px';
button.style.marginTop = '4px'
button.style.marginBottom = '4px'
button.style.color = 'white';
button.style.border = '1px solid black';
button.style.borderRadius = '5px';
button.style.cursor = 'pointer';
button.style.marginLeft = '15px';
if (knop_type == 'profiel'){
button.addEventListener('click', function(){
generateTripjesOpProfiel();
}, false);
button.setAttribute('id', 'tripknopProfiel');
// voeg de knop als tweede element toe aan de game_header van de stedenlijst op het profiel
var profiel = document.getElementById("player_towns")
var element = profiel.children[0].querySelector('.game_header');
element.insertBefore(button,element.children[0]);
var instelling = GM_getValue('archduke_menu_auto_trip_profiel')
if (instelling == true){
button.click()
}
} else if (knop_type == 'eiland'){
button.addEventListener('click', function(){
generateTripjesOpEiland(venster);
}, false);
button.setAttribute('id', `tripknopEiland`);
button.style.backgroundColor = 'blue';
var eiland_controls = venster.querySelector("#island_towns_controls")
eiland_controls.appendChild(button)
var instelling = GM_getValue('archduke_menu_auto_trip_eiland')
if (instelling == true){
button.click()
}
}
console.log("Trip knop toegevoegd!")
}
function getHuidigeSpeler(){
var playerObj = MM.getModels().Player
var player = Object.values(playerObj)[0].attributes;
var huidigeSpeler = player.name
return huidigeSpeler
}
function getTripLijst(){
// verkrijg alle tripjes en stop ze in een lijst
const steden_met_troepen_buiten = ITowns.all_supporting_units.fragments
var triplijst = []
Object.values(steden_met_troepen_buiten).forEach((stad) => {
var tripjes = stad.models
tripjes.forEach((trip) => {
var trip_info = trip.attributes
var stad_naam = trip_info.current_town_name
var stad_speler = trip_info.current_town_player_name
var stad_id = trip_info.current_town_id
//var trip_stad_herkomst = trip_info.home_town_name
var row = {"stad_naam":stad_naam,"stad_speler":stad_speler,"stad_id":stad_id}
triplijst.push( row )
});
});
//console.log(triplijst)
return triplijst
}
function getProfileName(){
// verkrijg speler naam van het huidige profiel dat open staat
var profiel = document.getElementById("player_info").children
var naam = ""
for(let i=0;i<profiel.length;i++){
var el = profiel[i]
if (el.tagName == "H3"){
naam = el.innerHTML
break
}
}
return naam
}
function getStedenLijstOpProfiel(){
// verkrijg stedenlijst dom element van een speler zn profiel
var profiel_steden = document.getElementById("player_towns").children[0].children
var steden = false
for(let i=0;i<profiel_steden.length;i++){
var el2 = profiel_steden[i]
if (el2.tagName == "UL"){
steden = el2.children
break
}
}
//console.log(steden)
return steden
}
function getStedenLijstOpEiland(venster){
// verkrijg stedenlijst dom element van een eiland
var eiland_steden = venster.querySelector("#island_info_towns_left_sorted_by_name").children
//console.log(steden)
return eiland_steden
}
function getAlliantieFromLink(stad_obj){
// verkrijg de alliantie van de eigenaar van een stad vanuit de GP link DOM element
// als speler geen alliantie heeft, return -1
if (stad_obj.querySelector('.gp_alliance_link') != null){
var link_as_str = stad_obj.querySelector('.gp_alliance_link').outerHTML;
var alliantie = link_as_str.split("Layout.allianceProfile.open")[1].split(",")[1].split(")")[0]
return alliantie
} else {
return -1
}
}
function getAllOpenEilandVensters(){
var vensters = document.getElementsByClassName("island_info_wrapper")
return vensters
}
function generateTripjesOpEiland(venster){
// indien van toepassing, verwijder de oude tags op het eiland informatie scherm
venster.querySelector("#island_info_towns_left_sorted_by_name").querySelectorAll('.tripTag').forEach(e => e.remove());
// verkrijg stedenlijst op het eiland
var steden = getStedenLijstOpEiland(venster)
// verkrijg de triplijst
var triplijst = getTripLijst()
// loop over de steden en voeg tag 'geen trip' toe als de stadsnaam niet in triplijst staat
for (let k=0; k < steden.length; k++){
var stad_obj = steden[k]
var stad_naam = stad_obj.querySelector(".gp_town_link").innerHTML;
var stad_eigenaar_dom = stad_obj.querySelector(".gp_player_link")
var stad_eigenaar = "Spookstad"
if (stad_eigenaar_dom != null){
stad_eigenaar = stad_eigenaar_dom.innerHTML;
}
var stad_alliantie = getAlliantieFromLink(stad_obj);
// plaats geen tag als de stad van de huidige speler is
// plaats geen tag als de alliantie van de eigenaar van de stad niet in de alliantie lijst staat
var allianties = GM_getValue("archduke_menu_trip_allianties")
if ( allianties.contains(stad_alliantie) == true ){
var settings = GM_getValue("archduke_menu_trip_eigen_stad")
if (settings == false){
if (stad_eigenaar == getHuidigeSpeler()){
return
}
}
var tag = document.createElement('div');
tag.style.zIndex = 1000;
tag.style.cursor = 'pointer';
tag.setAttribute('class','tripTag')
tag.style.fontWeight = 'bold';
tag.style.marginLeft = '10px';
// kijk of er een trip in de stad ligt
var j = triplijst.findIndex( e => (e.stad_naam == stad_naam) && (e.stad_speler == stad_eigenaar) )
if (j>-1){
tag.textContent = "Wel trip";
tag.style.color = 'green'
} else {
tag.textContent = "Geen trip";
tag.style.color = 'red'
}
// voeg de tag toe aan de DOM
steden[k].appendChild(tag);
}
}
}
function generateTripjesOpProfiel(){
// indien van toepassing, verwijder de oude tags op het profiel
document.getElementById("player_towns").querySelectorAll('.tripTag').forEach(e => e.remove());
// verkrijg naam op het profiel
var naam = getProfileName()
// verkrijg de triplijst
var triplijst = getTripLijst()
// verkrijg stedenlijst op het profiel
var steden = getStedenLijstOpProfiel()
// loop over de steden en voeg tag 'geen trip' of 'wel trip' toe
for (let k=0; k < steden.length; k++){
var stad = steden[k].children[1]
var stad_naam = stad.innerHTML
var tag = document.createElement('span');
tag.style.zIndex = 1000;
tag.style.cursor = 'pointer';
tag.setAttribute('class','tripTag')
tag.style.fontWeight = 'bold';
// kijk of er een trip in de stad ligt
var j = triplijst.findIndex( e => (e.stad_naam == stad_naam) & (e.stad_speler == naam) )
if (j>-1){
tag.textContent = "Wel trip";
tag.style.color = 'green'
} else {
tag.textContent = "Geen trip";
tag.style.color = 'red'
}
// voeg de tag toe aan de DOM
steden[k].appendChild(tag)
}
}
function generateTripjesOpKaart(originalFunc, args){
var stad = args[0]
//console.log(stad)
// check of stad een speler heeft, dus of het geen spookstad is
if(stad.player_id != null){
// createTownDiv 2 keer geroepen per stad, eens voor de stad en eens voor de stad vlag
for (let i=0;i<originalFunc.length;i++){
// maak tag alleen op de stadsvlag ivm dubbele tags per stad
var dom_element = originalFunc[i]
var class_list = dom_element.classList
//console.log(class_list)
if (class_list.contains("flag")){
// verkrijg de triplijst
var triplijst = getTripLijst()
var stad_id = stad.id
var stad_alliantie = stad.alliance_id
var stad_eigenaar = stad.player_name
var allianties = GM_getValue("archduke_menu_trip_allianties")
var eigen_stad = GM_getValue("archduke_menu_trip_eigen_stad")
if ((allianties.contains(stad_alliantie) == true)){
if(eigen_stad == false){
if(stad_eigenaar == getHuidigeSpeler()){
return originalFunc
}
}
// tag
var tag = document.createElement('div');
tag.style.zIndex = 1000;
tag.style.cursor = 'pointer';
tag.setAttribute('class','tripTag')
tag.style.fontWeight = 'bold';
tag.style.width = '15px';
tag.style.height = '15px';
tag.style.borderRadius = '50%'
tag.style.position = 'relative';
tag.style.top = "60%";
tag.style.left = "70%";
tag.style.border = '2px solid black'
// kijk of er een trip in de stad ligt
var j = triplijst.findIndex( e => (e.stad_id == stad_id) )
if (j>-1){
tag.style.backgroundColor = 'green'
} else {
tag.style.backgroundColor = 'red'
}
$(originalFunc[i]).append(tag);
}
}
}
}
return originalFunc
}
function maakMenuKnop(){
var knop = document.createElement("div")
knop.style.width = '60px'
knop.setAttribute("id","archduke_menu")
knop.style.height = '30px'
knop.style.position = 'absolute'
knop.style.bottom = '100px'
knop.style.backgroundColor = 'red'
knop.style.borderRadius = '10px'
knop.style.left = 0
knop.style.cursor = 'pointer'
knop.style.zIndex = '10001'
knop.innerHTML = 'Archduke Menu'
knop.addEventListener('click', maakMenu)
document.body.appendChild(knop)
}
function maakMenu(){
var menuTitel = 'Archduke Menu'
var titel_dom = null
// check of er al een menu window open staat
var find = false;
for(let i of document.getElementsByClassName('ui-dialog-title')){
if(i.innerHTML == menuTitel){
find = true;
titel_dom = i
}
}
// maak nieuwe window indien nodig
if(find == false){
var window = Layout.wnd.Create(Layout.wnd.TYPE_DIALOG, "Archduke Menu");
// zet window size
window.setHeight(document.body.scrollHeight/2);
window.setWidth('800');
window.setContent(''); // clear window
for(let i of document.getElementsByClassName('ui-dialog-title')){
if(i.innerHTML == menuTitel){
titel_dom = i;
}
}
}
// maak mini pagina om in de frame te zetten
var frame = titel_dom.parentElement.parentElement.children[1].children[4];
frame.innerHTML = '';
// maak menu voor module selectie aan de linker kant
var container_left = document.createElement("div")
container_left.setAttribute("id","archduke_menu_left")
container_left.setAttribute("class",'settings-menu')
frame.appendChild(container_left)
var ul = document.createElement("ul")
// maak module selectors
var el = document.createElement("b")
el.innerHTML = 'Scripts'
container_left.append(el)
var el = maakModuleSelector('Trip Detector')
ul.append(el)
var el = maakModuleSelector('Placeholder naam')
ul.append(el)
var el = maakModuleSelector('Placeholder naam')
ul.append(el)
container_left.appendChild(ul)
// maak instellingen voor module aan de rechter kant
var container_right = document.createElement("div")
container_right.setAttribute("id","archduke_menu_right")
container_right.setAttribute("class",'settings-container')
frame.appendChild(container_right)
// maak module instellingen
var el = maakTripInstellingen()
container_right.appendChild(el)
// check settings in de local storage
var settings = laadSettings()
if (settings.archduke_menu_auto_trip_eiland){ document.getElementById("archduke_menu_auto_trip_eiland").classList.add('checked') }
if (settings.archduke_menu_auto_trip_kaart){ document.getElementById("archduke_menu_auto_trip_kaart").classList.add('checked') }
if (settings.archduke_menu_auto_trip_profiel){ document.getElementById("archduke_menu_auto_trip_profiel").classList.add('checked') }
if (settings.archduke_menu_trip_eigen_stad){ document.getElementById("archduke_menu_trip_eigen_stad").classList.add('checked') }
for (let i=0; i < settings.archduke_menu_trip_allianties.length;i++){
var ally_id = settings.archduke_menu_trip_allianties[i]
addRowToMenuList(document.getElementById('archduke_menu_alliantie_list'),ally_id)
}
}
function maakModuleSelector(naam){
var el = document.createElement("li")
el.style.marginBottom = '10px'
var a = document.createElement('a')
a.innerHTML = naam
a.setAttribute("class","settings-link")
el.appendChild(a)
return el
}
function maakTripInstellingen(){
// maak container
var el = document.createElement("div")
el.setAttribute('id',"archduke_menu_instellingen")
var form = document.createElement("form")
el.appendChild(form)
// maak section
var section = createSection('Voorkeuren')
form.appendChild(section)
// maak groep waar alle knopjes in komen
var group = createGroup("Bepaal het gedrag van de tripjes detector door de checkboxen aan te vinken.")
// maak alle knopjes
var auto_weergeef_kaart = createCheckBox("Weergeef automatisch de trip tags op de kaart", 'auto_trip_kaart')
var auto_weergeef_eiland = createCheckBox("Weergeef automatisch de trip tags op het eiland scherm",'auto_trip_eiland')
var auto_weergeef_profiel = createCheckBox("Weergeef automatisch de trip tags op het profiel van een speler",'auto_trip_profiel')
var auto_weergeef_eigen_stad = createCheckBox("Weergeef trip tags bij je eigen steden",'trip_eigen_stad')
// opslaan knop
var btn = createKnop("Opslaan",saveInstellingen)
// voeg alles toe aan de section
group.appendChild(auto_weergeef_kaart)
group.appendChild(auto_weergeef_eiland)
group.appendChild(auto_weergeef_profiel)
group.appendChild(auto_weergeef_eigen_stad)
group.appendChild(document.createElement("br"))
group.appendChild(btn)
section.append(group)
// maak inner box
var box = createInnerBox("Alleen voor onderstaande allianties zullen trip tags worden getoond.",'input_ally_id','Alliantie ID', 'Opslaan',"archduke_menu_alliantie_list",saveInstellingenAllianties)
group.appendChild(box)
// maak inner box
//var box = createInnerBox("Onderstaande spelers zullen geen trip tags krijgen",'input_player_id','Spelernaam', 'Opslaan',"archduke_menu_player_list",null)
//group.appendChild(box)
return el
}
function createSection(sectie_naam){
var section = document.createElement("div")
section.setAttribute("class",'section')
section.style.display = 'block'
var section_titel = document.createElement("div")
section_titel.innerHTML = sectie_naam
section_titel.setAttribute("class",'game_header bold')
section.appendChild(section_titel)
return section
}
function createGroup(beschrijving){
var group = document.createElement("div")
group.setAttribute("class",'group')
var group_text = document.createElement("p")
group_text.innerHTML = beschrijving
group.appendChild(group_text)
return group
}
function createCheckBox(beschrijving, id){
var el = document.createElement("div")
el.setAttribute('class',"checkbox_new large archduke_menu_checkbox")
el.setAttribute('id', `archduke_menu_${id}`)
var btn = document.createElement("div")
btn.setAttribute("class","cbx_icon")
el.appendChild(btn)
var text = document.createElement("div")
text.setAttribute("class","cbx_caption")
text.innerHTML = beschrijving
el.appendChild(text)
el.addEventListener('click', function(){
this.classList.toggle('checked')
})
return el
}
function createKnop(text, f){
var el = document.createElement("div")
el.setAttribute("class",'button_new')
var el2 = document.createElement("div")
el2.setAttribute("class",'left')
var el3 = document.createElement("div")
el3.setAttribute("class",'right')
var btn = document.createElement("div")
btn.setAttribute("class",'caption js-caption')
var btn_txt = document.createElement("span")
btn_txt.innerHTML = text
var btn_ef = document.createElement("div")
btn_ef.setAttribute('class',"effect js-effect")
el.appendChild(el2)
el.appendChild(el3)
btn.appendChild(btn_txt)
btn.appendChild(btn_ef)
el.appendChild(btn)
btn.addEventListener('click', f)
return el
}
function saveInstellingen(){
var checkboxen = document.body.querySelectorAll(".archduke_menu_checkbox")
for (let i=0;i<checkboxen.length;i++){
var box = checkboxen[i]
var id = box.id
var checked = false
if (box.classList.contains('checked')){
checked = true
}
GM_setValue(id,checked)
}
}
function saveInstellingenAllianties(){
var entries = document.body.querySelectorAll(".archduke_menu_trip_alliantie")
var allianties = []
for (let i=0;i<entries.length;i++){
var ally = entries[i]
var ally_id = ally.id.substring(24)
allianties.push(ally_id)
}
GM_setValue("archduke_menu_trip_allianties",allianties)
}
function addRowToMenuList(parent,txt){
var li = document.createElement("li")
li.style.listStyleType = 'square'
li.setAttribute("class",`archduke_menu_trip_alliantie`)
li.setAttribute('id',`archduke_menu_alliantie_${txt}`)
var a = document.createElement("a")
a.innerHTML = txt
li.appendChild(a)
var a = document.createElement("a")
a.setAttribute("class",'cancel')
a.addEventListener('click', function(){
li.remove()
saveInstellingenAllianties()
})
li.appendChild(a)
parent.appendChild(li)
}
function createInnerBox(box_title, input_id, label_text ,button_text, ul_list_id, f){
var el = document.createElement("div")
el.setAttribute("class",'game_inner_box')
el.style.marginTop = '20px'
var child = document.createElement('div')
child.setAttribute('class',"game_border")
el.appendChild(child)
var e = document.createElement('div')
e.setAttribute('class',"game_border_top")
child.appendChild(e)
var e = document.createElement('div')
e.setAttribute('class',"game_border_bottom")
child.appendChild(e)
var e = document.createElement('div')
e.setAttribute('class',"game_border_left")
child.appendChild(e)
var e = document.createElement('div')
e.setAttribute('class',"game_border_right")
child.appendChild(e)
var e = document.createElement('div')
e.setAttribute('class',"game_border_corner corner1")
child.appendChild(e)
var e = document.createElement('div')
e.setAttribute('class',"game_border_corner corner2")
child.appendChild(e)
var e = document.createElement('div')
e.setAttribute('class',"game_border_corner corner3")
child.appendChild(e)
var e = document.createElement('div')
e.setAttribute('class',"game_border_corner corner4")
child.appendChild(e)
var title = document.createElement('div')
title.setAttribute('class',"game_header bold")
title.style.margin = '5px 0 5px 0'
title.innerHTML = box_title
child.appendChild(title)
var list = document.createElement("div")
var list_ul = document.createElement("ul")
list_ul.setAttribute('id',ul_list_id)
list_ul.setAttribute("class",'game_list')
list_ul.style.listStyle = 'disc'
list_ul.style.width = '490px'
list_ul.style.margin = '5px 0px 15px 35px'
list.appendChild(list_ul)
child.appendChild(list)
var list_text = document.createElement('div')
list_text.style.float = 'left'
child.appendChild(list_text)
var label = document.createElement("label")
label.setAttribute("class","bold")
label.style.marginLeft = '5px'
label.innerHTML = label_text+" : "
list_text.appendChild(label)
var span = document.createElement("span")
span.setAttribute("class","grepo_input")
list_text.appendChild(span)
var span_left = document.createElement("span")
span_left.setAttribute("class","left")
span.appendChild(span_left)
var span_right = document.createElement("span")
span_right.setAttribute("class","right")
span_left.appendChild(span_right)
var input = document.createElement("input")
input.setAttribute("class", 'ac_input')
input.setAttribute("id",input_id)
input.type = 'text'
input.value = ''
input.autocomplete = 'off'
span_right.appendChild(input)
var btn = createKnop(button_text)
child.appendChild(btn)
btn.addEventListener('click', function(){
var input_txt = document.getElementById(input_id).value
if (input_txt != ""){
document.getElementById(input_id).value = ''
addRowToMenuList(list_ul,input_txt)
f()
}
})
return el
}
})();