Ir para conteúdo

Recommended Posts

SELECT * FROM servicos S LEFT JOIN cidade C ON S.id_cidade = C.id WHERE C.uf = 'BA'

Não se faz necessário uma tabela apenas para ESTADOS... ela é inútil no teu caso.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Soneca_BO
      Pessoal boa tarde,
       
      estou com um grande problema 
      Criei um código para gravar imagens no banco como mediumblob até ai blz.
      mas quando vou chamar na tela da erro na imagem, aparece uma tela preta com o iconeca da imagem em branco (um quadrado branco)

      fiz o teste em uma tabela simples, só com uma chave primaria, e ok chama normal, mas quando vou usar na tabela que devo que tem 2 chaves primarias não sei como chamar...
      se alguem poder me ajudar agradeço

      para fazer uma pesquisa nessa tabela tenho que saber o cliente que é e o código do cliente (um cliente pode ter vários códigos e cada código uma imagem diferente)
      CLI_COD (CODIGO DO CLIENTE)
      CON_COD (CODIGO DO CONTRATO)
      CON_ARQ_ID ID DO CODIGO DO ARQUIVO)
       
      segue o codigo:
       
       
      Tela que incluir os dados:
       
      <?php
      if(count($_FILES) > 0) {
      if(is_uploaded_file($_FILES['userImage']['tmp_name'])) {
          require_once "db.php";
          $imgData =addslashes(file_get_contents($_FILES['userImage']['tmp_name']));
          $imageProperties = getimageSize($_FILES['userImage']['tmp_name']);
          
       $sql = "UPDATE eAMS.CONTRATO SET CON_ARQ_TYPE='{$imageProperties['mime']}', CON_ARQ_CONTRATO='{$imgData}' WHERE CLI_COD='BOT' and CON_COD='005' and CON_ARQ_ID='7'";
       
          $current_id = mysqli_query($conn, $sql) or die("<b>Error:</b> Problem on Image Insert<br/>" . mysqli_error($conn));
          if(isset($current_id)) {
              header("Location: listImages.php");
          }
      }
      }
      ?>
      <HTML>
      <HEAD>
      <TITLE>Upload Image to MySQL BLOB</TITLE>
      <link href="imageStyles.css" rel="stylesheet" type="text/css" />
      </HEAD>
      <BODY>
      <form name="frmImage" enctype="multipart/form-data" action="" method="post" class="frmImageUpload">
      <label>Upload Image File:</label><br/>
      <input name="userImage" type="file" class="inputFile" />
      <input type="submit" value="Submit" class="btnSubmit" />
      </form>
      </div>
      </BODY>
      </HTML>


      tela que lista os dados: 

      <?php
          require_once "db.php";
          $sql = "SELECT CON_ARQ_ID FROM eAMS.CONTRATO where CLI_COD='BOT' ORDER BY CON_ARQ_ID DESC"; 
          $result = mysqli_query($conn, $sql);
      ?>
      <HTML>
      <HEAD>
      <TITLE>List BLOB Images</TITLE>
      <link href="imageStyles.css" rel="stylesheet" type="text/css" />
      </HEAD>
      <BODY>
      <?php
          while($row = mysqli_fetch_array($result)) {
          ?>
              <img src="imageView.php?image_id=<?php echo $row["CON_ARQ_ID"]; ?>" /><br/>
          
      <?php        
          }
          mysqli_close($conn);
      ?>
      </BODY>
      </HTML>
       
       
      Script que chama a imagem:
       
      <?php
          require_once "db.php";
          
          if(isset($_GET['image_id'])) {
              $sql ="SELECT CON_ARQ_TYPE, CON_ARQ_CONTRATO FROM eAMS.CONTRATO WHERE CON_ARQ_ID='".$_GET['image_id']."' and CLI_COD='BOT'";
              $result = mysqli_query($conn, $sql) or die("<b>Error:</b> Problem on Retrieving Image BLOB<br/>" . mysqli_error($conn));
              $row = mysqli_fetch_array($result);
              header("Content-type: " . $row["CON_ARQ_TYPE"]);
              echo $row["CON_ARQ_CONTRATO"];
          }
          mysqli_close($conn);
      ?>
    • Por Rogerio Teixeira
      boa noite, possuo uma plataforma de rastreamento veícular, nela existe a opção de deixar todos os carros visíveis no mesmo mapa, mas ao fazer uma alteração com um programador, ele acabou deixando essa opção desabilitada, como posso fazer para que os veículos voltem a aparecer no mesmo mapa?
       
      esse é o codigo do documentos chamado grupos, e o outro em html acho que é o código da página web
      <?php require_once 'acesso.php'; require_once 'config.php'; $tipoPagina = 'cliente'; require_once 'acessoMaster.php'; if(isset($_GET['id_grupo'])){ $idGrupo = $_GET['id_grupo']; if(isset($_GET['acao'])) $acao = $_GET['acao']; elseif ($idGrupo) $acao = 'grupo_alterar'; else $acao = 'grupo_adicionar'; if($acao == 'dados'){ $listaBens = ""; $bensCliente = mysqli_query($conexao, "SELECT name, id FROM bem WHERE cliente = '$_SESSION[id]' ORDER BY name ASC") or die(mysqli_error($conexao)); $bensGrupo = mysqli_query($conexao, "SELECT b.name, b.id FROM bem b JOIN grupo_bem gb ON gb.bem = b.id WHERE b.cliente = '$_SESSION[id]' AND gb.grupo = $idGrupo"); if(mysqli_num_rows($bensGrupo) > 0){ $veiculos = array(); $i = 0; while($row = mysqli_fetch_assoc($bensGrupo)){ $veiculos[$i]['name'] = $row['name']; $veiculos[$i]['id'] = $row['id']; $i++; } $contador = count($veiculos); } else{ $contador = 0; $selecionado = " "; } while($option = mysqli_fetch_assoc($bensCliente)){ for($i=0; $i < $contador; $i++) { if($option['id'] == $veiculos[$i]['id']){ $selecionado = " selected "; break; } else $selecionado = " "; } $listaBens .= "<option". $selecionado ."value=\"". $option['id'] ."\">". $option['name'] ."</option>"; } echo json_encode($listaBens); } if($acao == 'remover'){ if(mysqli_query($conexao, "DELETE FROM grupo WHERE id = $idGrupo")){ mysqli_query($conexao, "DELETE FROM grupo_bem WHERE grupo = $idGrupo"); echo "OK"; } else echo "Ops! Algo deu errado: " . mysqli_error($conexao); } if($acao == 'grupo_adicionar'){ $nome = $_GET['nome_grupo']; $veiculos = $_GET['veiculos_grupo']; if(mysqli_query($conexao, "INSERT INTO grupo(nome, cliente) VALUES ('$nome', '$_SESSION[id]')")){ $insertID = mysqli_insert_id($conexao); foreach($veiculos as $valor) { $query = mysqli_query($conexao, "SELECT imei, name FROM bem WHERE id = $valor AND cliente = '$_SESSION[id]'"); if(mysqli_num_rows($query) > 0) { $data = mysqli_fetch_assoc($query); if (!mysqli_query($conexao, "INSERT INTO grupo_bem(bem, cliente, imei, descricao, grupo) VALUES($valor, '$_SESSION[id]', '".$data['imei']."', '".$data['name']."', $insertID)")){ $error_gb = true; } } else $error_b = true; } if(isset($error_b)){ echo "<section class='alert alert-danger'> <button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button> <strong>Erro: </strong>Bem inexistente no cadastro do cliente.</section>"; } elseif(isset($error_gb)){ echo "<section class='alert alert-warning'> <button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button> <strong>Falha no Banco de Dados: </strong>" . mysqli_error($conexao) . ".</section>"; } else echo "<section class='alert alert-success'> <button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button> <strong>Sucesso! </strong>O grupo foi cadastrado com êxito.</section>"; } else die("<section class='alert alert-warning'> <button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button> <strong>Falha no Banco de Dados: </strong>" . mysqli_error($conexao) . ".</section>"); } if($acao == 'grupo_alterar') { $nome = $_GET['nome_grupo']; $veiculos = $_GET['veiculos_grupo']; $retorno = mysqli_query("UPDATE grupo SET nome = '$nome' WHERE id = $idGrupo"); if($retorno){ if(mysqli_query($conexao, "DELETE FROM grupo_bem WHERE grupo = $idGrupo")){ foreach($veiculos as $valor){ $query = mysqli_query($conexao, "SELECT imei, name FROM bem WHERE id = $valor AND cliente = '$_SESSION[id]'"); if(mysqli_num_rows($query) > 0) { $data = mysqli_fetch_assoc($query); if(!mysqli_query($conexao, "INSERT INTO grupo_bem(bem, cliente, imei, descricao, grupo) VALUES($valor, '$_SESSION[id]', '".$data['imei']."', '".$data['name']."', $idGrupo)")) { $error_gb = true; } } else $error_b = true; } } else $error_del = true; if(isset($error_del)){ echo "<section class='alert alert-warning'> <button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button> <strong>Falha no Banco de Dados: </strong>" . mysqli_error($conexao) . ".</section>"; } elseif(isset($error_b)){ echo "<section class='alert alert-danger'> <button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button> <strong>Erro: </strong>Bem inexistente no cadastro do cliente.</section>"; } elseif(isset($error_gb)){ echo "<section class='alert alert-warning'> <button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button> <strong>Falha no Banco de Dados: </strong>" . mysqli_error($conexao) . ".</section>"; } else echo "<section class='alert alert-success'> <button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button> <strong>Sucesso! </strong>O grupo foi alterado com êxito.</section>"; } else{ echo "<section class='alert alert-danger'> <button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button> <strong>Erro: </strong>" . mysqli_error($conexao) . ".</section>"; } } } if(isset($_GET['id_inserido'])){ $nome = $_GET['id_inserido']; $query = mysqli_query($conexao, "SELECT id FROM grupo WHERE nome = '$nome'"); $dados = mysqli_fetch_assoc($query); echo $dados['id']; } ?> <?php require_once 'acesso.php'; require_once 'config.php'; $tipoPagina = 'cliente'; require_once 'acessoMaster.php'; ?> <!DOCTYPE html> <html> <head> <link href="imagens/apple-touch-icon.png" rel="apple-touch-icon"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/manifest.json"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <title>Sua Empresa</title> <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/sb-admin.css" rel="stylesheet"> <link href="fonts/css/font-awesome.css" rel="stylesheet"> <link href="imagens/favicon.ico" rel="shortcut icon"> <link href="imagens/favicon.ico" type="image/x-icon" rel="icon"> <link href="imagens/apple-touch-icon.png" rel="apple-touch-icon"> <script type="text/javascript" src="javascript/listagemAjax.js"></script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBpL4b9xyYD1f3byVS-mqFSOuDRB3FvTkM" type="text/javascript"></script> <style> body{ overflow: hidden; } </style> </head> <body> <section id="wrapper"> <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <section class="navbar-header" style="height: 54px;"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <section id="logoEmpresa"></section> </section> <section class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav navbar-right navbar-user"> <!-- Veículos --> <li class="dropdown veiculos-dropdown"> <a href="#" id="dropdownVeiculos" class="dropdown-toggle" data-toggle="dropdown" style="height: 54px;"><i class="fa fa-car"></i> Veículos <b class="caret"></b></a> <ul class="dropdown-menu text-center"> <form action="" method="POST" class="form-inline" role="form"> <li> <?php require_once 'veiculos.php'; ?> </li> </form> </ul> </li> <!-- Gerenciar --> <li class="dropdown user-dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="height: 54px;"><i class="fa fa-wrench"></i> Gerenciar <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#modal-cerca" data-toggle="modal"><i class="fa fa-bullseye"></i> Cerca Virtual</a></li> <li><a href="#modal-hodometro" data-toggle="modal"><i class="fa fa-dashboard"></i> Hodômetro</a></li> <li><a href="#modal-comandos" data-toggle="modal" class="libera-comandos"><i class="fa fa-tasks"></i> Comandos</a></li> <li><a href="#modal-regras" data-toggle="modal"><i class="fa fa-fw fa-flag"></i> Regras</a></li> <li><a href="#modal-grupos" data-toggle="modal"><i class="fa fa-group"></i> Grupos</a></li> <li><a href="#modal-rotas" data-toggle="modal"><i class="fa fa-location-arrow"></i> Rotas</a></li> <li><a href="#modal-alertas" data-toggle="modal"><i class="fa fa-bell"></i> Alertas <span class="badge">0</span></a></li> <li class="divider"></li> <li><a href="adm.php"><i class="fa fa-fw fa-cog"></i> Configurações</a></li> <li><a href="pagamento.php"><i class="fa fa-fw fa-usd"></i> Faturas</a></li> </ul> </li> <!-- Usuário --> <li class="dropdown user-dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="height: 54px;"><i class="fa fa-user"></i> <?php echo $_SESSION['usuario']; ?> <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#modal-dados" data-toggle="modal"><i class="fa fa-user"></i> Cadastro</a></li> <li><a href="contrato.php?userid=<?php echo $_SESSION['id'] ?>" target="_blank"><i class="fa fa-file-text-o"></i> Contrato</a></li> <li><a href="#modal-senha" data-toggle="modal" onClick="limparReveal('#alterar-senha')"><i class="fa fa-key"></i> Senha</a></li> <li class="divider"></li> <li><a href="logout.php"><i class="fa fa-power-off fa-lg"></i> Sair</a></li> </ul> </li> </ul> </section> </nav> <!-- Google Maps --> <section id="map-canvas"></section> <section id="page-wrapper"> <section class="row"> <section id="slide-panel" class="hide"> <button id="opener" class="btn btn-primary" title="Visualizar Itinerário da Rota"><i class="fa fa-list-alt fa-2x"> </i></button> <section class="row"> <section class="col-xs-12" id="directionsPanel"></section> </section> </section> <button id="close-street" type="button" class="btn btn-lg btn-danger hide">&times;</button> <section id="historico" class="navbar-inverse text-center col-xs-12 col-sm-10 hide"> <section class="clear-trace hide"> <button title="Limpar rota de histórico" type="button" class="btn btn-success" id="erase-trace"><i class="fa fa-eraser"></i></button> </section> <section class="header navbar-inverse" style="z-index: 200;"> <i class="fa fa-angle-double-up fa-lg"></i> Histórico </section> <section class="content"> <section class="table-responsive"> <table class="table table-striped table-hover"> <thead> <tr> <th class="text-center">Data</th> <th class="text-center">Hora</th> <th class="text-center">Latitude</th> <th class="text-center">Longitude</th> <th class="text-center">Velocidade</th> <th class="text-center">Endereço</th> <th class="text-center"> <a class="btn btn-primary" title="Consultar histórico por período" data-toggle="modal" href='#modal-historico'><i class="fa fa-calendar"></i></a> <button type="button" title="Clique para limpar os marcadores" class="btn btn-danger" onClick="limparMapaHist();"><i class="fa fa-eye-slash"></i></button> </th> </tr> </thead> <tbody></tbody> </table> </section> </section> </section> </section> </section> <!-- Modal Hodometro --> <section class="modal fade" id="modal-hodometro"> <section class="modal-dialog-hodometro"> <section class="modal-content"> <section class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h3 class="modal-title">Hodômetro</h3> </section> <section class="modal-conteudo"> <form action="" method="POST" class="form-inline" role="form"> <li rel="tooltip" title="Quilometragem do veículo."><input type="text" class="form-control" id="hod_atual" name="hodometro" placeholder="Quilometragem" disabled></li> <li class="divider"></li> <li rel="tooltip" title="Avisar quando este valor for atingido."><input type="text" class="form-control" id="alerta_hodometro" name="alerta_hodometro" placeholder="Avisar a Cada" disabled></li> <li class="divider"></li> <center> <li> <button type="button" class="btn btn-default" onClick="habilitarHodometro()" title="Clique para habilitar a edição dos campos"><i class="fa fa-edit"></i> </button> <button type="button" class="btn btn-primary" onClick="alterarHodometro()" title="Clique para salvar as alterações realizadas" id="enviaHodometro" disabled><i class="fa fa-save"></i> </button> </li> </center> </form> </section> </section> </section> </section> <!-- Modal Comandos --> <section class="modal fade" id="modal-comandos"> <section class="modal-dialog-comandos"> <section class="modal-content"> <section class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h3 class="modal-title">Comandos</h3> </section> <section class="modal-conteudo"> <form id="comandos" class="form-inline" role="form"> <li rel="tooltip" title="Aplica o comando ao veículo selecionado."> <select name="command" id="command" class="form-control" required> <option value=",B">Rastrear Uma Vez</option> <option value=",C,30s">Rastrear a Cada</option> <option value=",H,060">Velocidade Limite</option> <option value=",G">Alertar Movimento</option> <option value=",E">Cancelar Alerta</option> <option value=",J">Bloquear Veículo</option> <option value=",K">Desbloquear Veículo</option> </select> </li> <li class="tempo divider hide"></li> <li class="hide"> <select name="commandTime" id="commandTime" class="form-control-select" required> <option value=",C,15s">15 segundos</option> <option value=",C,30s">30 segundos</option> <option value=",C,01m">1 minuto</option> <option value=",C,02m">2 minutos</option> <option value=",C,10m">10 minutos</option> <option value=",C,30m">30 minutos</option> <option value=",C,01h">1 hora</option> <option value=",C,02h">2 horas</option> <option value=",C,10h">10 horas</option> </select> </li> <li class="parametro divider hide"></li> <li class="hide" rel="tooltip" title="Velocidade em Km/h"><input type="text" name="commandSpeedLimit" id="commandSpeedLimit" class="form-control-select" maxlength="3" placeholder="60"></li> <li class="divider"></li> <center><button type="button" id="enviarcomando" class="btn btn-primary" disabled><i class="fa fa-upload"></i> Enviar</button></center> </form> </section> </section> </section> </section> <!-- Modal Cerca --> <section class="modal fade" id="modal-cerca"> <section class="modal-dialog-cerca"> <section class="modal-content"> <section class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h3 class="modal-title">Cerca Virtual</h3> </section> <section class="modal-conteudo"> <form class="form-inline" role="form"> <center> <button title="Cria uma cerca virtual para o veículo escolhido." type="button" class="btn btn-primary" onClick="modalCerca();"><i class="fa fa-plus-circle"></i> Nova Cerca</button> <hr> <?php $listaCercas = mysqli_query($conexao, "SELECT a.name, b.id, b.imei, b.nome, a.identificacao FROM bem a INNER JOIN geo_fence b ON (a.imei = b.imei) WHERE b.disp = 'S' AND a.cliente = '$_SESSION[id]' ORDER BY id DESC"); while($cerca = mysqli_fetch_assoc($listaCercas)){ echo "<li id='". (int)$cerca['id'] ."'><span rel='tooltip' title='Clique para editar' onclick='editaCerca(".(int)$cerca['id'].",".$cerca['imei'].");'><a href='#'>" . $cerca['nome'] . "</a></span> <a href='javascript:void(0);' rel='tooltip' title='Clique para excluir' class='delcerca' onclick='removeCerca(". (int)$cerca['id'] .");'><i class='fa fa-trash-o fa-lg'></i></a></li>"; } ?> </center> </form> </section> </section> </section> </section> <!-- Modal Rotas --> <section class="modal fade" id="modal-rotas"> <section class="modal-dialog-rotas"> <section class="modal-content"> <section class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h3 class="modal-title">Rotas</h3> </section> <section class="modal-conteudo"> <form class="form-inline" role="form"> <li><input type="text" class="form-control" id="inicio_rota" placeholder="De: Origem" required></li> <li class="divider"></li> <li><input type="text" class="form-control" id="destino_rota" placeholder="Para: Destino" required></li> <li class="divider"></li> <center><li><button type="submit" id="calculaRota" class="btn btn-primary"><i class="fa fa-road"></i> Traçar Rota</button></li></center> </form> </section> </section> </section> </section> <!-- Modal Alertas --> <section class="modal fade" id="modal-alertas"> <section class="modal-dialog-alertas"> <section class="modal-content"> <section class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h3 class="modal-title">Alertas</h3> </section> <section class="modal-conteudo"> <section class="modal-alerts"> <ul> </ul> </section> </section> </section> </section> </section> <!-- Modal Dados Cadastrais --> <section class="modal fade" id="modal-dados"> <section class="modal-dialog"> <section class="modal-content"> <section class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h3 class="modal-title">Dados Cadastrais</h3> </section> <section class="modal-body"> <section class="alert alert-info"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button> As informações abaixo são <strong>apenas para fins de consulta.</strong><br /> Caso deseje alterá-las solicite ao seu Administrador. </section> <br /> <section class="row"> <?php $query = mysqli_query($conexao, "SELECT * FROM usuarios WHERE id_usuario = '$_SESSION[id]'"); $dadosCadastrais = mysqli_fetch_assoc($query); ?> <form role="form"> <section class="form-group col-sm-6"> <label for="nome">Nome</label> <input type="text" class="form-control" id="nome" disabled value="<?php echo $dadosCadastrais['nome']; ?>"> </section> <section class="form-group col-sm-6"> <label for="email">E-mail</label> <input type="text" class="form-control" id="email" disabled value="<?php echo $dadosCadastrais['email']; ?>"> </section> <section class="form-group col-sm-6"> <label for="telefone">Telefone</label> <input type="text" class="form-control" id="telefone" disabled value="<?php echo $dadosCadastrais['telefone']; ?>"> </section> <section class="form-group col-sm-6"> <label for="celular">Celular</label> <input type="text" class="form-control" id="celular" disabled value="<?php echo $dadosCadastrais['celular']; ?>"> </section> <section class="form-group col-sm-12"> <label for="endereco">Endereço</label> <input type="text" class="form-control" id="endereco" disabled value="<?php echo $dadosCadastrais['endereco']; ?>"> </section> </form> </section> </section> <section class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Concluir</button> </section> </section> </section> </section> <!-- Modal Senha --> <section class="modal fade" id="modal-senha"> <section class="modal-dialog"> <section class="modal-content"> <section class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h3 class="modal-title">Alterar Senha</h3> </section> <section class="modal-body"> <section class="alert alert-info"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button> Para alterar a senha <strong>entre em contato com o administrador.</strong><br /> </section> </section> <form method="GET" id="alterar-senha" class="form-horizontal" role="form"> <section class="modal-body"> <section class="form-group"> <section class="col-lg-4"> <label class="control-label" for="senha_atual">Senha Atual</label> <input type="password" name="senha_atual" disabled id="senha_atual" class="form-control"> </section> <section class="col-lg-4"> <label class="control-label" for="nova_senha">Nova Senha</label> <input type="password" name="nova_senha" disabled id="nova_senha" class="form-control"> </section> <section class="col-lg-4"> <label class="control-label" for="repita_senha">Repita a Senha</label> <input type="password" name="repita_senha" disabled id="repita_senha" class="form-control"> </section> </section> <section id='message' class='row'></section> </section> <section class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button> <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Salvar Alterações</button> </section> </form> </section> </section> </section> <!-- Modal Grupos --> <section class="modal fade" id="modal-grupos"> <section class="modal-dialog"> <section class="modal-content"> <section class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h3 class="modal-title">Gerenciar Grupos</h3> </section> <section class="modal-body"> <section class="table-responsive"> <table class="table table-hover table-striped"> <thead> <tr> <th>Nome</th> <th width="17.2%">Ações</th> </tr> </thead> <tbody> <?php $resGrupos = mysqli_query($conexao, "SELECT id, nome FROM grupo WHERE cliente = '$_SESSION[id]'"); if(mysqli_num_rows($resGrupos) > 0){ while($dadosGrupo = mysqli_fetch_assoc($resGrupos)){ echo "<tr> <td>" . $dadosGrupo['nome'] . "</td> <td> <a href='#submodal-grupos' onclick='obterDados(". $dadosGrupo['id'] .", \"". $dadosGrupo['nome'] ."\");' data-toggle='modal' rel='tooltip' title='Editar' class='btn btn-sm btn-primary'><i class='fa fa-pencil fa-fw'></i></a> <a href='javascript:void(0);' remover='". $dadosGrupo['id'] ."' rel='tooltip' title='Excluir' class='del-group btn btn-sm btn-danger'><i class='fa fa-trash-o fa-fw'></i></a> </td> </tr>"; } } else{ echo "<tr> <td colspan='2'><center><i>Não existem Grupos cadastrados.</i></center></td> </tr>"; } ?> </tbody> </table> </section> </section> <section class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Concluir</button> <a href="#submodal-grupos" onClick="obterDados(0);" data-toggle="modal" class="btn btn-success"><i class="fa fa-plus-circle"></i> Novo Grupo</a> </section> </section> </section> </section> <!-- Modal Regras --> <section class="modal fade" id="modal-regras"> <section class="modal-dialog"> <section class="modal-content"> <section class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h3 class="modal-title">Gerenciar Regras</h3> </section> <section class="modal-body"> <section class="table-responsive"> <table class="table table-hover table-striped"> <thead> <tr> <th>Nome</th> <th width="17.2%">Ações</th> </tr> </thead> <tbody> <?php $resRegras = mysqli_query($conexao, "SELECT id_regra, titulo FROM regras WHERE cliente = '$_SESSION[id]'"); if(mysqli_num_rows($resRegras) > 0){ while($dadosRegras = mysqli_fetch_assoc($resRegras)){ echo "<tr> <td>" . $dadosRegras['titulo'] . "</td> <td> <a href='#submodal-regras' onclick='obterDadosRegras(". $dadosRegras['id_regra'] .", \"". $dadosRegras['titulo'] ."\");' data-toggle='modal' rel='tooltip' title='Editar' class='btn btn-sm btn-primary'><i class='fa fa-pencil fa-fw'></i></a> <a href='javascript:void(0);' remover='". $dadosRegras['id_regra'] ."' rel='tooltip' title='Excluir' class='del-regra btn btn-sm btn-danger'><i class='fa fa-trash-o fa-fw'></i></a> </td> </tr>"; } } else{ echo "<tr> <td colspan='2'><center><i>Não existem Regras cadastradas.</i></center></td> </tr>"; } ?> </tbody> </table> </section> </section> <section class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Concluir</button> <a href="#submodal-regras" onClick="obterDadosRegras(0);" data-toggle="modal" class="btn btn-success"><i class="fa fa-plus-circle"></i> Nova Regra</a> </section> </section> </section> </section> <!-- Submodal Grupos --> <section class="modal fade" id="submodal-grupos"> <section class="modal-dialog"> <section class="modal-content"> <section class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title">Editar Grupo</h4> </section> <form id="enviarGrupos" class="form-horizontal" role="form"> <section class="modal-body-grupos"> <input type="hidden" name="id_grupo" id="id_grupo"> <section class="form-group"> <label for="nome_grupo" class="col-sm-2 control-label">Nome:</label> <section class="col-sm-9"> <input type="text" name="nome_grupo" id="nome_grupo" class="grupos-control" required> </section> </section> <section class="form-group"> <label for="veiculos_grupo" class="col-sm-2 control-label">Veículos:</label> <section class="col-sm-9"> <select multiple name="veiculos_grupo[]" id="veiculos_grupo" class="grupos-control-multiple" rel="tooltip" title="Segure CTRL para selecionar vários" required> <option value=""></option> </select> </section> </section> <section id='message-grupos' class='row'></section> </section> <section class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal"> Concluir</button> <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Salvar Grupo</button> </section> </form> </section> </section> </section> <!-- Submodal Regras --> <section class="modal fade" id="submodal-regras"> <section class="modal-dialog-regras"> <section class="modal-content"> <section class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h3 class="modal-title">Nova Regra</h3> </section> <form id="enviarRegras" class="form-horizontal" role="form"> <section class="modal-conteudo"> <input type="hidden" name="id_regra" id="id_regra"> <h4>Dados Gerais</h4><br /> Título: <input type="text" name="nome_regra" id="nome_regra" class="form-control"><br /> <hr /><h4>Cercas</h4><br /> <select multiple name="cercas" id="cercas" class="grupos-control-multiple" rel="tooltip" title="Segure CTRL para selecionar vários"> <?php $rsCercas = mysqli_query($conexao, "SELECT * FROM geo_fence WHERE cliente = '$_SESSION[id]'"); while ($row = mysqli_fetch_assoc($rsCercas)){ echo '<option value="">'.$row["nome"].'</option>' ; } ?> </select> <hr /><h4>Veículos</h4><br /> <select multiple name="veiculos" id="veiculos" class="grupos-control-multiple" rel="tooltip" title="Segure CTRL para selecionar vários"> <option value=""></option> </select> <hr /><h4>E-mail</h4><br /> <input type="text" name="email" id="email" class="form-control" placeholder="Insira novos e-mails separados por vírgula. Ex: adm@Sua Empresa.com.br, contato@Sua Empresa.com.br"><br /> <section id='message-regras' class='row'></section> </section> <section class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal"> Concluir</button> <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Salvar Regra</button> </section> </form> </section> </section> </section> <!-- Modal Cerca Virtual --> <section class="modal fade" id="modal-cerca-expand"> <section class="modal-dialog modal-lg"> <section class="modal-content"> <section class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h3 class="modal-title">Cerca Virtual</h3> </section> <section class="modal-body"> <section class="row"> <section class="col-sm-6"> <form id="form-cerca" class="form-inline" role="form"> <section class="form-group"> <label class="sr-only" for="">label</label> <input type="text" id="nomeCerca" name="nomeCerca" class="form-control" placeholder="Nome da cerca"> </section> <button type="button" id="apagarPontos" class="btn btn-default"><i class="fa fa-eraser"></i> Apagar Pontos</button> </form> <section id="instrucoes" class="alert alert-info hide"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button> <strong>Instruções:</strong> <ol> <li>Clique e arraste os círculos arredondados nas bordas da cerca para alterá-la.</li> <br /> <li>Clique em qualquer local dentro da área da cerca para confirmar as modificações.</li> </ol> </section> </section> <section class="col-sm-6"> <section id="message-cerca"></section> </section> </section> <section id="loader-cerca"><img src="imagens/loader.gif" class="img-responsive" alt="Carregando..."></section> <section id="mapa-cerca"></section> </section> <section class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal"> Concluir</button> <button type="button" id="salvarCerca" class="btn btn-primary"><i class="fa fa-save"></i> Salvar Cerca</button> </section> </section> </section> </section> <!-- Modal Histórico --> <section class="modal fade" id="modal-historico"> <section class="modal-dialog-historico"> <section class="modal-content"> <section class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h3 class="modal-title">Histórico</h3> </section> <section class="modal-body"> <form method="POST" action="historico.php" class="form-inline" role="form" id="consultarHistorico"> <input type="hidden" name="nrImeiConsulta" id="nrImeiConsulta"> <input type="hidden" name="nomeVeiculo" id="nomeVeiculo"> <input type="hidden" name="mnDataInicio" value="00"> <input type="hidden" name="mnDataFinal" value="00"> <section class="row"> <section id="historicoInicio"> <strong>Início:</strong> <input type="date" id="commandDateIni" name="txtDataInicio" value="<?php echo date("Y-m-d") ?>" max="<?php echo date("Y-m-d") ?>" class="data-control"> <select name="hrDataInicio" id="commandHourTimeIni" class="hora-control"> <option value="0">00h</option> <option value="1">01h</option> <option value="2">02h</option> <option value="3">03h</option> <option value="4">04h</option> <option value="5">05h</option> <option value="6">06h</option> <option value="7">07h</option> <option value="8">08h</option> <option value="9">09h</option> <option value="10">10h</option> <option value="11">11h</option> <option value="12">12h</option> <option value="13">13h</option> <option value="14">14h</option> <option value="15">15h</option> <option value="16">16h</option> <option value="17">17h</option> <option value="18">18h</option> <option value="19">19h</option> <option value="20">20h</option> <option value="21">21h</option> <option value="22">22h</option> <option value="23">23h</option> </select> </section> <section id="historicoFim"> <span style="float: right;"> <strong>Fim:</strong> <input type="date" id="commandDateFim" name="txtDataFinal" value="<?php echo date("Y-m-d") ?>" max="<?php echo date("Y-m-d") ?>" class="data-control"> <select name="hrDataFinal" id="commandHourTimeFim" class="hora-control"> <option value="0">00h</option> <option value="1">01h</option> <option value="2">02h</option> <option value="3">03h</option> <option value="4">04h</option> <option value="5">05h</option> <option value="6">06h</option> <option value="7">07h</option> <option value="8">08h</option> <option value="9">09h</option> <option value="10">10h</option> <option value="11">11h</option> <option value="12">12h</option> <option value="13">13h</option> <option value="14">14h</option> <option value="15">15h</option> <option value="16">16h</option> <option value="17">17h</option> <option value="18">18h</option> <option value="19">19h</option> <option value="20">20h</option> <option value="21">21h</option> <option value="22">22h</option> <option value="23">23h</option> </select> </span> </section> </section> <br> <button type="button" class="btn btn-default" onClick="acertaHistorico(4);">Últimas 4 horas</button> <button type="button" class="btn btn-default" onClick="acertaHistorico(12);">Últimas 12 horas</button> <button type="button" class="btn btn-default" onClick="acertaHistorico(24);">Últimas 24 horas</button> <button type="button" class="btn btn-default" onClick="acertaHistorico(48);">Últimas 48 horas</button> <button style="float: right;" type="submit" class="btn btn-primary"><i class="fa fa-book"></i> Consultar</button> </form> <hr> <section id="relatorio"></section> </section> <section class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Concluir</button> </section> </section> </section> </section> </section> <!-- JavaScript --> <script src="javascript/jquery-2.2.2.min.js"></script> <script src="javascript/bootstrap.min.js"></script> <script src="javascript/jquery.validate.min.js"></script> <script src="javascript/bootstrap-waitingfor.js"></script> <script src="javascript/polygon.min.js"></script> <script src="javascript/latlong.js"></script> <script src="javascript/geo.js"></script> <script type="text/javascript"> var intervalTraceRoute; var counterTrace = 0; var markers; var path; var poly; var lat_lng = []; var latlngbounds = new google.maps.LatLngBounds(); var delayAutoload = 0; var flightPlanCoordinates = []; var cor_icone = "#ffffff"; $(document).ready(function(){ verificarAlertas(); $("#alterar-senha").validate({ rules:{ senha_atual: {required: true}, nova_senha: {required: true, minlength: 3}, repita_senha: {required: true, minlength: 3, equalTo: 'input#nova_senha'} }, messages:{ senha_atual: {required: "Informe a senha atual"}, nova_senha: {required: "Informe uma nova senha", minlength: "Mínimo de {0} caracteres"}, repita_senha: {required: "Confirme a senha", minlength: "Mínimo de {0} caracteres", equalTo: "A nova senha não coincide"} }, submitHandler: function(form){ $.ajax({ type: "GET", url: 'senha.php', data: $(form).serialize(), success: function(status){ $('#message').html("<p class='text-center'><img src='imagens/loader.gif' alt='Carregando..'></p>") .hide() .fadeIn(1500, function(){ $('#message').append(status); $('#message p').remove(); $('#alterar-senha').each(function (){this.reset();}); }); } }); return false; } }); $("#enviarRegras").validate({ rules:{ nome_regra: {minlength: 3, required: true}, cercas: {required: true}, veiculos: {required: true} }, messages:{ nome_regra:{ required: "Informe um título para a Regra.", minlength: "Mínimo de {0} caracteres." }, cercas: {required: "Selecione ao menos uma Cerca."}, veiculos: {required: "Selecione ao menos um Veículo."} }, submitHandler: function(form){ $.ajax({ url: "regras.php", type: "GET", data: $(form).serialize(), success: function(resposta){ $('#message-regras').html("<p class='text-center'><img src='imagens/loader.gif' alt='Carregando..'></p>") .hide() .fadeIn(1500, function(){ $('#message-regras').append(resposta); $('#message-regras p').remove(); if(resposta == "<section class='alert alert-success'><button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button><strong>Sucesso!</strong> A regra foi cadastrada com êxito.</section>") { var nome = $('#nome_regra').val(); $.get('regras.php',{'id_inserido': nome}, function (id_retornado) { $('#modal-regras .modal-body table tbody').append("<tr><td>" + nome + "</td> <td> <a href='#submodal-regras' onclick=\"obterDadosRegras(" + id_retornado + ", '" + nome + "');\" data-toggle='modal' rel='tooltip' title='Editar' class='btn btn-sm btn-primary'><i class='fa fa-pencil fa-fw'></i></a> <a href='javascript:void(0);' remover='" + id_retornado + "' rel='tooltip' title='Excluir' class='del-regra btn btn-sm btn-danger' disabled><i class='fa fa-trash-o fa-fw'></i></a> </td> </tr>"); }); } }); } }); return false; } }); $("#enviarGrupos").validate({ rules:{ nome_grupo: { minlength: 3, required: true }, veiculos_grupo: { required: true } }, messages:{ nome_grupo:{ required: "Informe um nome para o grupo", minlength: "Mínimo de {0} caracteres" }, veiculos_grupo: {required: "Selecione ao menos um veículo"} }, submitHandler: function(form){ $.ajax({ url: "grupos.php", type: "GET", data: $(form).serialize(), success: function (resposta){ $('#message-grupos').html("<p class='text-center'><img src='imagens/loader.gif' alt='Carregando..'></p>") .hide() .fadeIn(1500, function(){ $('#message-grupos').append(resposta); $('#message-grupos p').remove(); if(resposta == "<section class='alert alert-success'> <button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button> <strong>Sucesso! </strong>O grupo foi cadastrado com êxito.</section>") { var nome = $('#nome_grupo').val(); $.get('grupos.php',{'id_inserido': nome}, function (id_retornado) { $('#modal-grupos .modal-body table tbody').append("<tr><td>" + nome + "</td> <td> <a href='#submodal-grupos' onclick=\"obterDados(" + id_retornado + ", '" + nome + "');\" data-toggle='modal' rel='tooltip' title='Editar' class='btn btn-sm btn-primary'><i class='fa fa-pencil fa-fw'></i></a> <a href='javascript:void(0);' remover='" + id_retornado + "' rel='tooltip' title='Excluir' class='del-group btn btn-sm btn-danger' disabled><i class='fa fa-trash-o fa-fw'></i></a> </td> </tr>"); }); } }); } }); return false; } }); $("#consultarHistorico").validate({ submitHandler: function (form) { $("#consultarHistorico button[type=submit]").prop('disabled', true); $("#consultarHistorico button[type=submit] i").removeClass('fa-book').addClass('fa-refresh fa-spin'); $("#nrImeiConsulta").val($('#bens').val()); $("#nomeVeiculo").val($("#bens").find(":selected").text()); $.ajax({ url: "historico.php", type: "POST", data: $(form).serialize(), success: function (lista){ $("#relatorio").html(lista); $("#consultarHistorico button[type=submit]").prop('disabled', false); $("#consultarHistorico button[type=submit] i").removeClass('fa-refresh fa-spin').addClass('fa-book'); var hora = 0; var velocidade = 0; var ligado = 0; var latAnt = 0; var latAtu = 0; var lonAtu = 0; var lonAnt = 0; var distance = 0.00; var tabRel = $('#relatorio table').find('tbody').find('tr'); var hora = $(tabRel[0]).find('td:eq(0)').html(); var latAtu = $(tabRel[0]).find('td:eq(1)').html(); var lonAtu = $(tabRel[0]).find('td:eq(2)').html(); var velocidade = $(tabRel[0]).find('td:eq(3)').html(); var ligado = $(tabRel[0]).find('td:eq(4)').html(); if(tabRel.length > 2){ while(posicoes.length > 0) { posicoes.pop(); } for(var i = 1; i < tabRel.length - 1; i++){ posicoes.push({ 'lat': latAtu, 'lng': lonAtu, 'horario': hora, 'velocidade': velocidade, 'ligado': ligado }); var hora = $(tabRel[i]).find('td:eq(0)').html(); var latAnt = $(tabRel[i]).find('td:eq(1)').html(); var lonAnt = $(tabRel[i]).find('td:eq(2)').html(); var velocidade = $(tabRel[i]).find('td:eq(3)').html(); var ligado = $(tabRel[i]).find('td:eq(4)').html(); var p1 = new LatLon(latAtu, lonAtu); var p2 = new LatLon(latAnt, lonAnt); distance += parseFloat(p1.distanceTo(p2)); latAtu = latAnt; lonAtu = lonAnt; } $('#km-rodado').html(parseInt(distance) + ' Km rodados'); $('#tracar').removeClass('hide'); } else{ console.log('Apenas um registro na tabela'); $('#tracar').addClass('hide'); } }, error: function (XMLHttpRequest, textStatus, errorThrown){ console.log(XMLHttpRequest); console.log(textStatus); console.log(errorThrown); $("#consultarHistorico button[type=submit]").prop('disabled', false); $("#consultarHistorico button[type=submit] i").removeClass('fa-refresh fa-spin').addClass('fa-book'); } }); return false; } }); $("#calculaRota").click(function(e){ e.preventDefault(); calcRoute(); $("#slide-panel").removeClass('hide'); }); $('#opener').on('click', function(){ var panel = $('#slide-panel'); if (panel.hasClass("visible")) { panel.removeClass('visible').animate({'margin-right':'-300px'}); } else{ panel.addClass('visible').animate({'margin-right':'0px'}); } return false; }); $('#command').change(function (){ var valor = $(this).val(); if (valor == ',C,30s') { $('li.tempo').removeClass('hide'); $('#commandTime').parent('li').removeClass('hide'); } else { $('li.tempo').addClass('hide'); $('#commandTime').parent('li').addClass('hide'); } if (valor == ',H,060') { $('li.parametro').removeClass('hide'); $('#commandSpeedLimit').parent('li').removeClass('hide'); } else { $('li.parametro').addClass('hide'); $('#commandSpeedLimit').parent('li').addClass('hide'); } }); // Altera a disponibilidade do envio de comandos $('.libera-comandos').click(function(){ if ($('#bens').val()) $('#enviarcomando').prop('disabled', false); else{ $('#enviarcomando').prop('disabled', true); alert("Para realizar esta ação selecione um veículo."); } }); // Envia o comando para o rastreador $('#enviarcomando').click(function (e){ e.preventDefault(); $('#enviarcomando i').removeClass('fa-upload').addClass('fa-refresh fa-spin'); var imei = $('#bens').val(); var nomeBem = $('#bens option:selected').text(); var comandoSelecionado = $('#command').val(); var intervaloComando = $('#commandTime').val(); var velocidadeLimite = $('#commandSpeedLimit').val(); $.ajax({ url: "comandos.php", type: "POST", data: {'imei': imei, 'command': comandoSelecionado, 'commandTime': intervaloComando, 'commandSpeedLimit': velocidadeLimite}, success: function (resultComandos){ if(resultComandos == "OKOK"){ $('#enviarcomando').addClass('btn-success'); $('#enviarcomando > i').removeClass('fa-refresh fa-spin').addClass('fa-check'); setTimeout(function(){ $('#enviarcomando').removeClass('btn-success'); $('#enviarcomando > i').removeClass('fa-check').addClass('fa-upload'); }, 3000); } else{ $('#enviarcomando').addClass('btn-success'); $('#enviarcomando > i').removeClass('fa-refresh fa-spin').addClass('fa-check'); setTimeout(function(){ $('#enviarcomando').removeClass('btn-success'); $('#enviarcomando > i').removeClass('fa-check').addClass('fa-upload'); }, 3000); } } }); }); // Deleta o grupo escolhido $('.del-group').click(function(){ var botao = $(this); var id = botao.attr('remover'); botao.children('i').removeClass('fa-trash-o').addClass('fa-refresh fa-spin'); botao.attr('disabled', true); $.ajax({ url: "grupos.php", type: "GET", data: {id_grupo: id, acao: 'remover'}, success: function(resposta){ if(resposta == "OK") { botao.children('i').removeClass('fa-refresh fa-spin').addClass('fa-check'); setTimeout(function () { botao.parent().parent('tr').remove(); }, 2000); } else{ botao.children('i').removeClass('fa-refresh fa-spin').addClass('fa-trash-o'); botao.attr('disabled', false); alert(resposta); } } }); }); // Deleta a regra escolhida $('.del-regra').click(function(){ var botao = $(this); var id = botao.attr('remover'); botao.children('i').removeClass('fa-trash-o').addClass('fa-refresh fa-spin'); botao.attr('disabled', true); $.ajax({ url: "regras.php", type: "GET", data: {id_regra: id, acao: 'remover'}, success: function(resposta){ if(resposta == "OK") { botao.children('i').removeClass('fa-refresh fa-spin').addClass('fa-check'); setTimeout(function(){ botao.parent().parent('tr').remove(); }, 2000); } else{ botao.children('i').removeClass('fa-refresh fa-spin').addClass('fa-trash-o'); botao.attr('disabled', false); alert(resposta); } } }); }); // Adiciona os balões de ajuda $("li[rel=tooltip], select[rel=tooltip], .delcerca").tooltip({placement: 'right'}); $("span[rel=tooltip]").tooltip({placement: 'left'}); }); $(window).resize(function(){ posicionaHistorico(); }); var posicoes = []; function posicionaHistorico(){ if($("#bens").val()){ $("#historico").removeClass('hide'); var altura = ($("#historico").height() - $("#historico .header").height()) * -0.95; $("#historico").css({ 'bottom': altura }); $("#historico .header").click(function(){ var posicao = parseInt($("#historico").css('bottom')); if(posicao < 0){ novaAltura = 0; $("#historico .header i").removeClass('fa-angle-double-up').addClass('fa-angle-double-down'); } else{ novaAltura = altura; $("#historico .header i").removeClass('fa-angle-double-down').addClass('fa-angle-double-up'); } $("#historico").animate({bottom: novaAltura}); }); } else $("#historico").addClass('hide'); } function acertaHistorico(horas){ horaIni = $('#commandHourTimeIni'); horaFim = $('#commandHourTimeFim'); dataIni = $('#commandDateIni'); horaAtual = new Date(); horaFim.val(horaAtual.getHours()); if(horaAtual.getHours() - horas < 0){ horaIni.val(24 - (horas - horaAtual.getHours())); dia = horaAtual.getDate() - 1; mes = horaAtual.getMonth() + 1; if (dia < 0 || dia === 0){ dia = 1; mes = mes - 1; } dataIni.val(horaAtual.getFullYear() + '-' + ('0' + mes).slice(-2) + '-' + ('0' + dia).slice(-2)); if(horas == 48){ dataIni.val(horaAtual.getFullYear() + '-' + ('0' + mes).slice(-2) + '-' + ('0' + (dia - 1)).slice(-2)); horaIni.val(horaAtual.getHours()); } } else{ dataIni.val(horaAtual.getFullYear() + '-' + ('0' + (horaAtual.getMonth() + 1)).slice(-2) + '-' + ('0' + horaAtual.getDate()).slice(-2)); horaIni.val(horaAtual.getHours() - horas); } } function exibirListagemHistorico(imei){ $.ajax({ url: "historicoListagem.php", type: "GET", data: {'imei': imei}, success: function(result){ $("#historico .content table tbody").html(result); posicionaHistorico(); } }); } function imprimirHistorico(){ var data = $('#areaImpressa').html(); var mywindow = window.open('', 'Histórico de Localização', 'left=200, width=950, height=500, scrollbars=1'); mywindow.document.write('<html><head><title>Histórico de Localização</title>'); mywindow.document.write('<link rel="stylesheet" href="css/bootstrap.css" type="text/css">'); mywindow.document.write('</head><body>'); mywindow.document.write(data); mywindow.document.write('</body></html>'); mywindow.addEventListener('load', function(){ mywindow.print(); }, true); } function limparReveal(idReveal){ $('#message').html(""); $(idReveal).each(function(){this.reset();}); $(idReveal).find('input').removeClass('valid error'); $(idReveal).find('label.error').remove(); } function verificarAlertas(){ $.ajax({ url: "alertas.php", type: "GET", dataType: "JSON", success: function(alertas){ $(".modal-alerts ul").html(alertas.lista); $(".badge").html(alertas.count); } }); } function fecharAlerta(id_alerta){ $.ajax({ url: "alertas.php", type: "GET", data: {idAlerta: id_alerta}, success: function(){ verificarAlertas(); } }); } function habilitarHodometro(){ try{ if($('#bens').val() == ""){ $('#hod_atual').val("").prop('disabled', true); $('#alerta_hodometro').val("").prop('disabled', true); $('#enviaHodometro').prop('disabled', true); alert('Para realizar esta ação selecione um veículo.'); } else{ $('#hod_atual').prop('disabled', false); $('#alerta_hodometro').prop('disabled', false); $('#enviaHodometro').prop('disabled', false); } } catch(error){ alert('Selecione um veículo! ' + error); } } function alterarHodometro(){ try{ $('#enviaHodometro > i').removeClass('fa-save').addClass('fa-refresh fa-spin'); var hodometro = $('#hod_atual').val(); var alerta_hodometro = $('#alerta_hodometro').val(); var numImei = $('#bens').val(); $.ajax({ url: "hodometro.php", type: "GET", data: {imei: numImei, acao: 'salvar_hodometro', hodometro: hodometro, alerta_hodometro: alerta_hodometro}, success: function (dataHodometro){ console.log(dataHodometro); if(dataHodometro == "OK"){ $('#enviaHodometro').addClass('btn-success'); $('#enviaHodometro > i').removeClass('fa-refresh fa-spin').addClass('fa-check'); $('#hod_atual').prop('disabled', true); $('#alerta_hodometro').prop('disabled', true); $('#enviaHodometro').prop('disabled', true); setTimeout(function () { $('#enviaHodometro').removeClass('btn-success'); $('#enviaHodometro > i').removeClass('fa-check').addClass('fa-save'); }, 3000); } else{ $('#enviaHodometro').addClass('btn-danger'); $('#enviaHodometro > i').removeClass('fa-refresh fa-spin').addClass('fa-times'); alert(dataHodometro); setTimeout(function () { $('#enviaHodometro').removeClass('btn-danger'); $('#enviaHodometro > i').removeClass('fa-times').addClass('fa-save'); }, 3000); } } }); } catch(error){ alert('Ops! Algo deu errado: '+ error); } } function obterDados(id, nome){ if(!id) $('#submodal-grupos h4').html("Cadastrar Grupo"); else $('#submodal-grupos h4').html("Editar Grupo"); $('#message-grupos').html(""); $.ajax({ url: "grupos.php", type: "GET", data: { id_grupo: id, acao: 'dados' }, dataType: "JSON", success: function(grupo){ $('#id_grupo').val(id); $('#nome_grupo').val(nome); $('#veiculos_grupo').html(grupo); } }) } function obterDadosRegras(id, nome){ if(!id) $('#submodal-regras h3').html("Nova Regra"); else $('#submodal-regras h3').html("Editar Regra"); $('#message-regras').html(""); $.ajax({ url: "regras.php", type: "GET", data: {id_regra: id, acao: 'dados'}, dataType: "JSON", success: function(grupo){ $('#id_regra').val(id); $('#nome_regra').val(nome); $('#veiculos').html(grupo); } }) } function modalCerca(){ $('#modal-cerca-expand').modal({show:true}); $('#form-cerca').removeClass('hide'); $('#instrucoes').addClass('hide'); $('#salvarCerca').prop('disabled', false); //alert($('#bens').val()); var imei = $('#bens').val();//$('#veiculoCerca').val(); //var imei = 359710049050884; if(imei){ $('#nomeCerca').val(''); $('#message-cerca').html(''); $('#mapa-cerca').fadeTo('fast', 1); var saopaulo = new google.maps.LatLng(-23.548900,-46.638800); var opcoesCerca = { zoom: 11, center: saopaulo, mapTypeId: google.maps.MapTypeId.ROADMAP } map = new google.maps.Map(document.getElementById('mapa-cerca'), opcoesCerca); google.maps.event.addDomListener(window, "resize", function(){ var center = map.getCenter(); google.maps.event.trigger(map, "resize"); map.setCenter(center); }); google.maps.event.addListenerOnce(map, 'idle', function(){ var center = map.getCenter(); google.maps.event.trigger(map, 'resize'); map.setCenter(center); }); var creator = new PolygonCreator(map); // Apagar pontos $('#apagarPontos').click(function(){ creator.destroy(); creator = null; creator = new PolygonCreator(map); }); // Enviar cerca $('#salvarCerca').click(function(){ var nome = $('#nomeCerca').val(); if (nome == "" || nome == null){ window.alert("Informe um nome para a Cerca."); } else{ if(creator.showData() == null) { window.alert("Você deve fechar o polígono."); } else{ $('#mapa-cerca').fadeTo('fast', 0.4); var pontos = creator.showData(); $.ajax({ url: "cercaIncluir.php", type: "GET", data: { 'imei': imei, 'NomeCerca': nome, 'cerca': pontos }, success: function (resCerca) { if(resCerca == 'OK'){ $('#nomeCerca').val(''); $('#apagarPontos').click(); setTimeout(function () { $('#mapa-cerca').fadeTo('fast', 1); $('#message-cerca').html("<section class='alert alert-success'> <button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button> <strong>Sucesso!</strong> A cerca foi criada com êxito. </section> </section>"); }, 1500); } else{ $('#mapa-cerca').fadeTo('fast', 1); $('#message-cerca').html("<section class='alert alert-danger'> <button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button> <strong>Erro: </strong> Ops! Algo deu errado... </section> </section>"); console.log(resCerca); } } }); } } }); $('#form-cerca').submit(function(e){ e.preventDefault(); }); $('#modal-cerca-expand').modal({show:true}); } else{ $('.cerca-dropdown button').addClass('btn-warning'); $('.cerca-dropdown button i').removeClass('fa-plus-circle').addClass('fa-warning'); setTimeout(function(){ $('.cerca-dropdown button').removeClass('btn-warning'); $('.cerca-dropdown button i').removeClass('fa-warning').addClass('fa-plus-circle'); }, 1500); } } function editaCerca(id, imei){ $.ajax({ url: "cercaEditar.php", type: "GET", data: {"imei": imei, 'id': id}, dataType: "JSON", success: function(result){ $('#form-cerca').addClass('hide'); $('#instrucoes').removeClass('hide'); $('#salvarCerca').prop('disabled', true); var triangleCoords = [ new google.maps.LatLng(result.latCoord[0],result.lngCoord[0]), new google.maps.LatLng(result.latCoord[1],result.lngCoord[1]), new google.maps.LatLng(result.latCoord[2],result.lngCoord[2]), new google.maps.LatLng(result.latCoord[3],result.lngCoord[3]) ]; var geoFenceInitialPoint = new google.maps.LatLng(result.latCoord[0],result.lngCoord[0]); var opcoesCerca = { zoom: 15, center: geoFenceInitialPoint, mapTypeId: google.maps.MapTypeId.ROADMAP } map = new google.maps.Map(document.getElementById('mapa-cerca'), opcoesCerca); var bermudaTriangle = new google.maps.Polygon({ paths: triangleCoords, strokeColor: "#FF0000", strokeOpacity: 0.8, strokeWeight: 3, fillColor: "#FF0000", fillOpacity: 0.35, editable: true }); bermudaTriangle.setMap(map); google.maps.event.addDomListener(window, "resize", function(){ var center = map.getCenter(); google.maps.event.trigger(map, "resize"); map.setCenter(center); }); google.maps.event.addListenerOnce(map, 'idle', function(){ var center = map.getCenter(); google.maps.event.trigger(map, 'resize'); map.setCenter(center); }); google.maps.event.addListener(bermudaTriangle, 'click', showArrays); var infowindow = new google.maps.InfoWindow(); function showArrays(event){ var imei = result.imei; var id = result.id; var latitude = result.latitude; var longitude = result.longitude; var vertices = this.getPath(); var contentString = "latitude="+ latitude + "&longitude=" + longitude + "&imei=" + imei + "&id=" + id + "&coordenadas="; for(var i = 0; i < vertices.length; i++){ var xy = vertices.getAt(i); if (i+1 == vertices.length){ contentString += xy.lat() +"," + xy.lng(); } else{ contentString += ''+ xy.lat() +"," + xy.lng() +'|'; } } decisao = confirm("Deseja gravar o perímetro?"); if(decisao){ $('#mapa-cerca').fadeTo('fast', 0.4); $.ajax({ url: "cercaAlterar.php?" + contentString, type: "GET", success: function(retorno){ console.log(retorno); if (retorno == "OK"){ setTimeout(function () { $('#mapa-cerca').fadeTo('fast', 1); $('#message-cerca').html("<section class='alert alert-success'> <button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button> <strong>Sucesso!</strong> A cerca foi alterada com êxito.</section></section>"); setTimeout(function () { $('#message-cerca').html(""); }, 3000); }, 1500); } } }); } else{ alert('Clique no botão concluir para sair.'); } infowindow.open(map); } $('#modal-cerca-expand').modal({show:true}); } }); } function removeCerca(idCerca){ if (confirm("Realmente deseja excluir esta cerca? Esta ação não poderá ser desfeita.")){ $.ajax({ url: "cercaExcluir.php", type: "GET", data: {'codCerca': idCerca}, success: function (result){ if (result == "OK") { $('#'+idCerca).remove(); } else{ alert(result); console.log(result); } } }); } } // Google Maps API // var directionsDisplay; var markerArray = []; var markerArrayHist = []; var marcadores = []; var latitude_anterior; // Inicia o serviço de rotas var directionsService = new google.maps.DirectionsService(); var icons = { start: new google.maps.MarkerImage( 'imagens/historico_inicio.png', new google.maps.Size(48, 48), new google.maps.Point(0, 0), new google.maps.Point(22, 32) ), end: new google.maps.MarkerImage( 'imagens/historico_fim.png', new google.maps.Size(40, 40), new google.maps.Point(0, 0), new google.maps.Point(22, 32) ) } // Centralização do mapa. Atualmente é São Paulo. var var_location = new google.maps.LatLng(-23.548900, -46.638800); var var_mapoptions = { center: var_location, mapTypeId: google.maps.MapTypeId.ROADMAP, zoom: 8, mapTypeControl: true, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR, position: google.maps.ControlPosition.TOP_LEFT }, zoomControl: true, zoomControlOptions: { position: google.maps.ControlPosition.TOP_LEFT, style: google.maps.ZoomControlStyle.LARGE }, scaleControl: false, streetViewControl: true, streetViewControlOptions: { position: google.maps.ControlPosition.LEFT_TOP } }; var var_map = new google.maps.Map(document.getElementById("map-canvas"),var_mapoptions); function init_map(){ directionsDisplay = new google.maps.DirectionsRenderer({suppressMarkers: true}); directionsDisplay.setMap(var_map); directionsDisplay.setPanel(document.getElementById("directionsPanel")); var closeButton = document.querySelector('#close-street'), controlPosition = google.maps.ControlPosition.RIGHT_TOP; var streetView = var_map.getStreetView(); streetView.setOptions({enableCloseButton: false}); streetView.controls[ controlPosition ].push( closeButton ); google.maps.event.addDomListener(closeButton, 'click', function(){ streetView.setVisible(false); }); } google.maps.event.addDomListener(window, 'load', init_map); var thePanorama = var_map.getStreetView(); google.maps.event.addListener(thePanorama, 'visible_changed', function(){ if (thePanorama.getVisible()) { $('#close-street').removeClass('hide'); } else{ $('#close-street').addClass('hide'); } }); function calcRoute(){ $('#calculaRota i').removeClass('fa-road').addClass('fa-refresh fa-spin'); var start = document.getElementById('inicio_rota').value; var end = document.getElementById('destino_rota').value; var request = { origin: start, destination: end, travelMode: google.maps.TravelMode.DRIVING }; limparMapa(); directionsService.route(request, function(response, status){ if(status == google.maps.DirectionsStatus.OK){ directionsDisplay.setDirections(response); var leg = response.routes[0].legs[0]; makeMarker( leg.start_location, icons.start, "Ponto de Saída" ); makeMarker( leg.end_location, icons.end, 'Ponto de Chegada' ); $('#calculaRota').addClass('btn-success'); $('#calculaRota > i').removeClass('fa-refresh fa-spin').addClass('fa-check'); setTimeout(function () { $('#calculaRota').removeClass('btn-success'); $('#calculaRota > i').removeClass('fa-check').addClass('fa-road'); }, 3000); } else{ $('#calculaRota').addClass('btn-danger'); $('#calculaRota > i').removeClass('fa-refresh fa-spin').addClass('fa-times'); setTimeout(function () { $('#calculaRota').removeClass('btn-danger'); $('#calculaRota > i').removeClass('fa-times').addClass('fa-road'); }, 3000); alert('Não foi possível calcular a rota: ' + status); $('#inicio_rota').focus(); } }); } // Plota no mapa as coordenadas obtidas do histórico function tracarHistorico(){ limparMapaHist(); markers = posicoes; path = new google.maps.MVCArray(); poly = new google.maps.Polyline({ map: var_map, strokeColor: '#4986E7' }); waitingDialog.show('Traçando Mapa. Por favor aguarde.'); intervalTraceRoute = setInterval(function(){drawNewAnimatedMap();}, 5) $('#modal-historico').modal('toggle'); $("#historico .header").click(); $('#erase-trace').parent('.clear-trace').removeClass('hide'); $('#erase-trace').click(function(){ for (var i = 0; i < lat_lng.length; i++){ lat_lng.splice(i, 1); } poly.setMap(null); limparMapaHist(); console.log(markerArrayHist.length); path.clear(); $('#erase-trace').parent('.clear-trace').addClass('hide'); }); } function pinSymbol(color) { return { path: 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z M -2,-30 a 2,2 0 1,1 4,0 2,2 0 1,1 -4,0', fillColor: color, fillOpacity: 1, strokeColor: '#000', strokeWeight: 0.5, scale: 1, }; } function makeMarker(position, color, title, tipo, retorna){ var marker = new google.maps.Marker({ position: position, map: var_map, icon: pinSymbol(color), title: title, label: tipo, animation: google.maps.Animation.DROP }); markerArray.push(marker); if(retorna) return marker; } function verNoMapa(lat, lon) { var image = 'imagens/coordenada.png'; var posHist = new google.maps.LatLng(lat, lon); var pointMarker = new google.maps.Marker({ position: posHist, map: var_map, icon: image, animation: google.maps.Animation.DROP }); markerArrayHist.push(pointMarker); pointMarker.setMap(var_map); var_map.setZoom(16); var_map.panTo(posHist); } function limparMapa(){ var j = 0; while(j < 10){ for(var i = 0; i < markerArray.length; i++){ markerArray[i].setMap(null); marcadores.splice(i, 1); markerArray.splice(i, 1); } for(var h = 0; h < markerArrayHist.length; h++){ markerArrayHist[i].setMap(null); markerArrayHist.splice(i, 1); } j++; } poly.setMap(null); markerArray = []; markerArrayHist = []; marcadores = []; directionsDisplay.setDirections({routes: []}); $("#slide-panel").addClass('hide'); $("#inicio_rota").val(""); $("#destino_rota").val(""); } function limparMapaHist(){ var j = 0; var i = 0; while(j < 10){ for (i = 0; i < markerArrayHist.length; i++){ markerArrayHist[i].setMap(null); markerArrayHist.splice(i, 1); } j++; } markerArrayHist = []; } var posVeiculoCerca; function alterarComboVeiculo(imei){ $('#dropdownVeiculos').dropdown('toggle'); $('#relatorio').empty(); limparMapa(); clearInterval(delayAutoload); posicionarVeiculo(imei); flightPlanCoordinates = []; delayAutoload = setInterval(function(){ posicionarVeiculo(imei)},30 * 1000); exibirListagemHistorico(imei); } function posicionarVeiculo(imei){ console.log('*'); //limparMapa; if(imei){ $.ajax({ url: "veiculoDados.php", type: "GET", data: {filtro: imei}, success: function(aDados){ var infowindow = new google.maps.InfoWindow(); var marker, i; var markers = new Array(); var enderecos = new Array(); var endereco; var datas = new Array(); var velocidades = new Array(); var aDados = eval('('+aDados+')'); for(var i = 0; i < aDados.length; i++){ var dados = aDados[i]; if(dados.sinal == 'D'){ var imgTipo = '_inativo.png'; } else{ if(dados.block == 'S') var imgTipo = '_bloqueado.png'; else var imgTipo = '_ativo.png'; } switch (dados.tipo){ case 'moto': var tipo = 'Moto'; break; case 'carro': var tipo = 'Carro'; break; case 'jetski': var tipo = 'Jetski'; break; case 'trator': var tipo = 'Trator'; break; case 'caminhao': var tipo = 'Caminhão'; break; case 'onibus': var tipo = 'Ônibus'; break; default: var tipo = 'Carro'; break; } $.ajax({ url: "coresIcones.php", type: "GET", data: {imei:imei}, success: function (response) { var dadoss = $.parseJSON(response); for (var j=0;j<dadoss.length;j++){ if (dadoss[j].diff*1 > dadoss[j].tempo*1){ // javascript estava tratando como texto, multiplicando por 1 ele trata como numero -> zignal cor_icone = dadoss[j].cor; } } var myLatLng = new google.maps.LatLng(dados.latitude, dados.longitude); if (dados.latitude != latitude_anterior) { for (var i = 0; i < markerArray.length; i++) { markerArray[i].setMap(null); } latitude_anterior = dados.latitude; var pointMarker = makeMarker(myLatLng, cor_icone, dados.name, tipo, true); posVeiculoCerca = new google.maps.LatLng(-23.548900, -46.638800); google.maps.event.addListener(pointMarker, 'click', (function(pointMarker, i){ return function(){ infowindow.setContent( "<b>Identificação: </b>" + dados.apelido + "<br /><b>Veículo:</b> " + dados.marca + " " + dados.modelo + "<br /><b>Placa:</b> " + dados.name + "<br /><b>IMEI:</b> " + dados.imei + "<br /><b>Chip: </b>" + dados.identificacao + //"<br /><b>Rastreador: </b>" + aDados[i]["modelo_rastreador"] + "<br /><b>Data: </b> " + dados.data + "<br /><b>Velocidade:</b>" +dados.velocidade+' Km/h' ); infowindow.open(var_map, pointMarker); } })(pointMarker, i)); marcadores.push(dados); google.maps.event.addListener(var_map, "click", function(){ infowindow.close(); }); lat_lng.push(myLatLng); flightPlanCoordinates.push(myLatLng); var flightPath = new google.maps.Polyline({ path: flightPlanCoordinates, geodesic: false, strokeColor: '#FF0000', strokeOpacity: 1.0, strokeWeight: 2, }); flightPath.setMap(var_map); /* var marker = new google.maps.Marker({ position: myLatLng, icon: 'img/pinroteamento.png', map: var_map, clickable: true }); */ // . atualizar historico exibirListagemHistorico(imei); } var_map.panTo(myLatLng); if(aDados.length > 1) var_map.setZoom(10); else{ var_map.setZoom(16); //exibirListagemHistorico(imei); $.ajax({ url: "hodometro.php", type: "GET", data: {acao: 'hodometro_atual', imei: imei}, dataType: "JSON", success: function (infoHodometro){ $('#hod_atual').val(infoHodometro.hodometro); $('#alerta_hodometro').val(infoHodometro.alerta_hodometro); } }); } if (dados.length > 0){ for (var i = 0; i < dadoss.length; i++) { if (dadoss[i].diff > dadoss[i].tempo){ } } } }, error: function (xhr, ajaxOptions, thrownError) { console.log(thrownError); } }); } } }); } else posicionaHistorico(); } /* function autoReload(){ if(markerArray.length > 0){ for (var i = 0; i < markerArray.length; i++){ $.ajax({ url: "historicoListagem.php", type: "GET", data: {'imei': marcadores[i].imei}, success: function (result){ $("#historico .content table tbody").html(result); } }); $.ajax({ url: "veiculoDados.php", data: {posicao: marcadores[i].imei}, success: function (coordenadas){ var coordenadas = eval('('+coordenadas+')'); for(var i = 0; i < coordenadas.length; i++){ var novaPos = new google.maps.LatLng(coordenadas[i].latitude, coordenadas[i].longitude); markerArray[i].setPosition(novaPos); var dados = coordenadas[i]; if(dados.sinal == 'S' || dados.sinal == 'D'){ var imgTipo = '_inativo.png'; } else{ if (dados.block == 'S') var imgTipo = '_bloqueado.png'; else var imgTipo = '_ativo.png'; } switch (dados.tipo) { case 'Moto': var image = 'imagens/marker_moto' + imgTipo; break; case 'Carro': var image = 'imagens/marker_carro' + imgTipo; break; case 'JetSqui': var image = 'imagens/marker_jet' + imgTipo; break; case 'Caminhao': var image = 'imagens/marker_caminhao' + imgTipo; break; case 'Van': var image = 'imagens/marker_van' + imgTipo; break; case 'Pick-up': var image = 'imagens/marker_pickup' + imgTipo; break; case 'Ônibus': var image = 'imagens/marker_onibus' + imgTipo; break; default: var image = 'imagens/marker_carro' + imgTipo; break; } if(markerArray[i].getIcon() != image){ markerArray[i].setIcon(image); } } } }); } } } setInterval(autoReload, 2000); */ var poly; var polyOptions = { strokeColor: '#000000', strokeOpacity: 1.0, strokeWeight: 3, map: var_map } poly = new google.maps.Polyline(polyOptions); function drawNewAnimatedMap(){ i = counterTrace; var lat_lng = []; var data = markers[i]; if(i == 0){ var iconeImg = icons.start; } else{ if(i == (markers.length -1)){ var iconeImg = icons.end; } else{ if(data.ligado != 'Sim'){ var iconeImg = 'imagens/historico_dot_vermelho.png'; } else{ var iconeImg = 'imagens/historico_dot_azul.png'; } } } var myLatlng = new google.maps.LatLng(data.lat, data.lng); lat_lng.push(myLatlng); var path = poly.getPath(); path.push(myLatlng); var marker = new google.maps.Marker({ position: myLatlng, icon: iconeImg, map: var_map, clickable: true }); marker.info = new google.maps.InfoWindow({ content: '<b>Data: </b> ' + data.horario + '<br /><b>Velocidade:</b> ' + data.velocidade }); google.maps.event.addListener(marker, 'mouseover', function(){ marker.info.open(var_map, marker); }); google.maps.event.addListener(marker, 'mouseout', function(){ marker.info.close(); }); var_map.panTo(myLatlng); var_map.setZoom(17); latlngbounds.extend(marker.position); markerArrayHist.push(marker); if(i == markers.length-1){ clearInterval(intervalTraceRoute); var_map.setCenter(latlngbounds.getCenter()); var_map.fitBounds(latlngbounds); waitingDialog.hide(); } counterTrace++; } var myApp; myApp = myApp || (function(){ var pleaseWaitDiv = $('<section class="modal hide" id="pleaseWaitDialog" data-backdrop="static" data-keyboard="false"><section class="modal-header"><h1>Processando...</h1></section><section class="modal-body"><section class="progress progress-striped active"><section class="bar" style="width: 100%;"></section></section></section></section>'); return{ showPleaseWait: function() { pleaseWaitDiv.modal(); }, hidePleaseWait: function () { pleaseWaitDiv.modal('hide'); }, }; })(); var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0); var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0); h = h - 51 + "px"; w = w + "px"; document.getElementById("map-canvas").style.height = h; document.getElementById("map-canvas").style.width = w; $(window).resize(function(){ var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0); var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0); h = h - 51 + "px"; w = w + "px"; document.getElementById("map-canvas").style.height = h; document.getElementById("map-canvas").style.width = w; }); </script> </body> </html>  
    • Por Daltonspider
      Olá professores! 
       
      Comprei recentemente um servidor dedicado mas enfrento problemas de lentidao no servidor mysql (5.5.59)
      Costumava usar meus sistemas em um hospedagem plesk da locaweb que usava o Percona que tinha um tempo de
      resposta muito bom.
       
      Usando o client HeidiSQL vejo os valores:
      Meu novo servidor dedicado:
      (consulta media por segundo: 0,500)
       
      Servidor plesk percona:
      (consulta media por segundo: 41,395)
       
      Uso um servidor Intel  Xeon 2xE5504  2GHz  16GB DDR2 ECC 800 MHz  
       
      Uma diferença enorme, sou leigo em servidores, alguem poderia me ajudar?
       
      Muito Obrigado!
       
      segue minhas configs:
      Ubuntu server 18 com webuzo
       
      ========my.cnf=======================
      [mysqld]
      datadir=/var/lib/mysql
      socket=/var/lib/mysql/mysql.sock
      user=mysql
      # Default to using old password format for compatibility with mysql 3.x
      # clients (those using the mysqlclient10 compatibility package).
      old_passwords=0
      # Disabling symbolic-links is recommended to prevent assorted security risks;
      # to do so, uncomment this line:
      # symbolic-links=0
      ##########teste de configs######################
      skip-name-resolve
      wait_timeout = 40
      max_connections=500
      max_allowed_packet=16M
      join_buffer_size=2M
      tmp_table_size=24M
      max_heap_table_size=24M
      query_cache_size=128M
      query_cache_limit=20M
      key_buffer= 7144M
      key_buffer_size = 8332M
      thread_cache_size = 999
      thread_stack = 628M
      table_cache = 15000
      tmp_table_size = 200M
      table_open_cache = 96
      innodb_buffer_pool_size=5G
      slow_query_log
      local-infile=0

      [mysqld_safe]
      log-error=/var/log/mysqld.log
      pid-file=/var/run/mysqld/mysqld.pid
    • Por Jhess
      Olá, vou resumir meu projeto:
       
      Tenho uma tabela: 
      CREATE TABLE `vg_pes_area_usuario` ( `cod_usuario` varchar(255) NOT NULL, `cod_area` varchar(255) NOT NULL, `respondido` varchar(255) NOT NULL, `cod_pergunta` varchar(255) NOT NULL DEFAULT '' ) ENGINE=InnoDB DEFAULT CHARSET=latin1; Onde me exibe os dados:
       
       
      Certo... Eu tenho a página index.php que me mostra um modal para responder as perguntas:
       
       
      Ao clicar em uma pergunta, ele me exibe o modal:
       
       
      Como perceberam, ele mostra 2 ADMCORP, mas eu não quero isso, o que ele está fazendo é: Selecionando as duas áreas, mas eu quero que ele selecione apenas da pergunta que eu selecionar, ele pega as duas por que eu tenho 2 registros da mesma área mas de pergunta diferente:
       
       
      Eu quero que, se eu selecionar a pergunta 1, apenas apareça 1, que corresponde aquela pergunta, e não os dois, e quando eu selecionar a pergunta 2, exiba o ADMCORP da pergunta 2, segue o PHP que eu crio dinamicamente:
      <?php include_once('app/config.php'); $queryResult = "SELECT vg_perguntas.descricao_pergunta, vg_pes_area_usuario.cod_usuario, vg_perguntas.id_pergunta, vg_pes_area_usuario.cod_pergunta, vg_pes_area_usuario.cod_area, vg_pes_area_usuario.respondido FROM vg_perguntas INNER JOIN vg_pes_area_usuario ON vg_perguntas.id_pergunta = vg_pes_area_usuario.cod_pergunta WHERE vg_pes_area_usuario.respondido = 'N' AND vg_pes_area_usuario.cod_usuario = 'jesse.pereira'"; $result = mysqli_query($mysqli, $queryResult); $sql = "SELECT * FROM vg_perguntas"; $resultado = mysqli_query($mysqli, $sql); ?> <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <title>Starter Template for Bootstrap</title> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/ie10-viewport-bug-workaround.css" rel="stylesheet"> <link href="css/starter-template.css" rel="stylesheet"> <link rel="stylesheet" href="css/style.css"/> <script src="js/ie-emulation-modes-warning.js"></script> <style type="text/css"> label {margin-right:14px;} </style> </head> <body> <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Project name</a> </div> <div id="navbar" class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#contact">Contact</a></li> </ul> </div> </div> </nav> <br> <div class="container"> <div class="list-group"> <?php if ($res=$mysqli->query($sql)) { if($res) { while($row = mysqli_fetch_array($res)): ?> <a href="#" data-toggle="modal" data-target="#are_mdl" data-whatever="<?php echo $row["id_pergunta"]; ?>"data-whateverdescricaopergunta="<?php echo utf8_encode($row["descricao_pergunta"]); ?>"data-whateverid_pergunta="<?php echo utf8_encode($row["id_pergunta"]); ?>" class="list-group-item"><?php echo $row['id_pergunta']." - "; echo utf8_encode($row['descricao_pergunta']);?></a> <?php endwhile; ?> <br> </div> </div> <?php }} ?> <div class="modal fade" id="are_mdl" tabindex="-1" role="dialog" aria-labelledby="are_mdlLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="are_mdlLabel">...</h4> </div> <div class="modal-body"> <form method="POST" action="update.php" enctype="multipart/form-data"> <?php if ($res=$mysqli->query($queryResult)) { if($res) { while($row = mysqli_fetch_array($res)): ?> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title"><?php echo utf8_encode($row['cod_area']); ?></h3> </div> <div class="panel-body"> <div class="form-group"> <div> <table> <tr><td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="0" id="<?php echo $row['cod_area']."0"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."0"; ?>" class="css-label radGroup2">0</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="1" id="<?php echo $row['cod_area']."1"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."1"; ?>" class="css-label radGroup2">1</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="2" id="<?php echo $row['cod_area']."2"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."2"; ?>" class="css-label radGroup2">2</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="3" id="<?php echo $row['cod_area']."3"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."3"; ?>" class="css-label radGroup2">3</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="4" id="<?php echo $row['cod_area']."4"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."4"; ?>" class="css-label radGroup2">4</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="5" id="<?php echo $row['cod_area']."5"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."5"; ?>" class="css-label radGroup2">5</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="6" id="<?php echo $row['cod_area']."6"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."6"; ?>" class="css-label radGroup2">6</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="7" id="<?php echo $row['cod_area']."7"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."7"; ?>" class="css-label radGroup2">7</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="8" id="<?php echo $row['cod_area']."8"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."8"; ?>" class="css-label radGroup2">8</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="9" id="<?php echo $row['cod_area']."9"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."9"; ?>" class="css-label radGroup2">9</label> </td> <td> <input type="radio" name="<?php echo $row['cod_area']; ?>" value="10" id="<?php echo $row['cod_area']."10"; ?>" class="css-checkbox" /> <label for="<?php echo $row['cod_area']."10"; ?>" class="css-label radGroup2">10</label> </td> </tr> </table> </div> <br> </div> </div> </div> <?php endwhile;}}?> <div class="form-group"> <label for="id_pergunta" class="control-label">id_pergunta:</label> <input name="id_pergunta" type="text" class="form-control" id="id_pergunta" readonly> </div> <button type="submit" class="btn btn-success">Confirmar</button> <button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar</button> </form> </div> </div> </div> </div> Espero que compreendam. Obrigado!
    • Por clickanapolis
      Pessoal boa tarde, estou precisando fazer uma consulta na minha tabela onde eu pego separo os registros pelo ano de inserção.
       
      queria algo assim:
       
      2018
      Registro 1
      Registro 2
      Registro 3
      Registro 4
      ...
       
      2017
      Registro 1
      Registro 2
      Registro 3
       
      eu tenho o campo data que armazena a data de inclusão, como ficaria minha query para separar por ano.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.