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

Apply prettier rules

Browse Source
This commit is contained in:
Julie Lenaerts
2024-11-14 18:47:38 +01:00
parent 610227815a
commit aa0785fc71
291 changed files with 23646 additions and 22071 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,17 +1,17 @@
<template>
<div class="confidential">
<div :class="{ 'blur': isBlurred }">
<slot name="confidential-content" />
<div class="confidential">
<div :class="{ blur: isBlurred }">
<slot name="confidential-content" />
</div>
<div class="toggle-container">
<i
class="fa toggle"
:class="toggleIcon"
aria-hidden="true"
@click="toggleBlur"
/>
</div>
</div>
<div class="toggle-container">
<i
class="fa toggle"
:class="toggleIcon"
aria-hidden="true"
@click="toggleBlur"
/>
</div>
</div>
</template>
<script>
@@ -20,21 +20,21 @@ export default {
data() {
return {
isBlurred: true,
toggleIcon: 'fa-eye',
toggleIcon: "fa-eye",
};
},
methods : {
methods: {
toggleBlur() {
console.log(this.positionBtnFar);
this.isBlurred = !this.isBlurred;
this.toggleIcon = this.isBlurred ? 'fa-eye' : 'fa-eye-slash';
this.toggleIcon = this.isBlurred ? "fa-eye" : "fa-eye-slash";
},
},
}
};
</script>
<style scoped lang='scss'>
.confidential{
align-content: center;
}
<style scoped lang="scss">
.confidential {
align-content: center;
}
</style>