Старт

2023-11-07 19:51:49 +06:00
commit 86542a157f
5002 changed files with 199551 additions and 0 deletions
--- a/monitoring/jscripts/detours.js
+++ b/monitoring/jscripts/detours.js
@ -0,0 +1,491 @@
+//Объезды
+class TDetours
+{
+	constructor(map){
+		this.detours = []; //Список маршрутов
+	}
+
+	//Получаем список объектов
+	//Фильтруем объекты для заполнения в таблицу
+	filtering()
+	{
+		showProgressBar(document.getElementById('id5_detours'));
+
+		var data = {
+				name: document.getElementById("filter_name_detours").value
+			};
+
+		var req=createRequestObject();
+		req.onreadystatechange = function(thiz)
+		{
+			return function(){
+				if(req.readyState === 4){
+
+					var data=null;
+					try {
+						data = JSON.parse(req.responseText);
+					} catch (e) {
+						alert(e.message);
+						return;
+					}
+					if(data!=null)
+					{
+						if(data.errorMessage !== undefined && data.errorMessage!='')
+						{
+							alert(data.errorMessage);
+							return;
+						}
+						thiz.clear();
+
+						//Приходит JSON уже в объектах
+						//features = [];
+						for(i=0;i<data.length;i++)
+						{
+							var obj = new TDetour(thiz);
+							obj.id=data[i].id;
+							obj.name=data[i].name;
+							obj.count=data[i].count;
+							obj.date_start=data[i].date_start;
+							obj.date_end=data[i].date_end;
+							obj.lon=parseFloat(data[i].lon);
+							obj.lat=parseFloat(data[i].lat);
+
+							thiz.detours.push(obj);
+						}
+					    thiz.fillRezDiv();
+					}
+					hideProgressBar(document.getElementById('id5_detours'));
+				};
+			}
+		}(this);
+
+		req.open("POST", '/monitoring/pscripts/detours.php?fn=1', true);
+		req.setRequestHeader("Content-type", "text/plain");
+		req.send(JSON.stringify(data));
+
+/*
+		var data = {
+				name: "",
+				type: ""
+			};
+
+		$.ajax({
+			url: '/monitoring/pscripts/detours.php',
+		    data: JSON.stringify(data),
+		    contentType: 'application/json; charset=utf-8',
+		    type: "POST",
+		    dataType: "json",
+		    success: function(thiz){return function(data,status){
+		    	if(status=='success')
+		    	{
+		    		thiz.detours = []; //Удаляю старые объекты
+		    		g_vectorSourceDetours.clear(); //Удаляю все отображения
+
+
+					for(i=0;i<data.length;i++)
+					{
+						var obj = new TRoute();
+						obj.id=data[i].id;
+						obj.name=data[i].name;
+						obj.count=data[i].count;
+						thiz.detours.push(obj);
+					}
+				    thiz.fillRezDiv();
+		    	}else
+		    	{
+		    		alert(status);
+		    	}
+
+		    }}(this)
+		});
+*/
+	}
+
+	//Заполнить результатом выборки DIV в виде таблицы
+	fillRezDiv()
+	{
+		var div=document.getElementById("id5_detours");
+		delChild(div);
+		div.innerHTML='<table id="thetable_detours" border="0" style="width:100%;" class="SShow"><thead><tr style="background-color: rgb(218, 218, 218);"><th></th><th id="cell_ch_D" style="width:1%;text-decoration:underline;cursor: pointer;">'+trt('View')+'.</th><th style="width: 90%;">'+trt('Bypass_name')+'</th><th style="width: 1%;">Дата начала</th><th style="width: 1%;">Дата окончания</th><th style="width: 1%;">'+trt('Points')+'</th></tr></thead><tbody></tbody></table>';
+
+		var theTable = document.getElementById('thetable_detours');
+
+		for(i=0;i<this.detours.length;i++)
+		{
+			let tr = document.createElement('tr');
+			let bgColor='';
+			if (i%2==0) bgColor='var(--row-color-1)'; else bgColor='var(--row-color-2)';
+			tr.style.backgroundColor=bgColor;
+			tr.onmouseover=function(){ this.style.backgroundColor='var(--btn-color2)'; };
+			tr.onmouseout=function(val1,val2){return function(){val1.style.backgroundColor=val2;}}(tr,bgColor);
+			//tr.id='cell_e_'+this.detours[i].id;
+
+			let td;
+
+			td = document.createElement('td');
+			td.style.cssText="width:24px;text-align:center;vertical-align:top;";
+			td.innerHTML='<img id="detours_down_btn_'+this.detours[i].id+'" src="/resources/images/right.png" alt="" style="cursor: pointer;">';
+			tr.appendChild(td);
+
+			td = document.createElement('td');
+			td.style.cssText="text-align: center;";
+			td.innerHTML='<input id="detours_ch_'+this.detours[i].id+'" type="checkbox"/>';
+			tr.appendChild(td);
+
+			td = document.createElement('td');
+			td.style.cursor='pointer';
+			td.innerHTML=this.detours[i].name;
+			td.onclick=function(detour){
+				return function(){
+					detour.goToCenter();
+				}
+			}(this.detours[i]);
+			tr.appendChild(td);
+
+			td = document.createElement('td');
+			td.style.cssText='cursor:pointer;text-align:right;';
+			td.innerHTML=this.detours[i].date_start;
+			td.onclick=function(detour){
+				return function(){
+					detour.goToCenter();
+				}
+			}(this.detours[i]);
+			tr.appendChild(td);
+
+			td = document.createElement('td');
+			td.style.cssText='cursor:pointer;text-align:right;';
+			td.innerHTML=this.detours[i].date_end;
+			td.onclick=function(detour){
+				return function(){
+					detour.goToCenter();
+				}
+			}(this.detours[i]);
+			tr.appendChild(td);
+
+			td = document.createElement('td');
+			td.style.cssText='cursor:pointer;text-align:right;';
+			td.innerHTML=this.detours[i].count;
+			td.onclick=function(detour){
+				return function(){
+					detour.goToCenter();
+				}
+			}(this.detours[i]);
+			tr.appendChild(td);
+
+			theTable.tBodies[0].appendChild(tr);
+
+			//Формирую раскрывающийся список
+			tr = document.createElement('tr');
+			tr.id=this.detours[i].id;
+			tr.style.cssText="background-color:var(--back-color-3);display:none";
+			td = document.createElement('td');
+			td.colSpan=6;
+
+			var html='<table style="width:100%;"><tr><td style="width:100%;border: 0;">';
+			html+=' ';
+			html+='</td><td valign="top" style="border: 0;"><img id="detour_del_'+this.detours[i].id+'" src="/resources/images/del24.png" alt="'+trt('Delete')+'" title="'+trt('Delete')+'" style="cursor:pointer;"></td><td valign="top" style="border: 0;"><img id="detour_edit_'+this.detours[i].id+'" src="/resources/images/edit24.png" alt="'+trt('Edit')+'" title="'+trt('Edit')+'" style="cursor:pointer;"></td></tr></table>';
+
+			td.innerHTML=html;
+
+			tr.appendChild(td);
+			theTable.tBodies[0].appendChild(tr);
+
+			var cell=document.getElementById("detours_ch_"+this.detours[i].id);
+			cell.onclick=function(route){
+				return function(){
+					var chb=document.getElementById("detours_ch_"+route.id);
+					route.setVisibility(chb.checked);
+				}
+			}(this.detours[i]);
+
+			//Кнопка разсрыть список
+			var btn=document.getElementById('detours_down_btn_'+this.detours[i].id);
+			btn.onclick=function(tr,thiz,id){ return function(){
+					var btn=document.getElementById('detours_down_btn_'+id);
+					if(btn.src.indexOf("right.png")!=-1)
+					{
+						btn.src = '/resources/images/down.png';
+						tr.style.display = 'table-row';
+					}else if(btn.src.indexOf("down.png")!=-1)
+					{
+						btn.src = '/resources/images/right.png';
+						tr.style.display = 'none';
+					}
+				}; }(tr,this,this.detours[i].id);
+
+/*
+			//При щелчке по иконке календаря отображаем календарь выбора
+			//setCalendar("filter_date_route_start_"+this.detours[i].id,"filter_date_route_start_trigger_"+this.detours[i].id,-2);
+			//setCalendar("filter_date_route_end_"+this.detours[i].id,"filter_date_route_end_trigger_"+this.detours[i].id);
+
+			this.detours[i].getGeoJSON();
+*/
+			//Кнопка удалить
+			btn=document.getElementById('detour_del_'+this.detours[i].id)
+			btn.onclick=function(thiz,id){ return function(){ thiz.deleteDetour({id:id}); }; }(this,this.detours[i].id);
+
+			//Кнопка редактировать
+			btn=document.getElementById('detour_edit_'+this.detours[i].id)
+			btn.onclick=function(thiz,id){ return function(){ thiz.editDetour({id:id}); }; }(this,this.detours[i].id);
+		}
+
+		//Количество элементов в дереве
+		var divCnt = document.getElementById("count_detours");
+		delChild(divCnt);
+		divCnt.appendChild(document.createTextNode(this.detours.length));
+
+		//По нажатию на заголовок инвертируем чекбуксы
+		divCnt = document.getElementById("cell_ch_D");
+		divCnt.onclick=function(thiz){
+			return function(){
+				thiz.hide();
+			}
+		}(this);
+	}
+
+	createDetour()
+	{
+		//В настройках передаю центр карты
+		let center=ol.proj.transform(g_map.getView().getCenter(), 'EPSG:3857','EPSG:4326');
+		let eRec = new EdtRec("");
+		eRec.eRecNa("Detours",-1,'<type n="Detours"><properties><prop n="name"><![CDATA['+document.getElementById("filter_name_detours").value+']]></prop><prop n="lat"><![CDATA['+center[1]+']]></prop><prop n="lon"><![CDATA['+center[0]+']]></prop></properties></type>');
+		eRec.win.onClose=function(thiz){ return function(){ thiz.filtering();};}(this);
+	}
+
+	//Удалить объезд
+	deleteDetour(settings)
+	{
+		if (typeof settings === 'string' || settings instanceof String)
+		{
+			try {
+				settings = JSON.parse(settings);
+			} catch (e) {
+				alert(e.message);
+				return;
+			}
+		}
+		if (confirm(trt("Do_you_really_want_to_delete_the_record")+'?')) {
+
+			var req=createRequestObject();
+			req.onreadystatechange = function(thiz)
+			{
+				return function(){
+					if(req.readyState === 4){
+						var data=null;
+						try {
+							data = JSON.parse(req.responseText);
+						} catch (e) {
+							alert(e.message);
+							return;
+						}
+						if(data!=null)
+						{
+							if(data.errorMessage !== undefined && data.errorMessage!='')
+							{
+								alert(data.errorMessage);
+								thiz.win.hideProgressBar();
+							}else
+							{
+
+							}
+						}
+						//Фильтрую список заново
+						thiz.filtering();
+					}
+				};
+			}(this);
+
+			req.open("POST", '/monitoring/pscripts/detours.php?fn=3', true);
+			req.setRequestHeader("Content-type", "text/plain");
+			req.send(JSON.stringify(settings));
+
+			this.filtering();
+		}
+		return true;
+	}
+
+	editDetour(settings)
+	{
+		if (typeof settings === 'string' || settings instanceof String)
+		{
+			try {
+				settings = JSON.parse(settings);
+			} catch (e) {
+				alert(e.message);
+				return;
+			}
+		}
+		var detour=this.getDetourByID(settings.id);
+
+		let eRec = new EdtRec("");
+		eRec.eRecNa("Detours",settings.id);
+		eRec.win.onClose=function(thiz,detour){ return function(){
+			detour.showPoints(false);
+			//thiz.filtering();
+		};}(this,detour);
+
+		if(detour!=null)
+		{
+			detour.showPoints(true);
+			detour.setVisibility(true);
+		}
+	}
+
+	//Вернуть объект TDetour по идентификатору
+	getDetourByID(id)
+	{
+		for(var i=0;i<this.detours.length;i++)
+		{
+			if(this.detours[i].id==id)
+				return this.detours[i];
+		}
+		return null;
+	}
+
+	clear()
+	{
+		//Удаляю геометриию
+		for(var i=0;i<this.detours.length;i++)
+		{
+			this.detours[i].setVisibility(false);
+		}
+		this.detours = [];
+	}
+
+	//Инвертировать видимость маршрутов
+	hide()
+	{
+		for(var i=0;i<this.detours.length;i++)
+		{
+			this.detours[i].setVisibility(!this.detours[i].getVisibility());
+		}
+	}
+
+}
+
+class TDetour
+{
+	constructor(detours)
+	{
+		this.id='';
+		this.feature=null; //Объект который отображается на карте
+		this.shP=false; //Показывать ли точки для редактирования
+
+		this.detours=detours;
+		this.visible=false; //По умолчанию всё видим
+	}
+
+	getVisibility()
+	{
+		return this.visible;
+	}
+
+	//Отобразить объект на карте
+	setVisibility(val)
+	{
+		var chb=document.getElementById("detours_ch_"+this.id);
+		if(val)
+		{
+			if(!chb.checked) chb.checked=true;
+			if(this.feature==null)
+			{
+				this.getGeoJSON(); //Подгружаем объект с сервера
+			}else
+			{
+				//Проверяю чтобы заново не добавить
+				var exists=false;
+				var features=g_vectorSourceDetours.getFeatures();
+				for(var i=0;i<features.length;i++)
+				{
+					if(features[i]==this.feature)
+					{
+						exists=true;
+						break;
+					}
+				}
+				if(!exists)
+					g_vectorSourceDetours.addFeature(this.feature);
+			}
+		}else{
+			if(chb!=null && chb.checked) chb.checked=false;
+			if(this.feature!=null)
+			{
+				g_vectorSourceDetours.removeFeature(this.feature);
+				this.showPoints(false);
+			}
+		}
+		this.visible=val;
+	}
+
+	goToCenter()
+	{
+		var point=ol.proj.transform([this.lon, this.lat], 'EPSG:4326','EPSG:3857');
+		g_map.getView().setCenter(point);
+		if(g_map.getView().getZoom()<9)
+			g_map.getView().setZoom(9);
+	}
+
+	//Отобразить точки для редактирования
+	showPoints(val)
+	{
+		//alert("showPoints="+val);
+
+		this.shP=val;
+		if(this.shP)
+			enableEditPoints(this.feature);
+		else
+			disableEditPoints(this.feature);
+		return true;
+	}
+
+	//Запросить гео данные для построения объекта на карте
+	getGeoJSON()
+	{
+		if(this.feature!=null) return;
+
+		var data = {
+				id: this.id
+			};
+
+		$.ajax({
+			url: '/monitoring/pscripts/detours.php?fn=2',
+		    data: JSON.stringify(data),
+		    contentType: 'application/json; charset=utf-8',
+		    type: "POST",
+		    dataType: "json",
+		    success: function(thiz){return function(data,status){
+		    	if(status=='success')
+		    	{
+		    		var features = (new ol.format.GeoJSON()).readFeatures(data, {dataProjection: 'EPSG:4326',featureProjection: 'EPSG:3857'});
+		    		for(i=0;i<features.length;i++)
+		    		{
+		    			features[i].setStyle(new ol.style.Style({
+		    				fill: new ol.style.Fill({color: 'rgba(0, 255, 0, 0.5)'}),
+		    				stroke: new ol.style.Stroke({color: 'rgba(0, 100, 0, 0.7)', width: 2}),
+		    				text: new ol.style.Text({
+		    					font: 'bold 12px helvetica,sans-serif',
+		    					//text: userData.percent+" %",
+		    					fill: new ol.style.Fill({color: 'black'}),
+		    					stroke: new ol.style.Stroke({color: 'white', width: 1}),
+		    					offsetX: 0,
+		    					offsetY: 0
+		    				})
+		    			}));
+		    			thiz.feature=features[i]; //Должен быть один объект в объекте
+		    			thiz.feature.userData=thiz; //ссылка на родителя
+
+		    			g_vectorSourceDetours.addFeature(thiz.feature);
+
+		    			//Если в режиме редактирования точек то отображаем эти точки
+		    			if(thiz.shP)
+		    				enableEditPoints(thiz.feature);
+		    		}
+		    	}else
+		    	{
+		    		alert(status);
+		    	}
+		    }}(this)
+		});
+	}
+
+};