Exclusão com modal do bootstrap 4

alissong · Março 28, 2019

Pessoal,

Tenho um código que exibe os usuários cadastrados e suas permissões ao clicar no button radio dinamicamente pelo ajax.

Mas quando clico para excluir exibe o modal: Deseja apagar a permissão para usuário: SIM ou NÂO. No entanto, quando clico em sim

esta direcionando para esse link: http://localhost/cursos/index.php?menu=consultas&con=con_permissao#

Veja os código abaixo:

1 - ajaxselectuser.js

/**
  * Função para criar um objeto XMLHTTPRequest
  */
 function CriaRequest() {
     try{
         request = new XMLHttpRequest();        
     }catch (IEAtual){
         
         try{
             request = new ActiveXObject("Msxml2.XMLHTTP");       
         }catch(IEAntigo){
         
             try{
                 request = new ActiveXObject("Microsoft.XMLHTTP");          
             }catch(falha){
                 request = false;
             }
         }
     }
     
     if (!request) 
         alert("Seu Navegador não suporta Ajax!");
     else
         return request;
 }
/**
  * Função para enviar os dados
*/
 function BuscarDados() {
     
     // Declaração de Variáveis
	 
     var cod_usuario = "";
     var campo_radio = document.getElementsByName('id_login');
     for (var i=0 ; i< campo_radio.length;i++){
     if ( campo_radio[i].checked ) {
     cod_usuario = campo_radio[i].value;
  }
}   		
     var result  = document.getElementById("Resultado");
     var xmlreq  = CriaRequest();
     
     // Exibi a imagem de progresso
     result.innerHTML = '';
     
     // Iniciar uma requisição
     xmlreq.open("GET", "con_permissao_itens.php?id_login=" + cod_usuario, true);
     
     // Atribui uma função para ser executada sempre que houver uma mudança de ado
     xmlreq.onreadystatechange = function(){
         
         // Verifica se foi concluído com sucesso e a conexão fechada (readyState=4)
         if (xmlreq.readyState == 4) {
             
             // Verifica se o arquivo foi encontrado com sucesso
             if (xmlreq.status == 200) {
                 result.innerHTML = xmlreq.responseText;
             }else{
                 result.innerHTML = "Erro: " + xmlreq.statusText;
             }
         }
     };
     xmlreq.send(null);
 }

2 - con_permissao.php

<?php
#Arquivo de funções *************************************
 include("verifica.php");
 include("conexao/bdinc.php"); 

#********************************************************

//Selecionar todos os usuarios da tabela
$sql_usuario = "SELECT * FROM usuario ORDER BY id_login";
if ($res_usuario = mysqli_query($conn, $sql_usuario)) {
?>
<!doctype html>
<html lang="pt-br">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<script type="text/javascript" src="java/ajaxselectuser.js"></script>
    <title>Cadastro Permissão</title>	
</head>
<body>
<form name="rel_permissao" method="post" action="?menu=con_permissao_itens">  
  <div class="card border-dark">
  <div class="card-header bg-dark text-white">USU&Aacute;RIO CADASTRADO</div>  
	<div class="card-body">
		<div class="table-responsive-sm">		
			<table class="table table-bordered table-striped table-sm">
                <thead>
                <tr>
                    <th>C&oacute;digo</th>
					<th>Login</th>					
                </tr>
                </thead>
				<tbody>
<?php
while ($linhaUsu = mysqli_fetch_array($res_usuario)){ ?>    
               
                <tr>
                    <td><input type="radio" name="id_login" id="id_login" value="<?php echo $linhaUsu[0];?>" onchange="BuscarDados(this.value)"</td>                    				
					<td><?php echo "$linhaUsu[1]";?></td>					
                </tr>
				
<?php 

	} // Fecha loop while 
	}// Fecha o IF 
	
?>          
				</tbody>
			</table> 
		</div>
	</div>
</div>
<?php
/* free result set */
mysqli_free_result($res_usuario);

// Fecha conexao com banco de dados
mysqli_close($conn);
?>
</form>
<br>
<div id="Resultado"></div>
</body>

3 - con_permissao_itens.php

<?php
#Arquivo de funções *************************************
 include("verifica.php");
 include("conexao/bdinc.php"); 

#********************************************************

// Pegar a página atual por GET
if (isset($_GET['id_login'])){
$cod_usuario = $_GET['id_login'];
}else{
$cod_usuario = 1;
}
//Selecionar todas as paginas da tabela
$sql_permissao = "SELECT * FROM con_permissao WHERE id_login= '$cod_usuario'";
if ($res_permissao = mysqli_query($conn, $sql_permissao)) {

//VERIFICA A QUANTIDADE DE REGISTROS RETORNADOS
$registros = mysqli_num_rows($res_permissao);

if($registros > 0){	
?>
<div class="card border-dark">
  <div class="card-header bg-dark text-white">PERMISS&Atilde;O DO USU&Aacute;RIO CADASTRADA</div>  
	<div class="card-body">
		<div class="table-responsive-sm">		
			<table class="table table-bordered table-striped table-sm">
                <thead>
                <tr>
					<th>ID</th>
                    <th>C&oacute;d. P&aacute;gina</th>
					<th>Nome da p&aacute;gina</th>
					<th>Descri&ccedil;&atilde;o</th>					
					<th>Tipo</th>
					<th style = "text-align: center";>Excluir</th>	
                </tr>
                </thead>
				<tbody>
<?php
while ($linha = mysqli_fetch_array($res_permissao)){ ?>    
               
                <tr>
					<td><?php echo "$linha[0]";?></td>
                    <td><?php echo "$linha[1]";?></td>
					<td><?php echo "$linha[2]";?></td>	
					<td><?php echo "$linha[3]";?></td>	
					<td><?php echo "$linha[4]";?></td>					
					<td style = "text-align: center";><button type="button" class="btn btn-sm btn-danger delete" data-nome="<?php echo "$linha[2]";?>" data-id="<?php echo "$linha[0]";?>" data-toggle="modal" data-target="#modaldeletePermissao"><span class="oi oi-trash"></span></button></td>		
                </tr>
<?php 
	} // Fecha loop while 
	}//fecha if registros
else {
echo "<b>N&atilde;o existe(em) permiss&atilde;o para o usu&aacute;rio selecionado !<b>";
}//fecha else
	}// Fecha o IF consulta
?>          
				</tbody>
			</table> 
		</div>  
	</div>
</div>
<?php
/* free result set */
mysqli_free_result($res_permissao);

// Fecha conexao com banco de dados
mysqli_close($conn);
?>
</form>
</body>
</html>

<!-- Formulário Modal Excluir do Bootstrap -->   
<div class="modal fade" id="modaldeletePermissao" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header bg-danger text-white">
        <h5 class="modal-title">Excluir Permiss&atilde;o</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p>Deseja mesmo apagar a Permiss&atilde;o: <span class="pagina"></span></p>
      </div>
      <div class="modal-footer">
        <a href="#" type="button" class="btn btn-danger delete-yes">Sim</a>
        <button type="button" class="btn btn-success" data-dismiss="modal">N&atilde;o</button>
      </div>
    </div>
  </div>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script language="javascript" type="text/javascript">		
		
<!-- jQuery (necessario para excluir a GPS) -->
$('.delete').on('click', function(){
      var pagina = $(this).data('nome'); // vamos buscar o valor do atributo data-name que temos no botão que foi clicado
      var id     = $(this).data('id'); // vamos buscar o valor do atributo data-id
      $('span.pagina').text(pagina + ' (id = ' +id+ ')'); // inserir na o nome na pergunta de confirmação dentro da modal     
      $('a.delete-yes').attr('href', '?menu=excl_permissao&id=' +id); // mudar dinamicamente o link, href do botão confirmar da modal
      $('#modaldeletePermissao').modal('show'); // modal aparece
});
</script>

4 - excl_permissao.php

<?php
#Arquivo de funções *************************************
require ("verifica.php"); 
include("conexao/bdinc.php"); 

#********************************************************
?>
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Exclus&atilde;o da Permiss&atilde;o</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
   <!-- Bootstrap -->   

</head>
<body>
<?php

// ID do usuário logado
$id_usuario = $_SESSION["id_logado"];
if ($id_usuario == 1) {
    
// sql para exclusão de itens
$id = ((int)$_GET["id"]);
$sql = "DELETE FROM acesso WHERE idAcesso = '".$id."'";

if (mysqli_query($conn,$sql)) {

echo "<SCRIPT language=JavaScript> window.alert('A Permiss&atilde;O foi exclu\u00edda com sucesso !'); </SCRIPT>";
echo "<SCRIPT>window.location = '?menu=consultas&con=con_permissao'</SCRIPT>";

} else {
    
echo "Error deleting record: " . mysqli_error($conn);
}
} else {
echo "<SCRIPT language=JavaScript> window.alert('Voc\u00ea n\u00e4o possue permiss\u00e4o para excluir o item do DARF !'); </SCRIPT>";
echo "<SCRIPT>window.location = '?menu=consultas&con=con_permissao'</SCRIPT>";
}
// fecha a conexão mysqli_close($conn);
mysqli_close($conn);

?>
</body>
</html>