TurkShell v1.0

Owner : www-data

PHP Version

5.6.40-0+deb8u12

Disk Space

41.00 GB

Server Addr

19-www4

Your IP

10.10.10.40

Edit File

File:

#formSolicitacao input {
			width: 50px;
		}

table{
			width:auto;
		}

#tabelaGeral{
			font-size: 12px;
		}
		#tabelaGeral .table>tbody>tr>td.success{
			font-weight: bold;
		}

#b1agms {float:right;height:20px;line-height:20px;padding:0px 7px 0px 7px;cursor:pointer;color:#0081d8;font-size:16px}
		#b1agms:hover {color:#fff;background-color:#0081d8}
		#b1alatlng {float:right;width:200px;text-align:right;color:#333;margin-right:20px}

</style>

<div id="map"></div>
					</div>
					<div class="legendas">
						<ul>
							
							<li>
								<div class="classe" style="background: url(assets/img/legendas/municipios.png)"></div>
								<span>Municípios</span>
							</li>
							
							<li>
								<div class="classe" style="background: #00A86B"></div>
								<span>Soja</span>
							</li>

</div>
				<div class="col-md-4 col-xs-12 col-sm-12">
					<div class="widget-block">
						<div style="padding-bottom: 10px;"><img src="assets/img/logosoja.png" style="width:100%; max-width: 300px" class="center-block"></div>

<h4>Safras</h4>

<div class="scroll-block">
							<ul>
								
								<li class="{CAMADA_ACTIVE}">
<a 
href="#" 
data-camada="{CAMADA_ID}" 
data-ordem="{CAMADA_ORDEM}"
data-porsigla="{CAMADA_FTSIGLA}"
data-tipo="{CAMADA_TIPO}Geral"

class="camadaSafraSelect camadaSelect {CAMADA_ACTIVE}">{CAMADA_NOME}</a>
								</li>
								
								
							</ul>
						</div>

<div style="display: none">
							<h4>Disponíveis para safra</h4>

<div class="scroll-block disponiveis">
								<ul>
									
									<li class="{CAMADA_ACTIVE}">
<a
href="#" 
data-safra="{CAMADA_ID}" 
data-camada="{CAMADA_ID}" 
data-ordem="{CAMADA_ORDEM}" 
data-select="{CAMADA_SELECT}" 
data-from="{CAMADA_FROM}" 
data-styleid="{styleID}" 
data-templateid="{templateId}" 
data-tipo="{CAMADA_TIPO}" 
class="camadaSelect {CAMADA_ACTIVE}">{CAMADA_NOME}</a>
								</li>
									
									
								</ul>
							</div>
						</div>

<div style="display: none">
							<h4>FIXAS</h4>

<div class="scroll-block">
								<ul>
									
									<li class="{CAMADA_ACTIVE}">
<a
href="#" 
data-camada="{CAMADA_ID}" 
data-ordem="{CAMADA_ORDEM}" 
data-select="{CAMADA_SELECT}" 
data-styleid="{styleID}" 
data-templateid="{templateId}" 
data-tipo="{CAMADA_TIPO}" 
data-from="{CAMADA_FROM}" 
class="camadaSelect {CAMADA_ACTIVE}">{CAMADA_NOME}</a>
								</li>
									
									
								</ul>
							</div>
						</div>
						
					</div>
					<div class="widget-block">
						<br>
						<h4>Exibir dados do município</h4>
						<div style="position: relative;">
							<input id="municipio" style="width: 100%; text-align: center;" title="Digite o município" placeholder="Digite o município" data-provide="typeahead">
						</div>

</div>
				</div>
			</div>
		</div>

<div class="container todosGraficos"  style="">
			<div class="row graficos">
				<div class="col-xs-12">
					<h3 class="subtitulo">Uso da terra de <span class="exibMunicipio"></span></h3>
				</div>
				
			</div>
		</div>

<div class="container-fluid">
			<div class="row graficos">
				<div id="tabelaGeral" style="" class="col-xs-12">
					<h3 class="subtitulo">Dados por município: <span></span></h3><br/>
					<table class="table table-striped table-condensed">
						<thead>
							<tr>
								<th scope="col">Mesoregião</th>
								<th scope="col">Municípios</th>
								<th scope="col">Área total do município (ha)</th>
								<th scope="col">Área plantada (ha)</th>
								<th scope="col">Área de soja do município em relação a área de soja do Estado</th>
								<th scope="col">Área de soja do município em relação a área de soja da Mesoregião</th>
							</tr>
						</thead>
						<tbody>
						</tbody>
					</table>
					
				</div>
			</div>
		</div>

<div class="container" style="margin-top: 30px;">
			<div class="row">
				<hr>
				<div class="col-xs-12 text-center">
					<form id="formSolicitacao" name="formSolicitacao" class="form-footer formSolicitacao" method="post" action="#">
						<input type="hidden" name="formName" value="formSolicitacao" />
						<input type="hidden" name="nosp" value="" />
							
						<p>Prezado técnico ou produtor, caso sua área não foi detectada no mapeamento<br>nos envie a coordenada de sua área de soja.</p>

<div style="padding: 10px 0">
								<button class="btn send btn-default" type="submit">Enviar</button>
								<div class="result"></div>
							</div>
						</div>
					</form>

</div>
			</div>
		</div>		
	</section>

<script src="assets/js/imagem2018.js?v={RAND}"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script>

.chartjs-tooltip-key {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin-right: 10px;
		}
	</style>

$(document).ready(function(){
			enviandoSolicitacao = 0;
			$(".formSolicitacao").on('submit', function(e) {
				e.preventDefault();

if(enviandoSolicitacao == 1){ return false; }
				enviandoSolicitacao = 1;

var prehtml = $(".formSolicitacao .send").html();
				$(".formSolicitacao .send").data('prehtml', prehtml);

$(".formSolicitacao .send").html('Enviando... <i class="fa fa-spinner fa-spin" style="margin-left: 20px"></i>');
				
				$(".formSolicitacao").ajaxSubmit({
					url     : "model/novosDados",
					type    : "POST",
					success : function(data){ 
						var html = $(".formSolicitacao .send").data('prehtml');
						$(".formSolicitacao .send").html(html);
						$(".formSolicitacao .result").html(data);
						enviandoSolicitacao = 0;
					}
				});

return false;
			});
		});

//  MAPS
		function centraliza(address) {
			console.log('center '+address);
			geocoder.geocode({ 'address': address}, function(results, status) {
				if (status == google.maps.GeocoderStatus.OK) {
					map.setCenter(results[0].geometry.location);
				}
			});
		}

function initMap() {
	    	var head = document.getElementsByTagName('head')[0];
			var insertBefore = head.insertBefore;
			head.insertBefore = function (newElement, referenceElement) {
			    if (newElement.href && newElement.href.indexOf('//fonts.googleapis.com/css?family=Roboto') > -1) {
			        // console.info('Prevented Roboto from loading!');
			        return;
			    }
			    insertBefore.call(head, newElement, referenceElement);
			};
			//

geocoder = new google.maps.Geocoder();
	    	var styleMap = []
	    	;

map = new google.maps.Map(
		        document.getElementById("map"),{
					zoom: 5,
		            minZoom: 4,
		           	maxZoom: 11,
		            scaleControl:true,
		            center: {lat: -18.19846141555636, lng: -55.120509355175784},
		            streetViewControl:false,
		            panControl:false,
		            mapTypeId: google.maps.MapTypeId.ROADMAP,
		            // mapTypeId: google.maps.MapTypeId.SATELLITE,
					// scrollwheel: false,
					//draggable: false,
		    	}
		    );

//  PNG PARANA
            var coordsParana = {
                north: -22.4835176262783,
                south: -26.8719932576397,
                east: -48.7119819220129,
                west: -54.6350201234215
            };
            overlayParana1718 = new google.maps.GroundOverlay('svg/pr_70_green.png', coordsParana);

var styledMapType = new google.maps.StyledMapType(styleMap, {
				map: map,
				name: 'Styled Map'
		    });
		    map.mapTypes.set('map-style', styledMapType);
		    map.setMapTypeId('map-style');

google.maps.event.addListener(map,'mousemove',function(e){
				coordenadas.legenda(e);
			});

// sist.atualizaMapa();
	    	sist.getAllDados();
	    	// sist.getGrafico();
	    }

$(function(){

// SELECIONE A CAMADA
	    	$('.camadaSelect').click(function(e){
	    		e.preventDefault();

var tipo = $(this).data('tipo');
	    		var camada = $(this).data('camada');

if(tipo == 'SafraGeral'){
			  		$('.disponiveis ul li').removeClass('disponivel active');
			  		$('.disponiveis ul li a').removeClass('disponivel active');

if($(this).hasClass('active')){
			  			$(this).parent().toggleClass('active');
			  			$(this).toggleClass('active');
					}else{
						$(this).parent().parent().find('.active').removeClass('active');
						$(this).parent().toggleClass('active');
				  		$(this).toggleClass('active');

$('.disponiveis ul li a[data-camada="'+camada+'"]').parent().addClass('disponivel');
        				$('.disponiveis ul li a[data-camada="'+camada+'"]').slice(0, 4).addClass('active').parent().addClass('active');
					}

}else{
			  		$(this).parent().toggleClass('active');
			  		$(this).toggleClass('active');
			  	}

sist.atualizaMapa();
	    	});

});

var colorArray = ['#FF6633', '#FFB399', '#FF33FF', '#FFFF99', '#00B3E6', 
		  '#E6B333', '#3366E6', '#999966', '#99FF99', '#B34D4D',
		  '#80B300', '#809900', '#E6B3B3', '#6680B3', '#66991A', 
		  '#FF99E6', '#CCFF1A', '#FF1A66', '#E6331A', '#33FFCC',
		  '#66994D', '#B366CC', '#4D8000', '#B33300', '#CC80CC', 
		  '#66664D', '#991AFF', '#E666FF', '#4DB3FF', '#1AB399',
		  '#E666B3', '#33991A', '#CC9999', '#B3B31A', '#00E680', 
		  '#4D8066', '#809980', '#E6FF80', '#1AFF33', '#999933',
		  '#FF3380', '#CCCC00', '#66E64D', '#4D80CC', '#9900B3', 
		  '#E64D66', '#4DB380', '#FF4D4D', '#99E6E6', '#6666FF'];

function montaGraficos(){
			
			// // MATO GROSSO GERAl - BOLINHA VERMELHA
			var graficos = $.extend({}, sist.safrasAll.camadas);
			var titles = $.map(graficos, function(v, i){
				return v.titulo;
			});

var camadas = $.map(graficos, function(v, i){ return i; });

var datasets = [];

var dataset = {
					label: key,
					backgroundColor: colorArray[colorI],
					borderColor: colorArray[colorI],
					data: dadosAdd,
					fill: false,
					options: {
						responsive: true
					}
        		}

datasets.push(dataset);

colorI++;
				
				
			});

console.log(datasets);

// console.log(porSafra.cadaSafraTotal);

var ctx = document.getElementById("line-bar_geral").getContext('2d');
			var myChart = new Chart(ctx, {
				type: 'line',
				data: {
					labels: titles,
					datasets: datasets
				},

options:{
					legend: {
					    display: true,
					    position: "top",
					    labels: {
				      		boxWidth: 15,
				      		boxHeight: 2
				    	}
				  	},
					scales: {
						xAxes: [{
							display: true,
							scaleLabel: {
								display: true,
								labelString: 'Safras'
							}
						}],
						yAxes: [{
							display: true,
							scaleLabel: {
								display: true,
								labelString: 'ha'
							}
						}]
					}
				}
			});

// TEM MUNICIPIO SELECIONADO 
			if(sist.graficosMuni.municipio){

var graficos = sist.graficosMuni.municipio;

// Grafico De Barras 1		
				var ctx = document.getElementById("barChart1").getContext("2d");
				
				var g_len = $(graficos).length;
				var titles = $.map(graficos, function(val, i){ return graficos[i].plantados.titulo; });
				var total = $.map(graficos, function(val, i){ return graficos[0].area_total; });
				var plantados = $.map(graficos, function(val, i){ return graficos[i].plantados.hectares; });
				
				var nao_plantados = $.map(graficos, function(val, i){
					var areamuni = graficos[0].area_total;
					var plantadomuni = graficos[i].plantados.hectares;
					return areamuni - plantadomuni;
				});
				var total_bar = $.map(graficos, function(val, i){
					var areamuni = graficos[0].area_total;
					var plantadomuni = graficos[i].plantados.hectares;

var plantadomuni_perc = ((plantadomuni/areamuni)*100).toFixed(2);
					var areamuni_perc = (100-plantadomuni_perc).toFixed(2);
					// console.log(areamuni, plantadomuni, areamuni_perc, plantadomuni_perc);
					return areamuni_perc;
				});
				var plantados_bar = $.map(graficos, function(val, i){ 
					var areamuni = graficos[0].area_total;
					var plantadomuni = graficos[i].plantados.hectares;
					return areamuni + plantadomuni;
					// return Number( ( ((plantadomuni/areamuni)*100)).toFixed(2));
				});

// var titles = [graficos.plantados.titulo];
				// var total = [graficos.area_total];
				// var plantados = [graficos.plantados.hectares];

// console.log(total_bar);
				// console.log(plantados);
				// console.log(plantados_bar);

if(typeof myBarChart != "undefined"){ myBarChart.destroy(); }

var customTooltips = function(tooltip) {
					// Tooltip Element
					var tooltipEl = document.getElementById('chartjs-tooltip');

if (!tooltipEl) {
						tooltipEl = document.createElement('div');
						tooltipEl.id = 'chartjs-tooltip';
						tooltipEl.innerHTML = '<table></table>';
						this._chart.canvas.parentNode.appendChild(tooltipEl);
					}

// Hide if no tooltip
					if (tooltip.opacity === 0) {
						tooltipEl.style.opacity = 0;
						return;
					}

// Set caret Position
					tooltipEl.classList.remove('above', 'below', 'no-transform');
					if (tooltip.yAlign) {
						tooltipEl.classList.add(tooltip.yAlign);
					} else {
						tooltipEl.classList.add('no-transform');
					}

function getBody(bodyItem) {
						return bodyItem.lines;
					}

// Set Text
					if (tooltip.body) {
						var titleLines = tooltip.title || [];
						var bodyLines = tooltip.body.map(getBody);

var innerHtml = '<thead>';

titleLines.forEach(function(title) {
							innerHtml += '<tr><th>' + title + '</th></tr>';
						});
						innerHtml += '</thead><tbody>';

bodyLines.forEach(function(body, i) {
							var colors = tooltip.labelColors[i];
							var style = 'background:' + colors.backgroundColor;
							style += '; border-color:' + colors.borderColor;
							style += '; border-width: 2px';
							var span = '<span class="chartjs-tooltip-key" style="' + style + '"></span>';

if(body[0].indexOf(':') == -1){
							}else{
								innerHtml += '<tr><td>' + span + body + '</td></tr>';
							}
						});
						innerHtml += '</tbody>';

var tableRoot = tooltipEl.querySelector('table');
						tableRoot.innerHTML = innerHtml;
					}

var positionY = this._chart.canvas.offsetTop;
					var positionX = this._chart.canvas.offsetLeft;

// Display, position, and set styles for font
					tooltipEl.style.opacity = 1;
					tooltipEl.style.left = positionX + tooltip.caretX + 'px';
					tooltipEl.style.top = positionY + tooltip.caretY + 'px';
					tooltipEl.style.fontFamily = tooltip._bodyFontFamily;
					tooltipEl.style.fontSize = tooltip.bodyFontSize + 'px';
					tooltipEl.style.fontStyle = tooltip._bodyFontStyle;
					tooltipEl.style.padding = tooltip.yPadding + 'px ' + tooltip.xPadding + 'px';
				};

// Define a plugin to provide data labels
				// Chart.plugins.register({
				// 	afterDatasetsDraw: function(chart) {
				// 		var ctx = chart.ctx;

// 		chart.data.datasets.forEach(function(dataset, i) {
				// 			var meta = chart.getDatasetMeta(i);
				// 			if (!meta.hidden) {
				// 				meta.data.forEach(function(element, index) {
				// 					// Draw the text in black, with the specified font
				// 					ctx.fillStyle = 'rgb(0, 0, 0)';

// 					var fontSize = 16;
				// 					var fontStyle = 'normal';
				// 					var fontFamily = 'Arial';
				// 					ctx.font = Chart.helpers.fontString(fontSize, fontStyle, fontFamily);

// 					// Just naively convert to string for now
				// 					var dataString = dataset.data[index].toString();

// 					// Make sure alignment settings are correct
				// 					ctx.textAlign = 'center';
				// 					ctx.textBaseline = 'middle';

// 					var padding = 5;
				// 					var position = element.tooltipPosition();
				// 					ctx.fillText(dataString, position.x, position.y - (fontSize / 2) - padding);
				// 				});
				// 			}
				// 		});
				// 	}
				// });

myBarChart = new Chart(ctx, {
					type: 'bar',
					data: {
						labels: titles,
						datasets: [
							// {
							// 	label: "Área do município (ha)",
							// 	backgroundColor: "#6D819C",
							// 	data: total_bar,
							// 	stack: 1
							// },
							// {
							// 	label: "Soja (ha)",
							// 	backgroundColor: "#00A86B",
							// 	data: plantados_bar,
							// 	stack: 1
	    					// },

{
								label: "",
								data: nao_plantados,
								yAxisID: 'y-axis-2',
								backgroundColor: "rgba(0, 0, 0, 0)",
								borderWidth: 0,
								pointBorderColor: 'rgba(0, 0, 0,0)',
	    					},
							{
								label: "Soja (ha)",
								data: plantados,
								yAxisID: 'y-axis-2',
								backgroundColor: "#00A86B",
								borderColor: "#6D819C",
		                    	borderWidth: 2
	    					},
	    					{
								label: "Área do município (ha)",
								data: total,
								yAxisID: 'y-axis-1',
								backgroundColor: "#6D819C"
								
							},
	  					]
					},
					options: {
						legend: {
					      	labels: {
					        	generateLabels: function(chart) {
					          		labels = Chart.defaults.global.legend.labels.generateLabels(chart);
					          		labels.shift();
					          		return labels;
					        	}
					      	}
				    	},
						
						tooltips: {
							enabled: false,
							mode: 'index',
							position: 'nearest',
							custom: customTooltips
						},
						scales: {
			                yAxes: [{
			                    ticks: {
			                    	min: 0,
			                        beginAtZero: true
			                    },
			                    scaleLabel: {
									display: true,
									labelString: 'ha'
								},
			                    stacked: false,
			                    type: 'linear',
			                    display: true,
			                    position: 'left',
			                    id: 'y-axis-1'
			                }, {
			                    ticks: {
			                    	min: 0,
			                        beginAtZero: true
			                    },
			                    stacked: true,
			                    type: 'linear',
			                    display: false,
			                    position: 'right',
			                    id: 'y-axis-2',
			                    gridLines: {
			                        drawOnChartArea: false
			                    }
			                }],
			                xAxes: [{
			                    ticks: {
			                    	min: 0,
			                        beginAtZero: true
			                    },
			                    scaleLabel: {
									display: true,
									labelString: 'Safras'
								},
			                    stacked: true,
			                    display: true,
			                }]

responsive: true
						
					}
				});

// PIZZA
				var ctx = document.getElementById("pieChart").getContext('2d');
				
				if(typeof myPieChart != "undefined"){ myPieChart.destroy(); }

myPieChart = new Chart(ctx, {
					type: 'pie',
					data: {
						labels: ["Área do município "+graficos[g_len-1].area_total_m, "Soja "+graficos[g_len-1].plantados.hectares_m],
						datasets: [{
							backgroundColor: [
								"#6D819C",
								"#00A86B"
							  ],

// GLEN MAIS DE UMA SAFRA
							data: [Number( ( 100- ((graficos[g_len-1].plantados.hectares/graficos[g_len-1].area_total)*100)).toFixed(2)), Number( ((graficos[g_len-1].plantados.hectares/graficos[g_len-1].area_total)*100).toFixed(2)) ]
							
							// data: [Number( ( 100- ((plantados[g_len-1]/total)*100)).toFixed(2)), Number( ((plantados/total)*100).toFixed(2)) ]
		    			}]
					},
					options: {
						title: {
				            display: true,
				            text: titles[g_len-1]
				        },
				        legend: {
          					labels: {
              					boxWidth: 10
          					}
      					},
						responsive: true
					}
				});

}

google.maps.event.addDomListener(window, 'load', initMap);

</script>