d644ef64bd
For now only alert windows are converted automatically. You can alert custom
HTML code like so: alert('<strong>herp a derp</strong>', true);
Main can use this feature immediately, all plugins that are advertized to be
stable may only use this once 0.7 is released.
312 lines
13 KiB
JavaScript
312 lines
13 KiB
JavaScript
|
||
|
||
// SETUP /////////////////////////////////////////////////////////////
|
||
// these functions set up specific areas after the boot function
|
||
// created a basic framework. All of these functions should only ever
|
||
// be run once.
|
||
|
||
window.setupLargeImagePreview = function() {
|
||
$('#portaldetails').on('click', '.imgpreview', function() {
|
||
var ex = $('#largepreview');
|
||
if(ex.length > 0) {
|
||
ex.remove();
|
||
return;
|
||
}
|
||
var img = $(this).find('img')[0];
|
||
var w = img.naturalWidth/2;
|
||
var h = img.naturalHeight/2;
|
||
var c = $('#portaldetails').attr('class');
|
||
$('body').append(
|
||
'<div id="largepreview" class="'+c+'" style="margin-left: '+(-SIDEBAR_WIDTH/2-w-2)+'px; margin-top: '+(-h-2)+'px">' + img.outerHTML + '</div>'
|
||
);
|
||
$('#largepreview').click(function() { $(this).remove() });
|
||
});
|
||
}
|
||
|
||
|
||
window.setupStyles = function() {
|
||
$('head').append('<style>' +
|
||
[ '#largepreview.enl img { border:2px solid '+COLORS[TEAM_ENL]+'; } ',
|
||
'#largepreview.res img { border:2px solid '+COLORS[TEAM_RES]+'; } ',
|
||
'#largepreview.none img { border:2px solid '+COLORS[TEAM_NONE]+'; } ',
|
||
'#chatcontrols { bottom: '+(CHAT_SHRINKED+22)+'px; }',
|
||
'#chat { height: '+CHAT_SHRINKED+'px; } ',
|
||
'.leaflet-right { margin-right: '+(SIDEBAR_WIDTH+1)+'px } ',
|
||
'#updatestatus { width:'+(SIDEBAR_WIDTH+2)+'px; } ',
|
||
'#sidebar { width:'+(SIDEBAR_WIDTH + HIDDEN_SCROLLBAR_ASSUMED_WIDTH + 1 /*border*/)+'px; } ',
|
||
'#sidebartoggle { right:'+(SIDEBAR_WIDTH+1)+'px; } ',
|
||
'#scrollwrapper { width:'+(SIDEBAR_WIDTH + 2*HIDDEN_SCROLLBAR_ASSUMED_WIDTH)+'px; right:-'+(2*HIDDEN_SCROLLBAR_ASSUMED_WIDTH-2)+'px } ',
|
||
'#sidebar > * { width:'+(SIDEBAR_WIDTH+1)+'px; }'].join("\n")
|
||
+ '</style>');
|
||
}
|
||
|
||
window.setupMap = function() {
|
||
$('#map').text('');
|
||
|
||
var osmOpt = {attribution: 'Map data © OpenStreetMap contributors', maxZoom: 18};
|
||
var osm = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', osmOpt);
|
||
|
||
var cmOpt = {attribution: 'Map data © OpenStreetMap contributors, Imagery © CloudMade', maxZoom: 18};
|
||
var cmMin = new L.TileLayer('http://{s}.tile.cloudmade.com/654cef5fd49a432ab81267e200ecc502/22677/256/{z}/{x}/{y}.png', cmOpt);
|
||
var cmMid = new L.TileLayer('http://{s}.tile.cloudmade.com/654cef5fd49a432ab81267e200ecc502/999/256/{z}/{x}/{y}.png', cmOpt);
|
||
|
||
var views = [cmMid, cmMin, osm, new L.Google('INGRESS'), new L.Google('ROADMAP'),
|
||
new L.Google('SATELLITE'), new L.Google('HYBRID')];
|
||
|
||
|
||
window.map = new L.Map('map', $.extend(getPosition(),
|
||
{zoomControl: !(localStorage['iitc.zoom.buttons'] === 'false')}
|
||
));
|
||
|
||
try {
|
||
map.addLayer(views[readCookie('ingress.intelmap.type')]);
|
||
} catch(e) { map.addLayer(views[0]); }
|
||
|
||
var addLayers = {};
|
||
|
||
portalsLayers = [];
|
||
for(var i = 0; i <= 8; i++) {
|
||
portalsLayers[i] = L.layerGroup([]);
|
||
map.addLayer(portalsLayers[i]);
|
||
var t = (i === 0 ? 'Unclaimed' : 'Level ' + i) + ' Portals';
|
||
addLayers[t] = portalsLayers[i];
|
||
}
|
||
|
||
fieldsLayer = L.layerGroup([]);
|
||
map.addLayer(fieldsLayer, true);
|
||
addLayers['Fields'] = fieldsLayer;
|
||
|
||
linksLayer = L.layerGroup([]);
|
||
map.addLayer(linksLayer, true);
|
||
addLayers['Links'] = linksLayer;
|
||
|
||
window.layerChooser = new L.Control.Layers({
|
||
'OSM Cloudmade Midnight': views[0],
|
||
'OSM Cloudmade Minimal': views[1],
|
||
'OSM Mapnik': views[2],
|
||
'Google Roads Ingress Style': views[3],
|
||
'Google Roads': views[4],
|
||
'Google Satellite': views[5],
|
||
'Google Hybrid': views[6]
|
||
}, addLayers);
|
||
|
||
map.addControl(window.layerChooser);
|
||
map.attributionControl.setPrefix('');
|
||
// listen for changes and store them in cookies
|
||
map.on('moveend', window.storeMapPosition);
|
||
map.on('zoomend', function() {
|
||
window.storeMapPosition();
|
||
|
||
// remove all resonators if zoom out to < RESONATOR_DISPLAY_ZOOM_LEVEL
|
||
if(isResonatorsShow()) return;
|
||
for(var i = 1; i < portalsLayers.length; i++) {
|
||
portalsLayers[i].eachLayer(function(item) {
|
||
var itemGuid = item.options.guid;
|
||
// check if 'item' is a resonator
|
||
if(getTypeByGuid(itemGuid) != TYPE_RESONATOR) return true;
|
||
portalsLayers[i].removeLayer(item);
|
||
});
|
||
}
|
||
|
||
console.log('Remove all resonators');
|
||
});
|
||
|
||
map.on('baselayerchange', function () {
|
||
var selInd = $('[name=leaflet-base-layers]:checked').parent().index();
|
||
writeCookie('ingress.intelmap.type', selInd);
|
||
});
|
||
|
||
// map update status handling
|
||
map.on('movestart zoomstart', function() { window.mapRunsUserAction = true });
|
||
map.on('moveend zoomend', function() { window.mapRunsUserAction = false });
|
||
|
||
// update map hooks
|
||
map.on('movestart zoomstart', window.requests.abort);
|
||
map.on('moveend zoomend', function() { window.startRefreshTimeout(500) });
|
||
|
||
// run once on init
|
||
window.requestData();
|
||
window.startRefreshTimeout();
|
||
|
||
window.addResumeFunction(window.requestData);
|
||
window.requests.addRefreshFunction(window.requestData);
|
||
};
|
||
|
||
// renders player details into the website. Since the player info is
|
||
// included as inline script in the original site, the data is static
|
||
// and cannot be updated.
|
||
window.setupPlayerStat = function() {
|
||
var level;
|
||
var ap = parseInt(PLAYER.ap);
|
||
for(level = 0; level < MIN_AP_FOR_LEVEL.length; level++) {
|
||
if(ap < MIN_AP_FOR_LEVEL[level]) break;
|
||
}
|
||
|
||
var thisLvlAp = MIN_AP_FOR_LEVEL[level-1];
|
||
var nextLvlAp = MIN_AP_FOR_LEVEL[level] || ap;
|
||
var lvlUpAp = digits(nextLvlAp-ap);
|
||
var lvlApProg = Math.round((ap-thisLvlAp)/(nextLvlAp-thisLvlAp)*100);
|
||
|
||
|
||
var xmMax = MAX_XM_PER_LEVEL[level];
|
||
var xmRatio = Math.round(PLAYER.energy/xmMax*100);
|
||
|
||
var cls = PLAYER.team === 'ALIENS' ? 'enl' : 'res';
|
||
|
||
|
||
var t = 'Level:\t' + level + '\n'
|
||
+ 'XM:\t' + PLAYER.energy + ' / ' + xmMax + '\n'
|
||
+ 'AP:\t' + digits(ap) + '\n'
|
||
+ (level < 8 ? 'level up in:\t' + lvlUpAp + ' AP' : 'Congrats! (neeeeerd)')
|
||
+ '\n\Invites:\t'+PLAYER.available_invites;
|
||
+ '\n\nNote: your player stats can only be updated by a full reload (F5)';
|
||
|
||
$('#playerstat').html(''
|
||
+ '<h2 title="'+t+'">'+level+' '
|
||
+ '<span class="'+cls+'">'+PLAYER.nickname+'</span>'
|
||
+ '<div>'
|
||
+ '<sup>XM: '+xmRatio+'%</sup>'
|
||
+ '<sub>' + (level < 8 ? 'level: '+lvlApProg+'%' : 'max level') + '</sub>'
|
||
+ '</div>'
|
||
+ '</h2>'
|
||
);
|
||
}
|
||
|
||
window.setupSidebarToggle = function() {
|
||
$('#sidebartoggle').on('click', function() {
|
||
var toggle = $('#sidebartoggle');
|
||
var sidebar = $('#scrollwrapper');
|
||
if(sidebar.is(':visible')) {
|
||
sidebar.hide().css('z-index', 1);
|
||
$('.leaflet-right').css('margin-right','0');
|
||
toggle.html('<span class="toggle open"></span>');
|
||
toggle.css('right', '0');
|
||
} else {
|
||
sidebar.css('z-index', 1001).show();
|
||
$('.leaflet-right').css('margin-right', SIDEBAR_WIDTH+1+'px');
|
||
toggle.html('<span class="toggle close"></span>');
|
||
toggle.css('right', SIDEBAR_WIDTH+1+'px');
|
||
}
|
||
});
|
||
}
|
||
|
||
window.setupTooltips = function(element) {
|
||
element = element || $(document);
|
||
element.tooltip({
|
||
// disable show/hide animation
|
||
show: { effect: "hide", duration: 0 } ,
|
||
hide: false,
|
||
open: function(event, ui) {
|
||
ui.tooltip.delay(300).fadeIn(0);
|
||
},
|
||
content: function() {
|
||
var title = $(this).attr('title');
|
||
return window.convertTextToTableMagic(title);
|
||
}
|
||
});
|
||
|
||
if(!window.tooltipClearerHasBeenSetup) {
|
||
window.tooltipClearerHasBeenSetup = true;
|
||
$(document).on('click', '.ui-tooltip', function() { $(this).remove(); });
|
||
}
|
||
}
|
||
|
||
window.setupDialogs = function() {
|
||
$('#dialog').dialog({
|
||
autoOpen: false,
|
||
modal: true,
|
||
buttons: [
|
||
{ text: 'OK', click: function() { $(this).dialog('close'); } }
|
||
]
|
||
});
|
||
|
||
window.alert = function(text, isHTML) {
|
||
var h = isHTML ? text : window.convertTextToTableMagic(text);
|
||
$('#dialog').html(h).dialog('open');
|
||
}
|
||
}
|
||
|
||
|
||
|
||
// BOOTING ///////////////////////////////////////////////////////////
|
||
|
||
function boot() {
|
||
window.debug.console.overwriteNativeIfRequired();
|
||
|
||
console.log('loading done, booting');
|
||
window.runOnSmartphonesBeforeBoot();
|
||
|
||
// overwrite default Leaflet Marker icon to be a neutral color
|
||
var base = 'http://breunigs.github.com/ingress-intel-total-conversion/dist/images/';
|
||
L.Icon.Default.imagePath = base;
|
||
|
||
window.iconEnl = L.Icon.Default.extend({options: { iconUrl: base + 'marker-green.png' } });
|
||
window.iconRes = L.Icon.Default.extend({options: { iconUrl: base + 'marker-blue.png' } });
|
||
|
||
window.setupStyles();
|
||
window.setupDialogs();
|
||
window.setupMap();
|
||
window.setupGeosearch();
|
||
window.setupRedeem();
|
||
window.setupLargeImagePreview();
|
||
window.setupSidebarToggle();
|
||
window.updateGameScore();
|
||
window.setupPlayerStat();
|
||
window.setupTooltips();
|
||
window.chat.setup();
|
||
// read here ONCE, so the URL is only evaluated one time after the
|
||
// necessary data has been loaded.
|
||
urlPortal = getURLParam('pguid');
|
||
|
||
// load only once
|
||
var n = window.PLAYER['nickname'];
|
||
window.PLAYER['nickMatcher'] = new RegExp('\\b('+n+')\\b', 'ig');
|
||
|
||
$('#sidebar').show();
|
||
|
||
if(window.bootPlugins)
|
||
$.each(window.bootPlugins, function(ind, ref) { ref(); });
|
||
|
||
// sidebar is now at final height. Adjust scrollwrapper so scrolling
|
||
// is possible for small screens and it doesn’t block the area below
|
||
// it.
|
||
$('#scrollwrapper').css('max-height', ($('#sidebar').get(0).scrollHeight+3) + 'px');
|
||
|
||
window.runOnSmartphonesAfterBoot();
|
||
|
||
// workaround for #129. Not sure why this is required.
|
||
setTimeout('window.map.invalidateSize(false);', 500);
|
||
|
||
window.iitcLoaded = true;
|
||
}
|
||
|
||
// this is the minified load.js script that allows us to easily load
|
||
// further javascript files async as well as in order.
|
||
// https://github.com/chriso/load.js
|
||
// Copyright (c) 2010 Chris O'Hara <cohara87@gmail.com>. MIT Licensed
|
||
function asyncLoadScript(a){return function(b,c){var d=document.createElement("script");d.type="text/javascript",d.src=a,d.onload=b,d.onerror=c,d.onreadystatechange=function(){var a=this.readyState;if(a==="loaded"||a==="complete")d.onreadystatechange=null,b()},head.insertBefore(d,head.firstChild)}}(function(a){a=a||{};var b={},c,d;c=function(a,d,e){var f=a.halt=!1;a.error=function(a){throw a},a.next=function(c){c&&(f=!1);if(!a.halt&&d&&d.length){var e=d.shift(),g=e.shift();f=!0;try{b[g].apply(a,[e,e.length,g])}catch(h){a.error(h)}}return a};for(var g in b){if(typeof a[g]=="function")continue;(function(e){a[e]=function(){var g=Array.prototype.slice.call(arguments);if(e==="onError"){if(d)return b.onError.apply(a,[g,g.length]),a;var h={};return b.onError.apply(h,[g,g.length]),c(h,null,"onError")}return g.unshift(e),d?(a.then=a[e],d.push(g),f?a:a.next()):c({},[g],e)}})(g)}return e&&(a.then=a[e]),a.call=function(b,c){c.unshift(b),d.unshift(c),a.next(!0)},a.next()},d=a.addMethod=function(d){var e=Array.prototype.slice.call(arguments),f=e.pop();for(var g=0,h=e.length;g<h;g++)typeof e[g]=="string"&&(b[e[g]]=f);--h||(b["then"+d.substr(0,1).toUpperCase()+d.substr(1)]=f),c(a)},d("chain",function(a){var b=this,c=function(){if(!b.halt){if(!a.length)return b.next(!0);try{null!=a.shift().call(b,c,b.error)&&c()}catch(d){b.error(d)}}};c()}),d("run",function(a,b){var c=this,d=function(){c.halt||--b||c.next(!0)},e=function(a){c.error(a)};for(var f=0,g=b;!c.halt&&f<g;f++)null!=a[f].call(c,d,e)&&d()}),d("defer",function(a){var b=this;setTimeout(function(){b.next(!0)},a.shift())}),d("onError",function(a,b){var c=this;this.error=function(d){c.halt=!0;for(var e=0;e<b;e++)a[e].call(c,d)}})})(this);var head=document.getElementsByTagName("head")[0]||document.documentElement;addMethod("load",function(a,b){for(var c=[],d=0;d<b;d++)(function(b){c.push(asyncLoadScript(a[b]))})(d);this.call("run",c)})
|
||
|
||
|
||
// modified version of https://github.com/shramov/leaflet-plugins. Also
|
||
// contains the default Ingress map style.
|
||
var LEAFLETGOOGLE = 'http://breunigs.github.com/ingress-intel-total-conversion/dist/leaflet_google.js';
|
||
var JQUERY = 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';
|
||
var JQUERYUI = 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js';
|
||
var LEAFLET = 'http://cdn.leafletjs.com/leaflet-0.5/leaflet.js';
|
||
var AUTOLINK = 'http://breunigs.github.com/ingress-intel-total-conversion/dist/autolink.js';
|
||
var EMPTY = 'data:text/javascript;base64,';
|
||
|
||
// don’t download resources which have been injected already
|
||
var ir = window && window.internalResources ? window.internalResources : [];
|
||
if(ir.indexOf('jquery') !== -1) JQUERY = EMPTY;
|
||
if(ir.indexOf('jqueryui') !== -1) JQUERYUI = EMPTY;
|
||
if(ir.indexOf('leaflet') !== -1) LEAFLET = EMPTY;
|
||
if(ir.indexOf('autolink') !== -1) AUTOLINK = EMPTY;
|
||
if(ir.indexOf('leafletgoogle') !== -1) LEAFLETGOOGLE = EMPTY;
|
||
|
||
|
||
// after all scripts have loaded, boot the actual app
|
||
load(JQUERY, LEAFLET, AUTOLINK).then(LEAFLETGOOGLE, JQUERYUI).onError(function (err) {
|
||
alert('Could not all resources, the script likely won’t work.\n\nIf this happend the first time for you, it’s probably a temporary issue. Just wait a bit and try again.\n\nIf you installed the script for the first time and this happens:\n– try disabling NoScript if you have it installed\n– press CTRL+SHIFT+K in Firefox or CTRL+SHIFT+I in Chrome/Opera and reload the page. Additional info may be available in the console.\n– Open an issue at https://github.com/breunigs/ingress-intel-total-conversion/issues');
|
||
}).thenRun(boot);
|