| 89
| <![CDATA[<body onload="initialize('-26.483415732615235', '-51.992383726695294')">
<div class="box-header p-3">
<h3 class="box-title text-center bg-light">SERVIÇOS DE REPARO DA ILUMINAÇÃO PÚBLICA</h3>
<!-- <a href="PlanoAulasViews.php" type="button" class="btn btn-warning">voltar</a>-->
</div>
<form method="POST" enctype="multipart/form-data" id="sample_form2">
<input type="hidden" name="action" id="action" value=""/>
<input type="hidden" id="ind" name="ind" value=""/>
<input type="hidden" id="id" name="id" value=""/>
<div class="form-row">
<div class="container">
<div class="">
</div>
<div class="row">
<div class="col-md-12 mb-12 pt-4">
<label for="validationServer01">Defeito <b style="color:red">(Campo Obrigatório)</b></label>
<select class="custom-select" id="idDefeito" name="idDefeito" required> <option value="">...</option><option value="1">LÂMPADA APAGADA DURANTE A NOITE</option><option value="2">LÂMPADA ACESA DURANTE O DIA</option><option value="3">BRAÇO DANIFICADO</option><option value="5">LÂMPADA APAGA E ACENDE</option><option value="6">LUMINÁRIA DANIFICADA</option><option value="7">LUMINOSIDADE RUIM</option><option value="8">POSTE DANIFICADO</option></select> </div>
</div>
<div class="row">
<div class="col-md-12 mb-12 pt-4 form-group">
<label for="validationServer02">Solicitante <b style="color:red">(Campo Obrigatório)</b></label>
<input type="text" class="form-control" id="solicitante" name="solicitante" placeholder="Nome Completo" value="" required>
<!-- <span id="iconRemove" class="glyphicon glyphicon-warning-sign form-control-feedback" style="display: none"></span>-->
</div>
</div>
<div class="row">
<div class="col-md-12 mb-12 pt-4">
<label for="validationServer02">CPF <b style="color:red">(Campo Obrigatório)</b></label>
<input type="text" class="form-control" id="cpf" name="cpf" placeholder="CPF" value="" required onfocus="javascript: retirarFormatacao(this);" onblur="javascript: formatarCampo(this);" maxlength="14">
</div>
</div>
<div class="row">
<div class="col-md-12 mb-12 pt-4">
<label for="validationServer02">Celular <b style="color:red">(Campo Obrigatório)</b></label>
<input type="text" class="form-control" id="telefone" name="celular" placeholder="celular" value="" required>
</div>
</div>
<div class="row">
<div class="col-md-12 mb-12 pt-4">
<label for="validationServer02">Endereço - localização do Poste ou lâmpada danificada <b style="color:red">(Campo Obrigatório)</b></label>
<input type="text" class="form-control" id="endereco" name="endereco" placeholder="Endereco" value="" required>
</div>
</div>
<div class="row">
<div class="col-md-12 mb-12 pt-4">
<label for="validationServer02">Bairro <b style="color:red">(Campo Obrigatório)</b></label>
<select class="custom-select" id="bairro" name="bairro" required><option value="">BAIRRO</option><option value="8">AEROPORTO</option><option value="3">ALTO DA GLÓRIA</option><option value="32">ASSENTAMENTO CRUZEIRO DO SUL</option><option value="27">ASSENTAMENTO MARGEN DO IRATIM</option><option value="29">ASSENTAMENTO PARAÍSO DO SUL</option><option value="15">ASSENTAMENTO SÃO LOURENÇO</option><option value="24">ÁREA INDUSTRIAL</option><option value="33">BOM PASTOR</option><option value="20">CALDEIRAS</option><option value="21">CASCATINHA</option><option value="1">CENTRO</option><option value="19">DISSENHA</option><option value="14">DISTRITO CAP. FREDERICO T GUIMARÃES</option><option value="16">DIVINO</option><option value="31">ELDORADO</option><option value="13">FORTUNATO</option><option value="9">HÍPICA</option><option value="30">HORIZONTE</option><option value="23">INTERIOR</option><option value="5">KLUBEGI</option><option value="18">LAGOÃO</option><option value="28">PADRE PONCIANO</option><option value="11">ROD. PRT</option><option value="12">RURAL</option><option value="6">SANTA CRUZ</option><option value="2">SANTUÁRIO</option><option value="22">SÃO FRANCISCO</option><option value="4">SÃO JOSÉ</option><option value="17">SÃO SEBASTIÃO</option><option value="7">SERRINHA</option><option value="25">TIA JOANA</option><option value="10">VILA OPERÁRIA</option><option value="26">VILA RURAL</option></select>
</div>
</div>
<div class="row">
<div class="col-md-12 mb-12 pt-4">
<label for="validationServer02">Número do Poste danificado ou da Residência próxima <b style="color:red">(Campo Obrigatório)</b></label>
<input type="text" class="form-control" id="numeroPoste" name="numeroPoste" value="" required pattern="[0-9]+$">
</div>
</div>
<div class="row">
<div class="col-md-12 mb-12 pt-4">
<label for="validationServer02">Ponto de Referência <b style="color:red">(Campo Obrigatório)</b></label>
<input type="text" class="form-control" id="pontoReferencia" name="pontoReferencia" value="" required>
</div>
</div>
<div class="panel panel-default pt-4">
<div class="panel-body">
<div class="form-group col-sm-6 col-xs-12 has-success has-feedback">
<input type="hidden" class="form-control" id="lat" name="latitude" value="">
</div>
<div class="form-group col-sm-6 col-xs-12 has-success has-feedback">
<input type="hidden" class="form-control" id="lng" name="longitude" value="">
</div>
</div>
</div>
<div class="row pb-5">
<div class="col-md-12 mb-10">
<label for="validationServer02">Imagem da Luminária ou Poste <b style="color:blue">(Campo não Obrigatório)</b></label>
<input name="arquivos[]" id="files" class="file form-control-file" type="file" accept=".jpg, .jpeg, .png" data-theme="fas">
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">Localização Geográfica da Luminária ou Poste <b style="color:blue">(Campo não Obrigatório)</b></div>
<div class="panel-body" id="minhaDiv">
<div id="map-canvas" class="col-sm-12 col-xs-12"></div>
</div>
</div>
<div class="row">
<div class="col-md-12 mb-12 pt-4">
<div class="g-recaptcha" data-sitekey="6LcsYwMTAAAAACqVxKI2LMCsSc6qJWtFTynv9PPg"></div>
</div>
</div>
<div class="col-md-12 mb-12 pt-4">
<!-- <button type="button" class="btn btn-primary" id="cadastrarMateriais">Enviar</button>-->
<input type="button" class="btn btn-success btn" id="cadastrarSolicitacao2" value="Enviar">
</div>
<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<p class="text-center"><img class="img-responsive w-100" src="https://pmp.pr.gov.br/IluminacaoPublica/assets/images/carregando.gif"></p>
<p class="text-center text-red">Não fechar o navegador durante o processamento. Aguarde a conclusão!</p>
<div id="progress" class="hidden">
<span class="progress-text"></span>
<div class="bar">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<script>
function removeArquivos(id){
$('#myModal').modal('show');
$('#ind').val(id);
$('#action').val('removePDF2');
$("#sample_form2" ).submit();
}
$(document).ready(function(){
let inputFile = $('#files');
let button = $('#myButton');
button.click(function() {
inputFile.click();
});
//
});
$("#telefone").bind('input propertychange',function(){
var texto = $(this).val();
texto = texto.replace(/[^\d]/g, '');
if (texto.length > 0){
texto = "(" + texto;
if (texto.length > 3){
texto = [texto.slice(0, 3), ") ", texto.slice(3)].join('');
}
if (texto.length > 12){
if (texto.length > 13)
texto = [texto.slice(0, 10), "-", texto.slice(10)].join('');
else
texto = [texto.slice(0, 9), "-", texto.slice(9)].join('');
}
if (texto.length > 15)
texto = texto.substr(0,15);
}
$(this).val(texto);
})
$(".btn-toggle").click(function(e){
e.preventDefault();
el = $(this).data('element');
$(el).toggle();
});
$('#cadastrarSolicitacao2').on('click', function(event){
event.preventDefault();
var fd = new FormData();
$.each($("input[type='file']")[0].files, function(i, file) {
fd.append('file', file);
})
var nome = $("#solicitante").val();
var endereco = $("#endereco").val();
var cpf = $("#cpf").val();
var celular = $("#telefone").val();
var bairro = $("#bairro").val();
var numeroPoste = $("#numeroPoste").val().trim();
var pontoReferencia = $("#pontoReferencia").val().trim();
var arquivos = $("#files").val();
var idDefeito = $("#idDefeito").val();
var lat = $("#lat").val();
//alert(pontoReferencia);
if(!idDefeito){
$("#idDefeito").val("");
$("#idDefeito").attr("placeholder", "CAMPO OBRIGATÓRIO!");
// $("#iconRemove").removeClass('glyphicon-ok form-control-feedback');
// $("#iconRemove").addClass('glyphicon-warning-sign form-control-feedback');
// $("#iconRemove").css("display", "block");
// $("#descricaoForm").removeClass('has-success has-feedback');
// $("#descricaoForm").addClass('has-warning has-feedback');
$("#idDefeito").focus();
}else if(!nome){
$("#solicitante").val("");
$("#solicitante").attr("placeholder", "CAMPO OBRIGATÓRIO!");
$("#solicitante").addClass('has-warning has-feedback');
// $("#iconRemove").removeClass('glyphicon-ok form-control-feedback');
// $("#iconRemove").addClass('glyphicon-warning-sign form-control-feedback');
// $("#iconRemove").css("display", "block");
$("#solicitante").focus();
}else if(!cpf){
$("#cpf").val("");
$("#cpf").attr("placeholder", "CAMPO OBRIGATÓRIO!");
// $("#iconRemove").removeClass('glyphicon-ok form-control-feedback');
// $("#iconRemove").addClass('glyphicon-warning-sign form-control-feedback');
// $("#iconRemove").css("display", "block");
// $("#descricaoForm").removeClass('has-success has-feedback');
// $("#descricaoForm").addClass('has-warning has-feedback');
$("#cpf").focus();
}else if(!celular){
$("#telefone").val("");
$("#telefone").attr("placeholder", "CAMPO OBRIGATÓRIO!");
// $("#iconRemove").removeClass('glyphicon-ok form-control-feedback');
// $("#iconRemove").addClass('glyphicon-warning-sign form-control-feedback');
// $("#iconRemove").css("display", "block");
// $("#descricaoForm").removeClass('has-success has-feedback');
// $("#descricaoForm").addClass('has-warning has-feedback');
$("#telefone").focus();
}else if(!endereco){
$("#endereco").val("");
$("#endereco").attr("placeholder", "CAMPO OBRIGATÓRIO!");
// $("#iconRemove").removeClass('glyphicon-ok form-control-feedback');
// $("#iconRemove").addClass('glyphicon-warning-sign form-control-feedback');
// $("#iconRemove").css("display", "block");
// $("#descricaoForm").removeClass('has-success has-feedback');
// $("#descricaoForm").addClass('has-warning has-feedback');
$("#endereco").focus();
}else if(!bairro){
$("#bairro").val("");
$("#bairro").attr("placeholder", "CAMPO OBRIGATÓRIO!");
// $("#iconRemove").removeClass('glyphicon-ok form-control-feedback');
// $("#iconRemove").addClass('glyphicon-warning-sign form-control-feedback');
// $("#iconRemove").css("display", "block");
// $("#descricaoForm").removeClass('has-success has-feedback');
// $("#descricaoForm").addClass('has-warning has-feedback');
$("#bairro").focus();
}else if(!numeroPoste){
$("#numeroPoste").val("");
$("#numeroPoste").attr("placeholder", "CAMPO OBRIGATÓRIO!");
// $("#iconRemove").removeClass('glyphicon-ok form-control-feedback');
// $("#iconRemove").addClass('glyphicon-warning-sign form-control-feedback');
// $("#iconRemove").css("display", "block");
// $("#descricaoForm").removeClass('has-success has-feedback');
// $("#descricaoForm").addClass('has-warning has-feedback');
$("#numeroPoste").focus();
}else if(!pontoReferencia){
$("#pontoReferencia").val("");
$("#pontoReferencia").attr("placeholder", "CAMPO OBRIGATÓRIO!");
// $("#iconRemove").removeClass('glyphicon-ok form-control-feedback');
// $("#iconRemove").addClass('glyphicon-warning-sign form-control-feedback');
// $("#iconRemove").css("display", "block");
// $("#descricaoForm").removeClass('has-success has-feedback');
// $("#descricaoForm").addClass('has-warning has-feedback');
$("#pontoReferencia").focus();
}else{
$("#sample_form2").submit();
$.ajax({
url: '.',
type: 'POST',
processData: false,
contentType: false,
data: fd,
xhr: function() {
var xhr = $.ajaxSettings.xhr();
xhr.upload.addEventListener('progress', function(ev) {
$('#myModal4').modal({backdrop: 'static', keyboard: false})
//$('#progress').removeClass('hidden');
$('.bar').css('width', (ev.loaded/(ev.total/100))+'%');
$('#progress .progress-text').text(Math.round(ev.loaded/(ev.total/100))+'%');
}, false);
return xhr;
},
beforeStart: function() {
$('.bar').css('width', '0%');
$('#progress .progress-text').text('0%');
},
success: function() {
$('#progress').addClass('hidden');
}
});
}
});
function formatarCampo(campoTexto) {
if (campoTexto.value.length <= 11) {
campoTexto.value = mascaraCpf(campoTexto.value);
} else {
campoTexto.value = mascaraCnpj(campoTexto.value);
}
}
function retirarFormatacao(campoTexto) {
campoTexto.value = campoTexto.value.replace(/(\.|\/|\-)/g,"");
}
function mascaraCpf(valor) {
return valor.replace(/(\d{3})(\d{3})(\d{3})(\d{2})/g,"\$1.\$2.\$3\-\$4");
}
function mascaraCnpj(valor) {
return valor.replace(/(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})/g,"\$1.\$2.\$3\/\$4\-\$5");
}
</script>
<script type="text/javascript">
//<![CDATA[
// global "map" variable
//var map = null;
var marker = null;
//var imagem = new GGroundOverlay("img/cemiterio.JPG", limites_imagem);
var infowindow = new google.maps.InfoWindow({
size: new google.maps.Size(350, 800)
});
// A function to create the marker and set up the event window function
function createMarker(latlng, name, html) {
var contentString = html;
var data_quebrada = html.split(',');
var marker = new google.maps.Marker({
position: latlng,
map: map,
zIndex: Math.round(latlng.lat() * -100000) << 5
});
google.maps.event.addListener(marker, 'click', function () {
//infowindow.setContent("<b>LOCALIZAÇÃO:</b><br>latitude: " + data_quebrada[0].replace(/\(/g, "") + '<br>longitude:' + data_quebrada[1].replace(/\)/g, ""));
document.getElementById('lat').value = data_quebrada[0].replace(/\(/g, "");
document.getElementById('lng').value = data_quebrada[1].replace(/\)/g, "");
//infowindow.open(map, marker);
});
google.maps.event.trigger(marker, 'click');
return marker;
}
function initialize(lat, lon) {
// create the map
//alert(lat);
//var nome = al
//lat = "-26.483415732615235";
//lon = "-51.992383726695294";
//alert(nome);
var myCenter = new google.maps.LatLng(lat, lon);
var myOptions = {
zoom: 17,
// center: new google.maps.LatLng(lat, lon),
center: myCenter,
mapTypeControl: true,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl: true,
mapTypeId: google.maps.MapTypeId.SATELLITE
}
var imageBounds = new google.maps.LatLngBounds(
new google.maps.LatLng(-26.481070, -51.985363),
new google.maps.LatLng(-26.479712, -51.983318)
);
// overlay = new google.maps.GroundOverlay(
// 'https://cemiterio.pmp.pr.gov.br/img/cemiterio.png',
// imageBounds,{clickable:false});
//overlay = new google.maps.GroundOverlay.setClickable(true);
map = new google.maps.Map(document.getElementById("map-canvas"), myOptions);
var marker = new google.maps.Marker({
position: myCenter,
});
//overlay.setMap(map);
marker.setMap(map);
//var infowindow = new google.maps.InfoWindow({
// content:document.getElementById('nome').value;
// });
google.maps.event.addListener(marker, 'click', function () {
infowindow.setContent(document.getElementById('nome').value);
infowindow.open(map, marker);
});
google.maps.event.addListener(map, 'click', function () {
infowindow.close();
});
//google.maps.event.addListener(map, 'center_changed', centerChanged);
google.maps.event.addListener(map, 'click', function (event) {
//call function to create marker
if (marker) {
marker.setMap(null);
marker = null;
}
marker = createMarker(event.latLng, "name", "" + event.latLng);
// marker = createMarker(event.latLng, "name", "<b>Location</b><br>"+event.latLng);
});
}
</script>
]]>
|
