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 @@ + + + + + \ No newline at end of file diff --git a/src/Bundle/ChillMainBundle/Resources/views/layout.html.twig b/src/Bundle/ChillMainBundle/Resources/views/layout.html.twig index 8bee2983e..1e78dbbe8 100644 --- a/src/Bundle/ChillMainBundle/Resources/views/layout.html.twig +++ b/src/Bundle/ChillMainBundle/Resources/views/layout.html.twig @@ -12,7 +12,8 @@ {{ encore_entry_link_tags('mod_forkawesome') }} {{ encore_entry_link_tags('mod_ckeditor5') }} {{ encore_entry_link_tags('chill') }} - {% block css%}{% endblock %} + {{ encore_entry_link_tags('mod_blur') }} + {% block css %}{% endblock %} @@ -88,6 +89,7 @@ {{ encore_entry_script_tags('mod_bootstrap') }} {{ encore_entry_script_tags('mod_forkawesome') }} {{ encore_entry_script_tags('mod_ckeditor5') }} + {{ encore_entry_script_tags('mod_blur') }} {{ encore_entry_script_tags('chill') }}