Quiero ocultar unos botones con base al tipo de rol que ha iniciado sesion.
Tengo una funcion que crea dinamicamente las filas de una tabla con base a los resultados de la base de datos y al texto ingresado en un buscador, uno de los elementos de estas filas, son las acciones, las cuales son tres botones, aqui les muestro como creo uno de ellos:
'<div class="botonSeparacion2" style="display: <?php if($rol){echo \'none\';} else{echo \'block\';} ?> ;">' .
'<a href="delete.php?id='. $row['idDispositivo'] . '" class=\'boton-rojo-tabla del-btn\'>'.
//'<a href=" " class=\'del-btn boton-rojo-tabla\'>'.
'<img class="icono2" src="/inventario_ayuntamiento/src/img/icono1.svg" alt="">' .
'</a>' .
'</div>' .
Como pueden ver, oculto este elemento con base a una variable, esto lo logro insertando el codigo PHP, pero al ejecutarlo este no hace nada.
Traigo toda esta información la tabla mediante la siguiente funcion:
<script>
/* Llamando a la función getData() */
getData()
/* Escuchar un evento keyup en el campo de entrada y luego llamar a la función getData. */
document.getElementById("campo").addEventListener("keyup", getData)
/* Peticion AJAX */
function getData() {
const rol = $('.rolnormal');
let input = document.getElementById("campo").value
let content = document.getElementById("content")
let url = "load.php"
let formaData = new FormData()
formaData.append('campo', input)
fetch(url, {
method: "POST",
body: formaData
}).then(response => response.json())
.then(data => {
content.innerHTML = data
}).catch(err => console.log(err))
}
</script>