add link direction info to tooltop on portal

some tweaks/fixes to the formatting
This commit is contained in:
Jon Atkins 2013-09-17 16:52:42 +01:00
parent fb96a45e1c
commit 623b8e7587

View File

@ -2,7 +2,7 @@
// @id iitc-plugin-show-linked-portals@fstopienski // @id iitc-plugin-show-linked-portals@fstopienski
// @name IITC plugin: Show linked portals // @name IITC plugin: Show linked portals
// @category Portal Info // @category Portal Info
// @version 0.0.8.@@DATETIMEVERSION@@ // @version 0.1.0.@@DATETIMEVERSION@@
// @namespace https://github.com/jonatkins/ingress-intel-total-conversion // @namespace https://github.com/jonatkins/ingress-intel-total-conversion
// @updateURL @@UPDATEURL@@ // @updateURL @@UPDATEURL@@
// @downloadURL @@DOWNLOADURL@@ // @downloadURL @@DOWNLOADURL@@
@ -44,7 +44,7 @@ window.plugin.showLinkedPortal.portalDetail = function (data) {
c = 1; c = 1;
//get linked portals //get linked portals
$(d.linkedEdges).each(function () { $(d.linkedEdges).each(function () {
var portalInfo = window.plugin.showLinkedPortal.getPortalByGuid(this.otherPortalGuid); var portalInfo = window.plugin.showLinkedPortal.getPortalByGuid(this.otherPortalGuid, this.isOrigin);
$('#portaldetails').append('<div class="showLinkedPortalLink showLinkedPortalLink' + c + '" id="showLinkedPortalLink_' + c + '" data-guid="' + this.otherPortalGuid + '">' + portalInfo + '</div>'); $('#portaldetails').append('<div class="showLinkedPortalLink showLinkedPortalLink' + c + '" id="showLinkedPortalLink_' + c + '" data-guid="' + this.otherPortalGuid + '">' + portalInfo + '</div>');
c = c + 1; c = c + 1;
}); });
@ -61,22 +61,27 @@ window.plugin.showLinkedPortal.portalDetail = function (data) {
map.setView(Rlatlng, map.getZoom()); map.setView(Rlatlng, map.getZoom());
} }
else { else {
// TODO: instead of just zooming out one level, check the link data for the start+end coordinates,
// and fit the map view to the bounding box
map.setZoom((map.getZoom() - 1)); map.setZoom((map.getZoom() - 1));
} }
}); });
} }
window.plugin.showLinkedPortal.getPortalByGuid = function (guid) { window.plugin.showLinkedPortal.getPortalByGuid = function (guid,isorigin) {
var portalInfoString = '<span class="outOfRange" title="Zoom out">Linked Portal out of range.</span>'; var linkDirection = $('<span/>').text(isorigin?'↴ outgoing link':'↳ incoming link');
var portalInfoString;
if (window.portals[guid] !== undefined) { if (window.portals[guid] !== undefined) {
var portalDetails = window.portals[guid].options.details; var portalDetails = window.portals[guid].options.details;
portalInfoString = '';
var portalNameAdressAlt = "'" + portalDetails.portalV2.descriptiveText.TITLE + "' (" + portalDetails.portalV2.descriptiveText.ADDRESS + ")"; var portalNameAdressAlt = "'" + portalDetails.portalV2.descriptiveText.TITLE + "' (" + portalDetails.portalV2.descriptiveText.ADDRESS + ")";
var portalNameAdressTitle = $('<div/>').append('\'') var portalNameAdressTitle = $('<div/>').append($('<strong/>').text(portalDetails.portalV2.descriptiveText.TITLE))
.append($('<strong/>').text(portalDetails.portalV2.descriptiveText.TITLE))
.append('\'')
.append($('<br/>')) .append($('<br/>'))
.append($('<em/>').text('(' + portalDetails.portalV2.descriptiveText.ADDRESS + ')')) .append($('<em/>').text('(' + portalDetails.portalV2.descriptiveText.ADDRESS + ')'))
.append($('<br/>'))
.append(linkDirection)
.html(); .html();
var imageUrl = getPortalImageUrl(portalDetails); var imageUrl = getPortalImageUrl(portalDetails);
portalInfoString = $('<div/>').html($('<img/>').attr('src', imageUrl) portalInfoString = $('<div/>').html($('<img/>').attr('src', imageUrl)
@ -84,7 +89,18 @@ window.plugin.showLinkedPortal.getPortalByGuid = function (guid) {
.attr('alt', portalNameAdressAlt) .attr('alt', portalNameAdressAlt)
.attr('title', portalNameAdressTitle)) .attr('title', portalNameAdressTitle))
.html(); .html();
} else {
var title = $('<div/>').append($('<strong/>').text('Zoom out'))
.append($('<br/>'))
.append(linkDirection)
.html();
portalInfoString = $('<div/>').html($('<span/>').attr('class','outOfRange')
.attr('title',title)
.text('Portal out of range.'))
.html();
} }
return portalInfoString; return portalInfoString;
}; };
@ -102,8 +118,8 @@ var setup = function () {
window.addHook('portalDetailsUpdated', window.plugin.showLinkedPortal.portalDetail); window.addHook('portalDetailsUpdated', window.plugin.showLinkedPortal.portalDetail);
$('head').append('<style>' + $('head').append('<style>' +
'.showLinkedPortalLink{cursor: pointer; position: absolute; height: 40px; width: 50px; border:solid 1px; overflow: hidden; text-align: center; background: #0e3d4e;}' + '.showLinkedPortalLink{cursor: pointer; position: absolute; height: 40px; width: 50px; border:solid 1px; overflow: hidden; text-align: center; background: #0e3d4e;}' +
'.showLinkedPortalLink .minImg{height: 50px;}' + '.showLinkedPortalLink .minImg{height: 40px;}' +
'.showLinkedPortalLink span.outOfRange{font-size: 8px;}' + '.showLinkedPortalLink span.outOfRange{font-size: 10px;}' +
'.showLinkedPortalLink1,.showLinkedPortalLink2,.showLinkedPortalLink3,.showLinkedPortalLink4 {left: 5px}' + '.showLinkedPortalLink1,.showLinkedPortalLink2,.showLinkedPortalLink3,.showLinkedPortalLink4 {left: 5px}' +
'.showLinkedPortalLink5,.showLinkedPortalLink6,.showLinkedPortalLink7,.showLinkedPortalLink8 {right: 11px}' + '.showLinkedPortalLink5,.showLinkedPortalLink6,.showLinkedPortalLink7,.showLinkedPortalLink8 {right: 11px}' +