[Backend] Fermeture flash messages via bouton

ShopBundle/Resources/public/css/backend/custom.css

 }
 
 /* line 314, ../../sass/backend/custom.scss */
-#toast-container:before {
-  content: 'x';
+#toast-close-all {
+  border: 0;
   position: absolute;
   pointer-events: auto;
   z-index: 999999999999999999999;
   border-radius: 3px;
   color: #fff;
   opacity: 0.8;
-  top: 1px;
+  top: 2px;
   width: 50px;
   height: 50px;
   font-size: 30px;

ShopBundle/Resources/public/js/backend/script/default/utils.js

 
 
 function setFlashMessages(flashMessages){
+    var currentFlash =new Array();
     for (var type in flashMessages) {
         for (var key in flashMessages[type]) {
-            generateNotice(type, flashMessages[type][key]);
+            if(!currentFlash.includes(flashMessages[type][key])) {
+                currentFlash.push(flashMessages[type][key]);
+                generateNotice(type, flashMessages[type][key]);
+            }
         }
     }
 }
 
 function generateNotice(type, text) {
-    $('#toast-container:before').on('click', function (){
-        alert('niche')
-    });
-    toastr.options.timeOut = 3000000;
-    toastr.options.extendedTimeOut = 3000000;
 
-    toastr.options.preventDuplicates = true;
+    toastr.options.timeOut = 3000;
+    toastr.options.onHidden = function() {
+        if($('#toast-container .toast').length==0)$('#toast-close-all').remove();
+    };
+    //toastr.options.preventDuplicates = true;
     toastr[type](text);
 
+    if($('#toast-close-all').length==0) {
+        $('#toast-container').prepend('<button id="toast-close-all"><i class="fa fa-times"></i></button>');
+    }
+    $('#toast-close-all').off('click');
+    $('#toast-close-all').on('click', function (){
+        toastr.remove();
+        if($('#toast-container .toast').length==0)$('#toast-close-all').remove();
+    });
+
     /*var n = noty({
         text: text,
         type: type,

ShopBundle/Resources/public/sass/backend/custom.scss

         opacity:1;
         cursor:pointer;
 }
-#toast-container:before {
-        content:'x';
+#toast-close-all {
+        border:0;
         position: absolute;
         pointer-events: auto;
         z-index: 999999999999999999999;
         border-radius: 3px;
 color:#fff;
         opacity:0.8;
-        top: 1px;
+        top: 2px;
         width: 50px;
         height: 50px;
         font-size: 30px;