');
IsoMap.$("a#isoMapButton").click(function() {
// Lazy map creation
if ( IsoMap.islandData == null )
IsoMap.createIsoMap();
IsoMap.$("div#isoMapContainer").fadeToggle();
});
// Pour tenir à jour les infos sur l'alliance.
unsafeWindow.ajax.Responder.IsoMap_IkaChangeView = unsafeWindow.ajax.Responder.changeView;
unsafeWindow.ajax.Responder.changeView = function(params) {
unsafeWindow.ajax.Responder.IsoMap_IkaChangeView(params);
var id = params[0];
if((id == 'diplomacyAlly') || (id == 'embassy')) {
// Erreur : Greasemonkey access violation: unsafeWindow cannot call GM_setValue.
setTimeout( IsoMap.updateAllianceData, 0);
}
}
window.setInterval(IsoMap.checkPlayerImport, 1000); // once every second - the test is extremely fast
return;
}
// Ika-world : Language, server
var matches = window.location.href.match(/http:\/\/([a-z]+)\.ika-world\.com\/details\/player\.html\?land=([a-z]+)&welt=(\d+)&id=(\d+)/);
if(matches) {
// Called 3× per load (iframes ?)
IsoMap.setServer(matches[1], matches[3]);
IsoMap.addPlayerFromIkaWorld(matches[4]);
return;
}
var matches = window.location.href.match(/http:\/\/([a-z]+)\.ika-world\.com\/details\/alliance\/towns\.html\?land=([a-z]+)&welt=(\d+)&id=(\d+)/);
if(matches) {
IsoMap.setServer(matches[1], matches[3]);
IsoMap.addAllianceFromIkaWorld(matches[4]);
return;
}
var matches = window.location.href.match(/http:\/\/[a-z]+\.ika-world\.com\/search\/town\.html/);
if(matches) {
IsoMap.addFromIkaWorldTownSearch();
return;
}
// ikascore
if(window.location.href.indexOf('http://ikascore.com/index.php?') == 0) {
var matches = window.location.href.match(/&server=s(\d+)\.([a-z]+)\.ikariam\.com/);
if(matches) {
IsoMap.setServer(matches[2], matches[1]);
IsoMap.addPlayerFromIkascore();
}
return;
}
}
this.setServer = function(lang, server) {
IsoMap.server = server;
// Language. Anglais si on n'a pas mieux.
IsoMap.lang = lang;
IsoMap.langStrings = IsoMap.languageData[IsoMap.lang] || IsoMap.languageData['en'];
// version des données.
var version = GM_getValue('version');
if(!version) {
// update data to new format.
GM_setValue('version', '0.4');
var data = JSON.parse( GM_getValue('playerinfo', '{}') );
for(var serverid in data) {
var serverEnemies = data[serverid] || [];
for(var i = 0; i < serverEnemies.length; i++) {
var cities = serverEnemies[i].cities;
for(var j = 0; j < cities.length; j++) {
delete cities[j].islandIkaId;
delete cities[j].player;
}
}
var serverdata = {alliance:'', allyPlayers:[], enemies:serverEnemies};
GM_setValue(serverid, JSON.stringify(serverdata));
}
GM_deleteValue('playerinfo');
}
IsoMap.serverId = 's'+server+'.'+lang;
IsoMap.serverData = JSON.parse( GM_getValue(IsoMap.serverId, '{"alliance":"", "allyPlayers":[], "enemies":[]}') );
GM_deleteValue(IsoMap.serverId+'.updateAllyDataSequence');
GM_deleteValue(IsoMap.serverId+'.updated');
};
this.addPlayerFromIkascore = function() {
var titletd = IsoMap.$('td[colspan="4"]');
if(titletd.length != 1)
return;
var title = titletd.text();
if(title.substr(-7) != ' cities')
return;
// 1er lien de la table dans le formulaire à droite : le nom avec la casse originale
var form = IsoMap.$('form[name="kato"]');
var playerName = form.find('a:eq(0)').text();
var playerAlliance = form.find('a:eq(1)').text();
// fallback en lowercase
if(!playerName)
playerName = title.substr(0, title.length-7);
var playerCities = []
titletd.closest('tr').siblings().each(function(i){
if(i == 0) return; // on passe la ligne de légende
var city = {};
var name = IsoMap.$(this).children('td:eq(0)').text();
city.name = name.replace(/ \(\d+\)$/, '');
var island = IsoMap.$(this).children('td:eq(2)').text();
var matches = island.match(/(\d+):(\d+)/);
city.x = parseInt(matches[1]);
city.y = parseInt(matches[2]);
playerCities.push(city);
});
if(IsoMap.storePlayerData(undefined, playerName, playerAlliance, (new Date()).getTime(), playerCities)) {
titletd.closest('tr').after('
IsoMap ✓
');
}
};
// Page http://fr.ika-world.com/details/player.html?land=fr&welt=18&id=40016
this.addPlayerFromIkaWorld = function(playerId) {
var playerName = IsoMap.$('a[href^="/details/player.html"]').text(),
allianceLink = IsoMap.$('a[href^="/details/alliance.html"]:eq(0)'),
allianceName = IsoMap.$.trim(allianceLink.text());
// This method is called 3 times per page load (ad iframes ?).
// playerName is only defined on the main page with actual data.
if(!playerName) return;
var playerCities = [],
lines = IsoMap.$('#table_sort').children('tbody').children('tr');
lines.each(function(i){
var city = {
name:IsoMap.$(this).children('td:eq(0)').text(),
x:parseInt(IsoMap.$(this).children('td:eq(3)').text()),
y:parseInt(IsoMap.$(this).children('td:eq(4)').text()),
id:''
};
// city id en option
var cityLink = IsoMap.$(this).find('a:eq(0)').attr('href');
if(cityLink) {
var cityHref = cityLink.match(/&selectCity=(\d+)/);
if(cityHref) {
city.id = cityHref[1];
}
}
playerCities.push(city);
});
if(IsoMap.storePlayerData(playerId, playerName, allianceName, (new Date()).getTime(), playerCities)) {
IsoMap.$('#table_sort').before('
IsoMap ✓
');
}
};
// Page http://fr.ika-world.com/details/alliance/towns.html?land=fr&welt=18&id=1053
// This page only gives alliance id and full name, but not the alliance TAG.
// allianceId is unused
this.addAllianceFromIkaWorld = function(allianceId) {
var table = IsoMap.$('div#main table:eq(0)'),
lines = table.children('tbody').children('tr'),
time = (new Date()).getTime(),
needsSaving = false,
allianceLink = IsoMap.$('a[href^="/details/alliance.html:eq(0)"]'),
// This is the alliance full name, not the tag.
// The tag would be a lot better.
allianceName = IsoMap.$.trim( allianceLink.text() );
// Each line holds a city
lines.each(function(i){
var $this = IsoMap.$(this),
playerLink = IsoMap.$('a[href^="/details/player.html"]', $this),
playerId = playerLink.attr('href').match(/&id=(\d+)/)[1],
playerName = IsoMap.$.trim( playerLink.text() ),
vacation = ($this.find('span[title="Vacation"]').length > 0);
if(vacation) {
needsSaving |= IsoMap.removePlayerFromDB(playerId, playerName);
}
else {
var cityLink = IsoMap.$('td.c2 a', $this),
city = {
name: IsoMap.$.trim( cityLink.text() ),
x: parseInt(IsoMap.$('td.c5', $this).text()),
y: parseInt(IsoMap.$('td.c6', $this).text()),
id: cityLink.attr('href').match(/&selectCity=(\d+)/)[1]
};
needsSaving |= IsoMap.updatePlayerData(playerId, playerName, allianceName, time, city);
}
});
endIkaWorldList(needsSaving, table);
};
// http://*.ika-world.com/search/town.html
this.addFromIkaWorldTownSearch = function() {
var table = IsoMap.$('#table_sort'),
lines = table.children('tbody').children('tr'),
time = (new Date()).getTime(),
needsSaving = false;
// Find corresponding ikariam server
var firstHref = IsoMap.$('a:eq(0)', lines).attr('href');
if(!firstHref) return;
var matches = firstHref.match(/\?land=(\w+)&welt=(\d+)/);
if(!matches) return;
IsoMap.setServer(matches[1], matches[2]);
// Each line holds a city
lines.each(function(i){
var $this = IsoMap.$(this),
playerLink = IsoMap.$('a[href^="/details/player.html"]', $this),
playerId = playerLink.attr('href').match(/&id=(\d+)/)[1],
playerName = IsoMap.$.trim( playerLink.text() ),
allianceLink = IsoMap.$('a[href^="/details/alliance.html"]', $this),
allianceName = IsoMap.$.trim( allianceLink.text() ),
vacation = ($this.find('span[title="Vacation"]').length > 0);
if(vacation) {
needsSaving |= IsoMap.removePlayerFromDB(playerId, playerName);
}
else {
cityLink = IsoMap.$('td.c3 a', $this),
city = {
name: IsoMap.$.trim( cityLink.text() ),
x: parseInt(IsoMap.$('td.c6', $this).text()),
y: parseInt(IsoMap.$('td.c7', $this).text()),
id: cityLink.attr('href').match(/&selectCity=(\d+)/)[1]
};
needsSaving |= IsoMap.updatePlayerData(playerId, playerName, allianceName, time, city);
}
});
endIkaWorldList(needsSaving, table);
}
function endIkaWorldList(needsSaving, table) {
// Save new data
if(needsSaving) {
GM_setValue(IsoMap.serverId, JSON.stringify(IsoMap.serverData));
GM_setValue(IsoMap.serverId+'.updated', 1);
}
var html = '
IsoMap ';
html += needsSaving ? '✓' : '✘';
html += '
';
table.before(html);
// Clones the <- and -> buttons above the table, so that there is no need to scroll.
var nextPage = table.closest('form').children('button[name=seite_change]');
if(nextPage) {
table.before(nextPage.clone());
}
}
this.removePlayerFromDB = function(id) {
var enemies = IsoMap.serverData.enemies;
for(var i = 0; i < enemies.length; i++)
if(enemies[i].id == id) {
IsoMap.serverData.enemies.splice(i, 1);
return true;
}
return false;
}
// Ici il vaut mieux l'id, mais si on l'a pas on fait ce qu'on peut avec le nom.
this.isAllyPlayer = function(id, name) {
if(id) {
var idmatch = IsoMap.inArrayByProperty(IsoMap.serverData.allyPlayers, 'id', id);
if(idmatch) return true;
// Pas de correspondance d'id.
// Option de rattrapage : s'il y a une correspondance de nom avec un joueur sans id.
var namematch = IsoMap.inArrayByProperty(IsoMap.serverData.allyPlayers, 'name', name);
return (namematch && !namematch.id)
}
return IsoMap.inArrayByProperty(IsoMap.serverData.allyPlayers, 'name', name);
}
// Ici l'id du joueur et de la ville doivent être donnés.
this.updatePlayerData = function(id, name, alliance, time, newCity) {
if(IsoMap.isAllyPlayer(id, name))
return false;
var enemy = IsoMap.getOrAdd(IsoMap.serverData.enemies, id, name);
enemy.alliance = alliance;
enemy.time = time;
if(!enemy.cities)
enemy.cities = []; // enemy.cities n'existe pas pour les nouveaux ennemis.
var city = IsoMap.getOrAdd(enemy.cities, newCity.id, newCity.name);
city.x = newCity.x;
city.y = newCity.y;
return true;
};
// Ici name doit être donné. id est en option mais c'est mieux, il a la priorité.
// Idem pour les objets dans le tableau arr.
// On renvoie le meilleur choix compte tenu des infos : si on a tous les ids, pas de problème.
// Sinon on se rabat sur les noms, et là on fait ce qu'on peut.
// Si on trouve, on met à jour id et name.
this.getOrAdd = function(arr, id, name) {
var obj;
// On cherche avec les ids en premier.
if(id)
obj = IsoMap.inArrayByProperty(arr, 'id', id);
if(obj) {
// Si on trouve on met à jour le nom
obj.name = name;
}
else {
// Si on ne trouve pas, on cherche avec les noms.
obj = IsoMap.inArrayByProperty(arr, 'name', name);
// si on n'avait pas l'id dans le tableau, on le met
// au risque qu'il soit faux si plusieurs villes on le même nom :-/
if(obj)
obj.id = obj.id || id;
}
// Si on a une correspondance de noms démentie par les ids.
if(obj && id && obj.id && (id != obj.id))
obj = undefined;
if(!obj)
arr.push(obj = {id:id, name:name});
return obj;
}
// Enregistre le joueur si c'est un ennemi, pas si c'est un allié.
this.storePlayerData = function(id, name, alliance, time, cities) {
if(IsoMap.isAllyPlayer(id, name))
return false;
var enemy = IsoMap.getOrAdd(IsoMap.serverData.enemies, id, name);
enemy.id = id;
enemy.name = name;
enemy.alliance = alliance;
enemy.cities = cities;
enemy.time = time;
GM_setValue(IsoMap.serverId, JSON.stringify(IsoMap.serverData));
GM_setValue(IsoMap.serverId+'.updated', 1);
return true;
};
// Enlève un joueur quand on clique sur la croix à côté de son nom.
this.removePlayerData = function() {
// this est la
sur laquelle on a cliqué.
var inputid = IsoMap.$(this).closest('tr').find('input').attr('id');
var enemyIndex = parseInt(inputid.replace(/[a-zA-Z_]/g, ''));
var playerName = IsoMap.serverData.enemies[enemyIndex].name;
IsoMap.removePlayer(playerName, false);
IsoMap.serverData.enemies.splice(enemyIndex, 1);
GM_setValue(IsoMap.serverId, JSON.stringify(IsoMap.serverData));
IsoMap.$('#enemyList').html(IsoMap.enemyList());
IsoMap.setPlayerEvents();
}
this.checkPlayerImport = function() {
var updated = GM_getValue(IsoMap.serverId+'.updated');
if(updated) {
IsoMap.liveUpdateMap();
GM_deleteValue(IsoMap.serverId+'.updated');
}
}
this.liveUpdateMap = function() {
// reload allies and enemies
IsoMap.setServer(IsoMap.lang, IsoMap.server);
// Le reste, uniquement si la map existe.
if(IsoMap.islandData) {
IsoMap.updateIslandList();
var allyTitle = IsoMap.$('#allyDiv h3').text();
if(IsoMap.serverData.alliance)
allyTitle = allyTitle.replace(/([▼▲]).*/, '$1 '+IsoMap.serverData.alliance+' $1');
IsoMap.$('#allyDiv h3').text(allyTitle);
IsoMap.$('#allyList').html(IsoMap.allyList());
IsoMap.$('#enemyList').html(IsoMap.enemyList());
IsoMap.setPlayerEvents();
IsoMap.plotIslands();
}
}
// Création de la liste des villes à l'ouverture de la page.
this.createIsoMap = function() {
var lang = IsoMap.langStrings;
IsoMap.updateAllianceData();
IsoMap.updateIslandList();
var updateAllyButton = unsafeWindow.ikariam.model.hasAlly ?
'
' :
'';
// detection of the version of this script.
var version = ''; // default : Chrome / Tampermonkey
if((typeof GM_info != 'undefined') && GM_info.script) // FF / greasemonkey
version = ' v'+GM_info.script.version;
html = '
'; // isoMap, isoMapContainer
IsoMap.$('body').append(html);
var left = (IsoMap.$('body').width() - IsoMap.$('#isoMapContainer').width())/2;
IsoMap.$('#isoMapContainer').css('left', left+'px');
IsoMapSVGView.init();
IsoMap.$("#isoMapClose").click(function() { IsoMap.$('#isoMapContainer').fadeOut('fast') });
IsoMap.$("#updateAllyDataButton").click( IsoMap.updateAllySequence );
IsoMap.setPlayerEvents();
IsoMap.plotIslands();
IsoMap.$('#isoMapContainer').draggable({ cursor:'move', handle:'#isoMap>h3'});
// Le resize ne marche pas pour le SVG : problème de taille et de placement.
//.resizable({ handles:'n, e, s, w, ne, se, sw, nw', minHeight:300, minWidth:300 });
IsoMap.clickNoDrag(IsoMap.$('.isoMapDropContainer h3'), IsoMap.toggleDropList );
IsoMap.$('.isoMapDropContainer').draggable({cursor:'move', handle:'h3, .dragHandle' });
IsoMap.$('#icon2D').click(IsoMapSVGView.switchTo2D);
IsoMap.$('#iconIso').click(function(){IsoMapSVGView.switchTo3D(1)});
IsoMap.$('#iconPersp').click(function(){IsoMapSVGView.switchTo3D(2)});
}
this.setPlayerEvents = function() {
// playerForm : set events
IsoMap.$('.isoMapCheckAll').click( function(){IsoMap.checkAll(this, true); return false;} );
IsoMap.$('.isoMapCheckNone').click(function(){IsoMap.checkAll(this, false); return false;} );
IsoMap.$('.isoMapCheckAll').mouseover( IsoMap.highlightPlayer );
IsoMap.$('.isoMapCheckNone').mouseover( IsoMap.highlightPlayer );
IsoMap.$('#isoMap input[type="checkbox"]').each(function(i) { IsoMap.$(this).click( IsoMap.togglePlayer ); });
IsoMap.$('#isoMap label').each(function(i) { IsoMap.$(this).mouseover( IsoMap.highlightPlayer ); });
IsoMap.$('#enemyDiv tr td:last-child').click( IsoMap.removePlayerData );
}
// check / uncheck all
this.checkAll = function(element, on) {
var div = IsoMap.$(element).closest('div');
var isAlly = (div.attr('id').substr(0, 4) == 'ally');
div.find('input').each(function(i){
if(IsoMap.$(this).is(':checked') != on) {
// .click() ne donne pas les résultats attendus.
IsoMap.$(this).attr('checked', on);
// Ne pas appeler togglePlayer qui highlight le joueur ajouté.
var playerName = IsoMap.$(this).parent().text().substr(1); // parent() : le label. On enlève l'espace insécable avant le nom
if(on)
IsoMap.addPlayer(playerName, isAlly);
else
IsoMap.removePlayer(playerName, isAlly);
}
});
}
this.clickNoDrag = function(elt, handler) {
elt.mousedown( function() { IsoMap.$(this).data('pos', IsoMap.$(this).offset()) } );
elt.mouseup( handler );
}
this.toggleDropList = function() {
// IsoMap.$(this) est l'élément h3
// Check if the element has been dragged
var oldPos = IsoMap.$(this).data('pos');
var newPos = IsoMap.$(this).offset();
var δ = Math.abs(newPos.left - oldPos.left) + Math.abs(newPos.top - oldPos.top); // Not euclidean distance. Who cares ?
if(δ >= 2) return;
// The element has not been dragged, it's an plain old click.
var title = IsoMap.$(this).text();
var arrow = title.charAt(0);
title = title.substr(1, title.length-2);
if(arrow == '▼') {
IsoMap.$(this).siblings('.isoMapDrop').slideDown('fast');
IsoMap.$(this).text('▲'+title+'▲');
}
else {
IsoMap.$(this).siblings('.isoMapDrop').slideUp('fast');
IsoMap.$(this).text('▼'+title+'▼');
}
}
/**
* Crée le formulaire avec la liste des joueurs de l'alliance et les checkboxes.
*/
this.allyDiv = function() {
if(!unsafeWindow.ikariam.model.hasAlly) return '';
var html = '
';
var allianceName = IsoMap.serverData.alliance || IsoMap.langStrings.alliance;
html += '
▼ '+allianceName+' ▼
';
html += '
';
html += IsoMap.allyList();
html += '
';
return html;
}
this.allyList = function() {
var html = '';
var players = IsoMap.serverData.allyPlayers;
for(var i = 0; i < players.length; i++) {
html += ' ';
}
// Boutons tous/aucun ☐☑
html += ' ';
html += '☐ '+IsoMap.langStrings.none+' ';
html += '☑ '+IsoMap.langStrings.all+'';
html += '
';
return html;
}
/**
* Crée le formulaire avec la liste des joueurs ennemis mémorisés.
*/
this.enemyDiv = function() {
var html = '
';
html += '
▼ '+IsoMap.langStrings.others+' ▼
';
html += '
';
html += IsoMap.enemyList();
html += '
';
return html;
}
/** Met à jour la liste d'ennemis mémorisés
*/
this.enemyList = function() {
var enemies = IsoMap.serverData.enemies;
var html = '';
if(enemies.length > 0) {
html = '
';
for(var i = 0; i < enemies.length; i++) {
var player = enemies[i];
html += '
';
html += '
✘
';
}
html += '
';
// Boutons tous/aucun ☐☑
html += ' ';
html += '☐ '+IsoMap.langStrings.none+' ';
html += '☑ '+IsoMap.langStrings.all+'';
html += ' ';
}
// Importer des joueurs
html += ' ';
html += IsoMap.langStrings.importFrom+' ikascore ';
html += IsoMap.langStrings.importFrom+' ika-world ';
return html;
}
/**
* Place les îles de l'alliance sur la carte.
*/
this.plotIslands = function() {
for(coord in IsoMap.islandData) {
var island = IsoMap.islandData[coord];
IsoMapSVGView.createIsland(island);
}
}
/**
* Joueurs sans alliance : récupération des coordonnées des villes.
* ikariam version ≥ 0.5.0 uniquement
*/
this.updateSelfData = function(name) {
var model = unsafeWindow.ikariam.model;
var screen = unsafeWindow.ikariam.getScreen();
// me
var me = {id:model.avatarId, name:name, cities:[]};
if(screen.data && (model.avatarId == screen.data.ownerId)) // own town view uniquement.
me.name = screen.data.ownerName;
// my cities
for(var prop in model.relatedCityData)
if(prop.substr(0, 5) == 'city_') {
var cityData = model.relatedCityData[prop];
if(cityData.relationship == "ownCity") {
var city = {id:cityData.id, name:cityData.name, own:true};
var coords = cityData.coords.split(/[^\d]/);
city.x = coords[1];
city.y = coords[2];
me.cities.push(city);
}
}
if(me.name)
IsoMap.playerCities[me.name] = me.cities;
IsoMap.serverData.allyPlayers.push(me);
};
/**
* Enclanche la séquence de mise à jour des données d'alliance.
*/
this.updateAllySequence = function() {
GM_setValue(IsoMap.serverId+'.updateAllyDataSequence', 1);
unsafeWindow.ajaxHandlerCall('?view=diplomacyAlly&listAllyMembers=1');
}
/**
* Extrait la liste des villes.
* Chaque élément de la liste est du type {name:cityName, x, y, ally[, id]}
*/
this.updateAllianceData = function() {
// lone player, or installation
var updatingSequence = GM_getValue(IsoMap.serverId+'.updateAllyDataSequence');
var installation = !updatingSequence && !IsoMap.serverData.allyPlayers.length;
if(!unsafeWindow.ikariam.model.hasAlly || installation) {
var name = '';
// Répercute le nom du joueur sur les autres écrans, puisqu'à chaque écran on remet toutes les autres données à jour sauf celle-là.
if(IsoMap.serverData.allyPlayers.length == 1)
name = IsoMap.serverData.allyPlayers[0].name; // maybe ''
IsoMap.serverData.alliance = '';
IsoMap.serverData.allyPlayers = [];
IsoMap.updateSelfData(name);
}
else {
// Alliance Name - impossible à déterminer de façon fiable dans la vue d'ambassade, il n'y a aucun id !
var allyName = IsoMap.$('table.ally_info_table td:eq(1)').attr('title');
if(allyName) {
IsoMap.serverData.alliance = allyName;
GM_setValue(IsoMap.serverId, JSON.stringify(IsoMap.serverData)); // au cas où on quitterait prématurément.
}
// player with an alliance : Check if the member list is present before looking for info.
var allianceDiv = IsoMap.$('#tab_diplomacyAlly, #embassy');
if(!allianceDiv.length)
return;
var memberList = IsoMap.$('table#allyMemberList', allianceDiv);
if(!memberList.length)
return;
// Ally cities
var avatarId = unsafeWindow.ikariam.model.avatarId;
var currentPage = IsoMap.$('div.paginator span.page_link', allianceDiv).text();
if(currentPage == 1) {
IsoMap.serverData.allyPlayers=[];
}
// Which column contains the player names ? Initially it's the second one, but some scripts
// may add columns. To circumvent that, we take the first column THAT HAS NO CLASS.
// var columns = IsoMap.$('table#memberList tbody tr:eq(0) td').length; // should be 6
var nameColumn = IsoMap.$('th:not([class]):eq(0)', memberList).prevAll().length; // =0 without other scripts running.
IsoMap.$('tbody:eq(0) tr', memberList).each( // tbody pour ne pas prendre le thead, :eq(0) parce que d'autres scripts ajoutent une table dans la table.
function(index) {
if(index == 0) return; // On passe la ligne de légende.
var playerName = IsoMap.$.trim( IsoMap.$(this).children().filter('td:eq('+nameColumn+')').text() );
var playerLink = IsoMap.$(this).find('a.message').attr('href'); // ...index.php?view=sendIKMessage&receiverId=1480
var playerId = playerLink ? playerLink.match(/\d+$/)[0] : unsafeWindow.ikariam.model.avatarId; // pas de lien pour soi-même
var player = {id:playerId, name:playerName, cities:[]};
var player = IsoMap.getOrAdd(IsoMap.serverData.allyPlayers, playerId, playerName);
player.cities = []; // On remplace complètement les données de ses villes.
IsoMap.$('td.cityInfo li', this).each(
function(i) {
var cityLink = IsoMap.$('a', this);
var cityDesc = cityLink.text().match(/\s*(.+?)\s*\[(\d+):(\d+)\]/);
var cityHref = cityLink.attr('href').match(/selectCity=(\d+)/);
var city = {id:cityHref[1], name:cityDesc[1], x:cityDesc[2], y:cityDesc[3]};
if(playerId == avatarId)
city.own = true;
player.cities.push(city);
}
);
}
);
}
GM_setValue(IsoMap.serverId, JSON.stringify(IsoMap.serverData));
IsoMap.liveUpdateMap();
// Next pages, if needed
if(updatingSequence) {
var nextPage = IsoMap.$('span.page_bar ~ a', allianceDiv).attr('href');
if(nextPage) // We don't have all pages.
setTimeout(function(){unsafeWindow.ajaxHandlerCall(nextPage)}, 500); // wait 1/2s before the next request to the GF server
else // We have all pages.
GM_deleteValue(IsoMap.serverId+'.updateAllyDataSequence');
}
}
this.addCities = function(playerList) {
for(var j = 0; j < playerList.length; j++) {
var player = playerList[j];
IsoMap.playerCities[player.name] = player.cities;
}
}
/**
* Transforme les données par ville en données par îles.
* Peut être appelée plusieurs fois : ne crée que les nouvelles îles, met à jour les autres.
* ally : true pour l'alliance, false pour les ennemis
*/
this.updateIslandList = function() {
IsoMap.addCities(IsoMap.serverData.allyPlayers);
IsoMap.addCities(IsoMap.serverData.enemies);
IsoMap.islandData = {};
IsoMap.updateIslandListWithPlayers(IsoMap.serverData.allyPlayers, true);
IsoMap.updateIslandListWithPlayers(IsoMap.serverData.enemies, false);
}
this.updateIslandListWithPlayers = function(players, isAlly) {
for(var k = 0; k < players.length; k++) {
var playerName = players[k].name;
var cities = players[k].cities;
for(var i = 0; i < cities.length; i++) {
var city = cities[i];
var coords = city.x + '_' + city.y;
var island = IsoMap.islandData[coords];
if(!island) {
island = new IsoMapIsland(city.x, city.y);
IsoMap.islandData[coords] = island;
}
island.addPlayer(playerName, isAlly, city);
}
}
}
/** IsoMap.$(this) désigne l'une des checkboxes correspondant aux joueurs.
*/
this.togglePlayer = function() {
var playerName = IsoMap.$(this).parent().text().substr(1); // parent() : le label. On enlève l'espace insécable avant le nom
var isAlly = (IsoMap.$(this).closest('div').attr('id').substr(0, 4) == 'ally');
var on = IsoMap.$(this).attr('checked');
if(on) {
IsoMap.addPlayer(playerName, isAlly);
IsoMap.highlightPlayer(playerName);
}
else
IsoMap.removePlayer(playerName, isAlly);
}
this.addPlayer = function(playerName, isAlly) {
var container = IsoMap.$('div#isoMap');
var islands = IsoMap.islandData;
var playerCities = IsoMap.playerCities[playerName];
if(!playerCities)
return;
for(var i = 0; i < playerCities.length; i++) {
var city = playerCities[i];
var coord = city.x+'_'+city.y;
var island = islands[coord];
// Met à jour les infos de l'île avec le joueur.
island.addPlayer(playerName, isAlly, city);
// Et l'image
IsoMapSVGView.updateIsland(island);
}
}
this.removePlayer = function(playerName, isAlly) {
var islands = IsoMap.islandData;
var playerCities = IsoMap.playerCities[playerName];
if(!playerCities)
return;
for(var i = 0; i < playerCities.length; i++) {
var city = playerCities[i];
var coord = city.x+'_'+city.y;
var island = islands[coord];
// Met à jour les infos de l'île.
island.removePlayer(playerName, isAlly);
IsoMapSVGView.highlightIsland(coord, false);
IsoMapSVGView.updateIsland(island);
}
}
/** On peut donner le nom du joueur dans playerName,
* sinon on va le chercher avec IsoMap.$(this), qui peut être l'un des label de joueurs ou un lien [aucun] ou [tous].
*/
this.highlightPlayer = function(playerName) {
if(typeof playerName != 'string') {
if(IsoMap.$(this).get(0).tagName == 'LABEL') {
playerName = IsoMap.$(this).text().substr(1); // on enlève l'espace insécable avant le nom
}
else
playerName = ''; // OFF : hover sur l'un des liens [aucun] ou [tous]
}
var islands = IsoMap.islandData;
for(coord in islands) {
var island = islands[coord];
if(island.hasPlayer(playerName)) {
IsoMapSVGView.highlightIsland(coord, true);
}
else {
IsoMapSVGView.highlightIsland(coord, false);
}
}
}
this.inArray = function(ar, val) {
for(var i = 0; i < ar.length; i++)
if(ar[i] == val)
return true;
return false;
}
this.inArrayByProperty = function(ar, name, value) {
for(var i = 0; i < ar.length; i++)
if(ar[i][name] == value)
return ar[i];
return undefined;
}
this.arrayAdd = function(ar, val) {
for(var i = 0; i < ar.length; i++)
if(ar[i] == val)
return false;
ar.push(val);
return true;
}
this.arrayRemove = function(ar, val) {
for(var i = 0; i < ar.length; i++)
if(ar[i] == val) {
ar.splice(i, 1);
return true;
}
return false;
};
}
/**
* Classe qui gère le tracé.
*/
var IsoMapSVGView = new function() {
var mousePressed = false;
var scale = 1;
var clickX = 0;
var clickY = 0;
var θx = 60; // doit correspondre au css de départ
var θz = 45;
var startθx = 0;
var startθz = 0;
var svg = null;
var jQuerySVG = null
var islands = null;
var lockRotation = false;
var view = 1; // 0=2D, 1=isometric, 2=perspective
this.init = function() {
IsoMapSVGView.jQuerySVG = IsoMap.$('#isoMapCanvas');
IsoMapSVGView.svg = document.getElementById('isoMapCanvas');
IsoMapSVGView.islands = document.getElementById('isoMapIslands');
window.pressed = false;
IsoMap.$('#isoMapContainer .clip').mousedown(
function(e){
clickX = e.clientX;
clickY = e.clientY;
startθx = θx;
startθz = θz;
// var container = IsoMap.$('#isoMapContainer .clip');
// var offset = container.offset();
// centerX = offset.left + container.width()/2;
// centerY = offset.top + container.height()/2;
mousePressed = true;
}
);
IsoMap.$('body').mouseup(
function(e){ mousePressed = false; }
);
IsoMap.$('body').mousemove(
function(e){
if(lockRotation || !mousePressed)
return;
var δx = (e.clientX - clickX) / 800; // environ -1 min en haut, et +1 max en bas
var δy = (e.clientY - clickY) / 600; // environ -1 min à gauche, et +1 max à droite
θx = startθx - δy*45;
θz = startθz - δx*90;
IsoMapSVGView.updateView();
}
);
IsoMap.$('#isoMap').mousewheel(function(event, delta, deltaX, deltaY) {
event.stopPropagation();
event.preventDefault();
if(delta > 0)
scale *= Math.pow(1.1, delta);
if(delta < 0)
scale /= Math.pow(1.1, -delta);
IsoMapSVGView.updateView();
});
}
// island : IsoMapIsland object
// Cette fonction a besoin des infos sur les joueurs présents, pour les couleurs.
// Elle peut être appelée plusieurs fois, donc elle vérifie si l'île a déjà été créée.
this.createIsland = function(island) {
if(!document.getElementById(island.id)) {
var cx = 25.5 + 8*island.x;
var cy = 18.5 + 8*island.y;
var g = IsoMapSVGView.createElement('g', {id:island.id});
// Fond transparent pour capter la souris.
g.appendChild(
IsoMapSVGView.createElement('circle', {
cx:cx,
cy:cy,
r:6, // rayon plus grand
stroke:'none',
'stroke-width':'1',
fill:'#fff',
'fill-opacity':'0'
})
);
// Cercle bleu pour les alliés.
g.appendChild(
IsoMapSVGView.createElement('circle', {
cx:cx,
cy:cy,
r:3,
stroke:'#0000ff',
'stroke-width':'1',
fill:'#0000ff',
display:'none'
})
);
// Losange rouge pour les ennemis.
var up = 3*1.333; // 1.333 * rayon du disque des alliés.
var dn = up/2;
g.appendChild(
IsoMapSVGView.createElement('polygon', {
points:[cx-up, cy+dn, cx, cy-up, cx+up, cy+dn].join(','),
stroke:'#ff0000',
'stroke-width':'1',
fill:'#ff0000',
display:'none'
})
);
// Et un point blanc au-dessus pour le joueur
if(island.isOwn())
g.appendChild(
IsoMapSVGView.createElement('circle', {
cx:cx,
cy:cy,
r:1.5,
stroke:'none',
fill:'#ffffff' // et toujours display puisqu'il n'existe que sur les bonnes îles.
})
);
IsoMapSVGView.islands.appendChild(g);
IsoMapSVGView.setTooltip(g);
IsoMapSVGView.setLink(g, island);
}
IsoMapSVGView.updateIsland(island);
}
this.createElement = function(type, attributes) {
var C = document.createElementNS("http://www.w3.org/2000/svg", type);
for(var name in attributes) C.setAttributeNS(null, name, attributes[name]);
return C;
}
this.removeIsland = function(id) {
IsoMapSVGView.islands.removeChild(document.getElementById(id));
}
this.updateIsland = function(island) {
var shapes = document.getElementById(island.id).childNodes;
shapes[1].setAttributeNS(null, 'display', (island.allies.length > 0) ? 'block' : 'none');
shapes[2].setAttributeNS(null, 'display', (island.enemies.length > 0) ? 'block' : 'none');
// if(shapes.length >= 4)
// shapes[3].setAttributeNS(null, 'display', 'block');
}
this.highlightIsland = function(id, on) {
// On fait toutes les îles à chaque fois.
var g = document.getElementById(id);
var children = g.childNodes;
if(on) {
IsoMapSVGView.highlightElement(children[1]); // alliés
IsoMapSVGView.highlightElement(children[2]); // ennemis
if(children.length >= 4)
children[3].setAttributeNS(null, 'fill', '#00f'); // Le point du joueur devient bleu
}
else {
IsoMapSVGView.unHighlightElement(children[1]);
IsoMapSVGView.unHighlightElement(children[2]);
if(children.length >= 4)
children[3].setAttributeNS(null, 'fill', '#fff'); // Le point du joueur redevient blanc
}
}
this.highlightElement = function(elt) {
elt.setAttributeNS(null, 'fill', '#fff');
if(elt.tagName == 'circle')
elt.setAttributeNS(null, 'r', '4');
}
this.unHighlightElement = function(elt) {
var color = elt.getAttributeNS(null, 'stroke');
elt.setAttributeNS(null, 'fill', color);
if(elt.tagName == 'circle')
elt.setAttributeNS(null, 'r', '3');
}
this.setTooltip = function(element) {
xOffset = 10;
yOffset = 0;
var elt = IsoMap.$(element);
elt.hover(
function(e){
var id = IsoMap.$(this).attr('id');
var info = IsoMap.islandData[id].getInfo();
var tooltip = IsoMap.$("#tooltip");
if(tooltip.length == 0) {
IsoMap.$("body").append('');
tooltip = IsoMap.$("#tooltip");
}
tooltip
.html(info)
.css("top",(e.pageY - yOffset) + "px")
.css("left",(e.pageX + xOffset) + "px")
.stop(true, true)
.fadeIn("fast");
},
function(){
IsoMap.$("#tooltip").stop(true, true).fadeOut("fast");
}
);
elt.mousemove(function(e){
IsoMap.$("#tooltip")
.css("top",(e.pageY - yOffset) + "px")
.css("left",(e.pageX + xOffset) + "px");
});
};
this.setLink = function(element, island) {
var elt = IsoMap.$(element);
elt.click(function(){
window.location.href = island.getLink();
});
}
this.updateView = function() {
var transform;
if(view == 0) {
transform = 'translate(0,-85px) scale('+scale+')';
}
else if(view == 1) {
transform = 'translate(0,-85px) scale('+scale+') rotateX('+θx+'deg) rotateZ('+θz+'deg)';
}
else {
transform = 'translate(0,-150px) scale('+scale+') perspective(1500px) rotateX('+θx+'deg) rotateZ('+θz+'deg)';
}
IsoMapSVGView.jQuerySVG.css('-moz-transform', transform);
IsoMapSVGView.jQuerySVG.css('-webkit-transform', transform);
}
this.switchTo2D = function() {
IsoMapSVGView.jQuerySVG.css('-moz-transition', 'all 1s ease-in-out');
IsoMapSVGView.jQuerySVG.css('-webkit-transition', 'all 1s ease-in-out');
view = 0;
scale = 0.8;
lockRotation = true;
IsoMapSVGView.updateView();
window.setTimeout(function(){
IsoMapSVGView.jQuerySVG.css('-moz-transition', 'none');
IsoMapSVGView.jQuerySVG.css('-webkit-transition', 'all 0.001s ease-in-out') // BUG : sans transition, scale déconne
}, 1000);
}
this.switchTo3D = function(which) {
IsoMapSVGView.jQuerySVG.css('-moz-transition', 'all 1s ease-in-out');
IsoMapSVGView.jQuerySVG.css('-webkit-transition', 'all 1s ease-in-out');
view = which;
scale = 1;
θx = 60;
θz = 45;
lockRotation = false;
IsoMapSVGView.updateView();
window.setTimeout(function(){IsoMapSVGView.jQuerySVG.css('-moz-transition', 'none');IsoMapSVGView.jQuerySVG.css('-webkit-transition', 'none')}, 1000);
}
}
IsoMap.$ = jQuery.noConflict(true);
IsoMap.$(function() {
setMousewheel(IsoMap.$);
IsoMap.init();
// SVGView ne peut pas être initialisé tant qu'on n'a pas cliqué sur le bouton de création de la carte.
});