Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-07 18:44:08 +00:00
Code Issues Actions Projects Releases Wiki Activity

display of eye-icon fixed

Browse Source
This commit is contained in:
Julie Lenaerts 2021-10-26 11:35:26 +02:00
parent d009d09215
commit c1a845e3e1
1 changed files with 2 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue
View File

@ -3,29 +3,17 @@
<div class="confidential-content blur"> <div class="confidential-content blur">
<slot name="confidential-content"></slot> <slot name="confidential-content"></slot>
</div> </div>
<i class="fa fa-eye toggle" aria-hidden="true"></i>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "Confidential", 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 : { methods : {
toggleBlur: function(e){ toggleBlur: function(e){
if(e.target.matches('.toggle')){ if(e.target.matches('.toggle')){
console.log(e);
e.target.previousElementSibling.classList.toggle("blur"); e.target.previousElementSibling.classList.toggle("blur");
e.target.classList.toggle("fa-eye"); e.target.classList.toggle("fa-eye");
e.target.classList.toggle("fa-eye-slash"); e.target.classList.toggle("fa-eye-slash");