diff --git a/src/Bundle/ChillMainBundle/Resources/public/module/blur/blur.scss b/src/Bundle/ChillMainBundle/Resources/public/module/blur/blur.scss
new file mode 100644
index 000000000..ec96289de
--- /dev/null
+++ b/src/Bundle/ChillMainBundle/Resources/public/module/blur/blur.scss
@@ -0,0 +1,13 @@
+.confidential{
+ display: flex;
+}
+.toggle{
+ margin-left: 30px;
+ margin-top: 5px;
+ cursor: pointer;
+}
+.blur {
+ -webkit-filter: blur(5px);
+ -moz-filter: blur(5px);
+ filter: blur(5px);
+}
\ No newline at end of file
diff --git a/src/Bundle/ChillMainBundle/Resources/public/module/blur/index.js b/src/Bundle/ChillMainBundle/Resources/public/module/blur/index.js
new file mode 100644
index 000000000..6e3b75f2b
--- /dev/null
+++ b/src/Bundle/ChillMainBundle/Resources/public/module/blur/index.js
@@ -0,0 +1,21 @@
+require('./blur.scss');
+
+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 infos = document.getElementsByClassName("confidential");
+for(var i=0; i < infos.length; i++){
+ infos[i].insertAdjacentHTML('beforeend', '');
+}
+
+var toggles = document.getElementsByClassName("toggle");
+for(var i=0; i < toggles.length; i++){
+ toggles[i].addEventListener("click", toggleBlur);
+}
\ No newline at end of file
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue
new file mode 100644
index 000000000..5fe040e14
--- /dev/null
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue
@@ -0,0 +1,43 @@
+
+