brusselopole / Worldopole

/** global: pokemon_id */

/** global: navigator */

var map, heatmap;

var pokemonMarkers = [];

var updateLiveTimeout;

var ivMin = 80;

var ivMax = 100;

function initMap() {

	$.getJSON( "core/json/variables.json", function( variables ) {

		var latitude = Number(variables['system']['map_center_lat']);

		var longitude = Number(variables['system']['map_center_long']);

		var zoom_level = Number(variables['system']['zoom_level']);

		var pokeimg_suffix = variables['system']['pokeimg_suffix'];

		map = new google.maps.Map(document.getElementById('map'), {

			center: {

				lat: latitude,

				lng: longitude

			},

			zoom: zoom_level,

			zoomControl: true,

			scaleControl: false,

			scrollwheel: true,

			disableDoubleClickZoom: false,

			streetViewControl: false,

			mapTypeControlOptions: {

				mapTypeIds: [

					google.maps.MapTypeId.ROADMAP,

					'pogo_style',

					'dark_style',

				]

			}

		});

		$.getJSON( 'core/json/pogostyle.json', function( data ) {

			var styledMap_pogo = new google.maps.StyledMapType(data, {name: 'PoGo'});

			map.mapTypes.set('pogo_style', styledMap_pogo);

		});

		$.getJSON( 'core/json/darkstyle.json', function( data ) {

			var styledMap_dark = new google.maps.StyledMapType(data, {name: 'Dark'});

			map.mapTypes.set('dark_style', styledMap_dark);

		});

		$.getJSON( 'core/json/defaultstyle.json', function( data ) {

			map.set('styles', data);

		});

		initHeatmap();

		initSelector(pokeimg_suffix);

	});

}

function initSelector(pokeimg_suffix){

	$('#heatmapSelector').click(function(){

		hideLive();

		showHeatmap();

		$('#heatmapSelector').addClass('active');

		$('#liveSelector').removeClass('active');

	});

	$('#liveSelector').click(function(){

		hideHeatmap();

		map.setMapTypeId(google.maps.MapTypeId.ROADMAP);

		initLive(pokeimg_suffix);

		$('#liveSelector').addClass('active');

		$('#heatmapSelector').removeClass('active');

	});

}

function initLive(pokeimg_suffix){

	showLive();

	$("#liveFilterSelector").rangeSlider({

		bounds:{

			min: 0,

			max: 100

		},

		defaultValues:{

			min: ivMin,

			max: ivMax

		},

		formatter:function(val) {

			return "IV: "+Math.round(val)+"%";

		}

	});

	$("#liveFilterSelector").bind("valuesChanged",function(e, data){

		clearTimeout(updateLiveTimeout);

		removePokemonMarkerByIv(data.values.min,data.values.max);

		ivMin = data.values.min;

		ivMax = data.values.max;

		updateLive(pokeimg_suffix);

	});

	updateLive(pokeimg_suffix);

}

function initHeatmap(){

	$.ajax({

		'async': true,

		'type': "GET",

		'global': false,

		'dataType': 'json',

		'url': "core/process/aru.php",

		'data': {

			'request': "",

			'target': 'arrange_url',

			'method': 'method_target',

			'type' : 'pokemon_slider_init'

		}

	}).done(function(bounds){

		initHeatmapData(bounds);

	});

}

function initHeatmapData(bounds){

	var boundMin = new Date(bounds.min.replace(/-/g, "/"));

	var boundMax = new Date(bounds.max.replace(/-/g, "/"));

	var selectorMax = boundMax;

	var selectorMin = boundMin;

	// two weeks in millisec

	var twoWeeks = 12096e5;

	var maxMinus2Weeks = new Date(selectorMax.getTime() - twoWeeks);

	if(selectorMin < maxMinus2Weeks){

		selectorMin = maxMinus2Weeks;

	}

	// dict with millisec => migration nr.

	var migrations = {};

	// start at 4 because 06. Oct 2016 was the 4th migration

	var migr_nr = 4;

	$("#timeSelector").dateRangeSlider({

		bounds:{

			min: boundMin,

			max: boundMax

		},

		defaultValues:{

			min: selectorMin,

			max: selectorMax

		},

		scales: [{

			first: function(value) {

				// 06. Oct 2016 (4th migration). 2 week schedule starts with this migration

				var migrationStart = new Date("2016-10-06");

				var now = new Date();

				var result = new Date();

				for (var migration = migrationStart; migration <= now; migration.setTime(migration.getTime() + twoWeeks)) {

					if (migration >= value) {

						result = migration;

						migrations[result.getTime()] = migr_nr;

						break;

					}

					migr_nr++;

				}

				return result;

			},

			next: function(value){

				var next = new Date(new Date(value).setTime(value.getTime() + twoWeeks));

				migr_nr++;

				migrations[next.getTime()] = migr_nr;

				return next;

			},

			label: function(value){

				if (isMobileDevice() && isTouchDevice()) {

					return "#" + migrations[value.getTime()];

				}

				return "Migration #" + migrations[value.getTime()];

			},

		}]

	});

	createHeatmap();

}

function createHeatmap() {

	heatmap = new google.maps.visualization.HeatmapLayer({

		data: [],

		map: map

	});

	var gradient = [

		'rgba(0, 255, 255, 0)',

		'rgba(0, 255, 255, 1)',

		'rgba(0, 191, 255, 1)',

		'rgba(0, 127, 255, 1)',

		'rgba(0, 63, 255, 1)',

		'rgba(0, 0, 255, 1)',

		'rgba(0, 0, 223, 1)',

		'rgba(0, 0, 191, 1)',

		'rgba(0, 0, 159, 1)',

		'rgba(0, 0, 127, 1)',

		'rgba(63, 0, 91, 1)',

		'rgba(127, 0, 63, 1)',

		'rgba(191, 0, 31, 1)',

		'rgba(255, 0, 0, 1)'

	];

	heatmap.set('gradient', gradient);

	heatmap.setMap(map);

	$("#timeSelector").bind("valuesChanged",function(){updateHeatmap()});

	$("#timeSelector").dateRangeSlider("min"); // will trigger valuesChanged

}

function updateHeatmap() {

	var dateMin = $("#timeSelector").dateRangeSlider("min");

	var dateMax = $("#timeSelector").dateRangeSlider("max");

	$("#loaderContainer").show();

	$.ajax({

		'async': true,

		'type': "GET",

		'global': false,

		'dataType': 'json',

		'url': "core/process/aru.php",

		'data': {

			'request': "",

			'target': 'arrange_url',

			'method': 'method_target',

			'type' : 'pokemon_heatmap_points',

			'pokemon_id' : pokemon_id,

			'start' : Math.floor(dateMin.getTime()/1000),

			'end' : Math.floor(dateMax.getTime()/1000)

		}

	}).done(function(points){

		var googlePoints = [];

		for (var i = 0; i < points.length; i++) {

			googlePoints.push(new google.maps.LatLng(points[i].latitude,points[i].longitude))

		}

		var newPoints = new google.maps.MVCArray(googlePoints);

		heatmap.set('data', newPoints);

		$("#loaderContainer").hide();

	});

}

function hideHeatmap() {

	$("#timeFilterContainer").hide();

	heatmap.set('map', null);

}

function showHeatmap() {

	$("#timeFilterContainer").show();

	heatmap.set('map', map);

	hideLive();

}

function hideLive() {

	$("#liveFilterContainer").hide();

	clearTimeout(updateLiveTimeout);

	clearPokemonMarkers();

}

function showLive() {

	hideHeatmap();

	clearTimeout(updateLiveTimeout);

	$("#liveFilterContainer").show();

}

function updateLive(pokeimg_suffix){

	$.ajax({

		'async': true,

		'type': "POST",

		'global': false,

		'dataType': 'json',

		'url': "core/process/aru.php",

		'data': {

			'request': "",

			'target': 'arrange_url',

			'method': 'method_target',

			'type' : 'pokemon_live',

			'pokemon_id' : pokemon_id,

			'inmap_pokemons' : extractEncountersId(),

			'ivMin' : ivMin,

			'ivMax' : ivMax

		}

	}).done(function(pokemons){

		for (var i = 0; i < pokemons.points.length; i++) {

			addPokemonMarker(pokemons.points[i],pokeimg_suffix, pokemons.locale)

		}

		updateLiveTimeout=setTimeout(function(){ updateLive(pokeimg_suffix) },5000);

	});

}

function getIvColor(ivPercent){

	var ivColor="rgba(0, 0, 0, 0)";

	if(ivPercent>80){

		ivColor="rgba(0, 0, 255, 0.70)";

	}

	if(ivPercent>90){

		ivColor="rgba(246, 178, 107, 0.90)";

	}

	if(ivPercent>99){

		ivColor="rgba(255, 0, 0, 1)";

	}

	return ivColor;

}

function clearPokemonMarkers() {

	for (var i = 0; i < pokemonMarkers.length; i++) {

		pokemonMarkers[i].setMap(null);

	}

	pokemonMarkers = [];

}

function removePokemonMarker(encounter_id) {

	for (var i = 0; i < pokemonMarkers.length; i++) {

		if(pokemonMarkers[i].encounterId == encounter_id){

			pokemonMarkers[i].setMap(null);

			pokemonMarkers.splice(i,1);

			break;

		}

	}

}

function removePokemonMarkerByIv(ivMin,ivMax) {

	var cleanMarkers=[];

	for (var i = 0; i < pokemonMarkers.length; i++) {

		if(pokemonMarkers[i].ivPercent < ivMin || pokemonMarkers[i].ivPercent > ivMax){

			pokemonMarkers[i].setMap(null);

		}

		else{

			cleanMarkers.push(pokemonMarkers[i]);

		}

	}

	pokemonMarkers = cleanMarkers;

}

function extractEncountersId(){

	var inmapEncounter = [];

	for (var i = 0; i < pokemonMarkers.length; i++) {

		inmapEncounter[i]=pokemonMarkers[i].encounterId;

	}

	return inmapEncounter;

}

function isTouchDevice() {

    // Should cover most browsers

    return 'ontouchstart' in window || navigator.maxTouchPoints

}

function isMobileDevice() {

    //  Basic mobile OS (not browser) detection

    return (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))

}