blur logic implemented on view.html.twig of Person by means of example

This commit is contained in:
2021-10-08 22:21:40 +02:00
parent b40ed48776
commit f09329daee
4 changed files with 57 additions and 21 deletions

View File

@@ -1,13 +1,19 @@
var infos = document.querySelectorAll("confidential");
var toggles = document.querySelectorAll("confidential-toggle");
var toggleBlur = function(e){
var btn = e.target;
btn.previousElementSibling.classList.toggle("blur");
btn.classList.toggle("fa-eye");
btn.classList.toggle("fa-eye-slash");
var toggleBlur = function(){
var isBlurred = true;
if(isBlurred === true){
}
}
var infos = document.getElementsByClassName("confidential");
for(var i=0; i < infos.length; i++){
infos[i].insertAdjacentHTML('beforeend', '<i class="fa fa-eye toggle" aria-hidden="true"></i>');
}
var toggles = document.getElementsByClassName("toggle");
for(var i=0; i < toggles.length; i++){
toggles[i].addEventListener("click", toggleBlur)
toggles[i].addEventListener("click", toggleBlur);
}