Merge branch 'blur_confidential_info' into 'master'

Blur confidential info

See merge request Chill-Projet/chill-bundles!172

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue

@@ -0,0 +1,43 @@
+<template>
+    <div class="confidential" v-on:click="toggleBlur">
+        <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",
+    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");
+            }
+        },
+    }
+}
+</script>
+
+<style scoped lang='scss'>
+    .confidential{
+        align-items: center;
+        display: flex;
+    }
+    .toggle{
+        margin-top: 28px;
+        cursor: pointer;
+        display: block;
+        float: right;
+        margin-right: 20px;
+    }
+    .blur {
+        -webkit-filter: blur(5px);
+        -moz-filter: blur(5px);
+        filter: blur(5px);
+    }
+</style>