/// opm.main.js // 26.09.2024
var sharedPoints = [];

var active_ajax = 'undefined';
var toast_count = 0;
var toast_html = '<div id="{id}"><div class="{class}"><span>{text}</span></div></div>';
var api_server = 'https://waste.fantastic-game.ru/';

const menu = document.querySelector(".menu");
const menuOption = document.querySelector(".menu-option");
let menuVisible = false;


class layersControl {
	onAdd(map){
		this.map = map;
		this.container = document.createElement('div');
		this.container.className = '_opm_gl-ctrl _opm_gl-ctrl-group opmgl-ctrl opmgl-ctrl-group'; 
		this.container.addEventListener('click', e => {$("#layerChangeLayout").addClass("open")});
		this.container.innerHTML = '<button class="_opm_gl-ctrl-layers opmgl-ctrl-layers" type="button" title="Zoom in" aria-label="Zoom in" aria-disabled="false"><span class="_opm_gl-ctrl-icon opmgl-ctrl-icon" aria-hidden="true"></span>';
		return this.container;
	}
	onRemove(){
		this.container.parentNode.removeChild(this.container);
		this.map = undefined;
	}
}
class radarsControl {
	onAdd(map){
		this.map = map;
		this.container = document.createElement('div');
		this.container.className = '_opm_gl-ctrl _opm_gl-ctrl-group opmgl-ctrl opmgl-ctrl-group'; 
		this.container.addEventListener('click', e => {if(typeof map.getLayer('radars') == 'undefined'){map.addLayer({id: "radars",source: "opm",type:"symbol","source-layer":"radars",layout:{"icon-image": "road_radar-{type}",}});}else{map.removeLayer('radars')}});
		this.container.innerHTML = '<button class="_opm_gl-ctrl-radars opmgl-ctrl-radars" type="button" title="Zoom in" aria-label="Zoom in" aria-disabled="false"><span class="_opm_gl-ctrl-icon opmgl-ctrl-icon" aria-hidden="true"></span>';
		return this.container;
	}
	onRemove(){
		this.container.parentNode.removeChild(this.container);
		this.map = undefined;
	}
}
class cleanControl {
	onAdd(map){
		this.map = map;
		this.container = document.createElement('div');
		this.container.className = '_opm_gl-ctrl _opm_gl-ctrl-group opmgl-ctrl opmgl-ctrl-group'; 
		this.container.addEventListener('click', e => {resetMap()});
		this.container.innerHTML = '<button class="_opm_gl-ctrl-radars opmgl-ctrl-radars" type="button" title="Zoom in" aria-label="Zoom in" aria-disabled="false"><span class="_opm_gl-ctrl-icon opmgl-ctrl-icon" aria-hidden="true"></span>';
		return this.container;
	}
	onRemove(){
		this.container.parentNode.removeChild(this.container);
		this.map = undefined;
	}
}
var layerInfo = {
	"S":{
		"title": "Стандартный",
		"desc": "Стандартный стиль — это детализированная карта Провинции. Каждая зона (например, промышленная) имеет свой фоновый цвет, главные дороги выделены более темными цветами, а также на карте отображаются различные мелкие детали, такие как заборы или ЛЭП. <br><small class=\"secondary\">За основу стиля был взят стиль карт <a href=\"https://openstreetmap.org\" target=\"_blank\">OpenStreetMap</a></small>",
		"url": "https://fantastic-game.ru/openprovincemap/js/vector/map/qNqPkOmHwXbNmHqNqPkOmHbNfRznzLzFzJzIzOzLfRoOmHbXzCzczOzPzLzpzjzdzqzEzgzJfRoObNwXmHbNkOzclGzGzFzRzMzZbMzizbzQznzRzQzBzUzuzezDbKzIzRzJzPzezGzyzKzDzPzCbKzZzezGzNztzSztzTzgzDfRqPmHbXbKzg+zszpzccazwcazxzyzr@zicazdzxzfzYzkzRzemHzuzSzTgG",
		"srcset": true,
		"id":"opm",
	},
	"T":{
		"title": "Транспортная карта",
		"desc": "Карта с маршрутами муниципального общественного транспорта. Все цвета на карте менее контрастные, актент сделан на маршрутах общественного транспорта. Все дороги отображаются тонкой серой линией, а маршруты ОТ отображаются яркими цветами и выделяются на фоне дорог. Над линией перечислены маршруты, которые проходят по данному участку дороги. Цвет линии и текста зависит от типа маршрута: автобус отображается зелёным, трамвай — красным, а троллейбус — голубым.",
		"url": "https://fantastic-game.ru/openprovincemap/js/vector/transport/qNqPkOmHwXbNmHqNqPkOmHbNfRznzLzFzJzIzOzLfRoOmHbXzCzczOzPzLzpzjzdzqzEzgzJfRoObNwXmHbNkOzclGzGzFzRzMzZbMzizbzQznzRzQzBzUzuzezDbKzIzRzJzPzezGzyzKzDzPzCbKzZzezGzNztzSztzTzgzDfRqPmHbXbKzg+zszpzccazwcazxzyzr@zicazdzxzfzYzkzRzemHzuzSzTgG",
		"srcset": true,
		"id":"transport",
	},
		"J":{
		"title": "Оригинальная карта JSt",
		"desc": "Ничего лишнего — только карта на основе файла radar_t.jpg (летняя версия)! Поверх карты отображаются лишь названия некторые мест. Поскольку карта создана из файла radar_t.jpg, то на высоких уровнях приближения она превращается в набор разноцветных пикселей. В основном, этот «стиль» используется при редактировании карты, но мы решили добавить его и сюда.",
		"url": "https://fantastic-game.ru/openprovincemap/js/vector/jst/qNqPkOmHwXbNmHqNqPkOmHbNfRznzLzFzJzIzOzLfRoOmHbXzCzczOzPzLzpzjzdzqzEzgzJfRoObNwXmHbNkOzclGzGzFzRzMzZbMzizbzQznzRzQzBzUzuzezDbKzIzRzJzPzezGzyzKzDzPzCbKzZzezGzNztzSztzTzgzDfRqPmHbXbKzg+zszpzccazwcazxzyzr@zicazdzxzfzYzkzRzemHzuzSzTgG",
		"srcset": false,
		"id":"jst",
	},
}
function changeStyle(e){
	$("#styleSelector > .layer-option.selected").removeClass("selected");
	$(e).addClass("selected");
	layerCode = $(e).attr("opm-code");
	$("#layer-title").html(layerInfo[layerCode].title);
	$("#layer-desc").html(layerInfo[layerCode].desc);
	$("#layer-demo").attr("src", "https://fantastic-game.ru/openprovincemap/images/layer_" + layerInfo[layerCode].id + ".png");
	if(layerInfo[layerCode].srcset){
		$("#layer-demo").attr("srcset", "https://fantastic-game.ru/openprovincemap/images/layer_" + layerInfo[layerCode].id + "@2x.png 2x");
	}else{
		$("#layer-demo").attr("srcset", '');
	}
	$("#layer-demo").css("image-rendering", '');
	if(layerCode == 'J') $("#layer-demo").css("image-rendering", 'pixelated');
	if($("#ad-3dBuildings").is(":checked")){
		map.setStyle(layerInfo[layerCode].url + "&3d=yes");
	}else{
		map.setStyle(layerInfo[layerCode].url);
	}
	let _opm_par = ["","","",""];
	if(getCookie('_opm_par') !== null){
		_opm_par = getCookie('_opm_par').split("|");
	}
	let lastLayer = _opm_par[3].replace("N", "").replace('b', '').substr(0, 1);
	_opm_par[3] = layerCode;
	if(show_busses) _opm_par[3] = _opm_par[3].toString() + 'b';
	//if(shownotes) _opm_par[3] = _opm_par[3].toString() + 'N';
	setCookie('_opm_par', _opm_par.join('|'),150);
	let re = new RegExp('#layer=' + lastLayer, 'g');
	if(window.location.hash.replace(re, '') == ''){
		history.replaceState(history.state, undefined, '#');
	}else{
		history.replaceState(history.state, undefined, window.location.hash.replace(re, ''));
	}
	history.replaceState(history.state, undefined, window.location.hash + '#layer=' + layerCode);
	if(layerInfo[layerCode].isDark){
		$(":root").addClass('dark-theme');
	}else{
		$(":root").removeClass('dark-theme');
	}
}
function selectLayer(layerCode){
	if(typeof layerInfo[layerCode] != 'undefined'){
		$("#styleSelector > .layer-option.selected").removeClass("selected");
		$("#styleSelector [opm-code='" + layerCode + "']").addClass("selected");
		$("#layer-title").html(layerInfo[layerCode].title);
		$("#layer-desc").html(layerInfo[layerCode].desc);
		$("#layer-demo").attr("src", "https://fantastic-game.ru/openprovincemap/images/layer_" + layerInfo[layerCode].id + ".png");
		if(layerInfo[layerCode].srcset){
			$("#layer-demo").attr("srcset", "https://fantastic-game.ru/openprovincemap/images/layer_" + layerInfo[layerCode].id + "@2x.png 2x");
		}else{
			$("#layer-demo").attr("srcset", '');
		}
		$("#layer-demo").css("image-rendering", '');
		if(layerCode == 'J') $("#layer-demo").css("image-rendering", 'pixelated');
		if(layerInfo[layerCode].isDark){
			$(':root').addClass('dark-theme');
		}else{
			$(':root').removeClass('dark-theme');
		}
	}
}
function resetMap(exclueSources = []){
	if(typeof map.getSource('search-lines') !== 'undefined' && !exclueSources.includes('search-lines')){
		if(typeof map.getLayer('searchLines') !== 'undefined')    map.removeLayer('searchLines');
		if(typeof map.getLayer('searchLinesBG') !== 'undefined') map.removeLayer('searchLinesBG');
		if(typeof map.getLayer('searchPolygons') !== 'undefined') map.removeLayer('searchPolygons');
		if(typeof map.getLayer('lineArrows') !== 'undefined') map.removeLayer('lineArrows');
		map.removeSource('search-lines');
	}
	if(typeof map.getSource('search-stops') !== 'undefined' && !exclueSources.includes('search-stops')){
		map.removeLayer('searchStops');
		map.removeSource('search-stops');
	}
	if(typeof map.getSource('search-points') !== 'undefined' && !exclueSources.includes('search-points')){
		map.removeLayer('searchPoints');
		map.removeSource('search-points');
	}
	if(typeof map.getSource('search-minor-lines') !== 'undefined' && !exclueSources.includes('search-minor-lines')){
		if(typeof map.getLayer('searchMinorLinesBG') !== 'undefined') map.removeLayer('searchMinorLinesBG');
		if(typeof map.getLayer('searchMinorLines') !== 'undefined')   map.removeLayer('searchMinorLines');
		map.removeSource('search-minor-lines');
	}
	if(typeof map.getSource('route-finish-point') !== 'undefined' && !exclueSources.includes('route-finish-point')){
		if(typeof map.getLayer('routeFinishPoint') !== 'undefined') map.removeLayer('routeFinishPoint');
		map.removeSource('route-finish-point');
	}
	if(typeof map.getSource('route-start-point') !== 'undefined' && !exclueSources.includes('route-start-point')){
		if(typeof map.getLayer('routeStartPoint') !== 'undefined') map.removeLayer('routeStartPoint');
		map.removeSource('route-start-point');
	}
	if(typeof map.getSource('highlited') !== 'undefined' && !exclueSources.includes('highlited')){
		if(typeof map.getLayer('highlited-lines') !== 'undefined') map.removeLayer('highlited-lines');
		if(typeof map.getLayer('highlited-poly') !== 'undefined') map.removeLayer('highlited-poly');
		if(typeof map.getLayer('highlited-points') !== 'undefined') map.removeLayer('highlited-points');
		map.removeSource('highlited');
	}
}
function addToMap(data){
	if(!map.isStyleLoaded()){
		setTimeout(function(){addToMap(data)}, 200)
		return null;
	}
	for(let source in data.sources) map.addSource(source, data.sources[source]);
	for(let k in data.layers) map.addLayer(data.layers[k])
}
function getFirstSymbol(){
	if(!map.isStyleLoaded()){
		return undefined;
	}
	for(let i in map.getStyle().layers){
		if(map.getStyle().layers[i].type == 'symbol' && map.getStyle().layers[i].id != 'ferry_routes_label'){
			return map.getStyle().layers[i].id;
		}
	}
}
let serverInfo = [];
function getServerInfo(){
	$.ajax({
		url: "https://waste.fantastic-game.ru/tbru/serverInfo",
		success: function(data){
			let sInfo = data.split("\n");
			let sHTML = "";
			let sCategory = "";
			for(let sData in sInfo){
				let serverData = sInfo[sData].match(/	(.*?)\$(.*?)=/i);
				if(serverData === null){
					sCategory = sInfo[sData];
				}else{
					if(sCategory == "MTA Province" || sCategory == "MTA Province - Основное"){
						sHTML = sHTML + "<option value=\"" + serverData[1].substr(0, 1) + "\">" + serverData[1].substr(2) + "</option>"
					}
					serverInfo[serverData[1].substr(0, 1)] = serverData[1].substr(2);
				}
			}
			if(typeof server == 'undefined') server = 1;
			$("#servers").html(sHTML);
			$("#servers").val(server);
			$("#servers-mobile").html(sHTML);
			$("#servers-mobile").val(server);
			
		}
	});
}
getServerInfo();
function getOnline(){
	$.ajax({
		url: "https://waste.fantastic-game.ru/tbru/report.txt",
		success: function(data, rstatus, req){
			let time = ('0'+(parseInt(data.substr(0, 2)))).slice(-2) + ':' + ('0'+(parseInt(data.substr(2, 2)))).slice(-2) + (req.getResponseHeader('last-modified') === null ? '' : ('<span class="secondary">' + req.getResponseHeader('last-modified').substr(-7, 3) + '</span>'));
			let servers = data.substr(5).split(' ');
			
			$('#api-modal-title').html("<h6>Онлайн серверов</h6>");
			$('#api-modal-desc').html("<span>Обновлено в " + time + " <sup class=\"secondary\"><small><i>MSK</i></small></sup></span><hr class=\"my-1\">");
			
			let summ = [0, 0];
			for(let i=0;i<servers.length;i++){
				let server_data = [parseInt(servers[i].substr(2).split('/')[0]), parseInt(servers[i].substr(2).split('/')[1])];
				let password = servers[i].substr(1, 1);
				let serverName;
				let outHTML;
				
				if(typeof serverInfo[servers[i].substr(0,1)] != "undefined"){
					serverName = serverInfo[servers[i].substr(0,1)];
				}else{
					serverName = "Сервер [" + servers[i].substr(0,1) + "]";
				}
				summ[0]+=server_data[0];
				summ[1]+=server_data[1];

				$('#api-modal-desc').append('<div class="py-1"><div style="display: flex;" class="my-1"><span style="flex-grow: 1;">' + serverName + '</span><span>' + (server_data[1] === 0 ? 'Нет данных' : (server_data[0] + '/' + server_data[1])) + '</span></div><div class="opm-progress" style="background: var(--background-highlight););"><div class="opm-progress-barline" style="background: linear-gradient(90deg, var(--opm-gradient-blue) 0%, var(--opm-gradient-pink) ' + (server_data[1] === 0 ? '100' : (   Math.round(100/(server_data[0]/server_data[1])) )) + '%);width: ' + (server_data[1] === 0 ? '0' : Math.round(server_data[0]/server_data[1]*100)) + '%"></div></div></div>')
			}
			
			$('#api-modal-desc').append('<hr class="mt-3"><div class="pt-2"><div style="display: flex;" class="my-1"><b style="flex-grow: 1;">Суммарный онлайн</b><span>' + (summ[1] === 0 ? 'Нет данных' : (summ[0] + '/' + summ[1])) + '</span></div>                 <div class="my-1 opm-progress" style="background: var(--background-highlight););"><div class="opm-progress-barline" style="background: linear-gradient(90deg, var(--opm-gradient-blue) 0%, var(--opm-gradient-pink) ' + (summ[1] === 0 ?        '100' : (  Math.round(100/(summ[0]/summ[1]))  )) + '%);         width: ' + (summ[1] === 0 ? '0' : Math.round(summ[0]/summ[1]*100)) + '%"></div></div></div>')
			
			openModal('api-modal');
		},
		error : function(e){
			$('#api-modal-title').html("Онлайн серверов");
			$('#api-modal-desc').html("Не удалось получить список серверов, проверьте подключение к сети");
			openModal('api-modal');
		}
	});
}
//COOKIE
function setCookie(name,value,days) {
	var expires = "";
	if (days) {
		var date = new Date();
		date.setTime(date.getTime() + (days*24*60*60*1000));
		expires = "; expires=" + date.toUTCString();
	}
	document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}
function getCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

const toggleMenu = command => {
	if(menu.style.display = command === "show"){
		menuVisible = true;
	}else{
		menuVisible = false;
	}
	menu.style.display = command === "show" ? "block" : "none";
};

const setPosition = ({ top, left }) => {
	menu.style.left = `${left}px`;
	menu.style.top = `${top}px`;
	toggleMenu("show");
};

window.addEventListener("click", e => {
	if (menuVisible) toggleMenu("hide");
});

/// EOF