From c1a845e3e16a4eb818ff6b0180a917e3c249b4a8 Mon Sep 17 00:00:00 2001
From: Julie Lenaerts <julielenaerts@gmail.com>
Date: Tue, 26 Oct 2021 11:35:26 +0200
Subject: [PATCH] display of eye-icon fixed

---
 .../public/vuejs/_components/Confidential.vue    | 16 ++--------------
 1 file changed, 2 insertions(+), 14 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue
index 11d1bc6e0..d24c93311 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue
@@ -3,29 +3,17 @@
         <div class="confidential-content blur">
             <slot name="confidential-content"></slot>
         </div>
+        <i class="fa fa-eye toggle" aria-hidden="true"></i>
     </div>
 </template>
 
 <script>
 export default {
     name: "Confidential",
-    computed : {
-        getConfidentialInfo: function(){
-            var infos = document.getElementsByClassName("confidential");
-            return infos;
-        },
-        addToggles: function(){
-            var infos = this.getConfidentialInfo;
-            if(this.getConfidentialInfo !== null){
-                for(var i=0; i < infos.length; i++){
-                infos[i].insertAdjacentHTML('beforeend', '<i class="fa fa-eye toggle" v-on:click="toggleBlur" aria-hidden="true"></i>');
-                }
-            }
-        },
-    },
     methods : {
         toggleBlur: function(e){
             if(e.target.matches('.toggle')){
+                console.log(e);
                 e.target.previousElementSibling.classList.toggle("blur");
                 e.target.classList.toggle("fa-eye");
                 e.target.classList.toggle("fa-eye-slash");