[WebProfilerBundle] Add clear button to ajax tab

Matthew Smeets · Matthew Smeets · commit b1eb7077231b · 2019-06-05T17:13:36.000+02:00
diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/ajax.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/ajax.html.twig
@@ -8,7 +8,10 @@
 
     {% set text %}
         <div class="sf-toolbar-info-piece">
-            <b class="sf-toolbar-ajax-info"></b>
+            <b class="sf-toolbar-header" style="display: table">
+                <b class="sf-toolbar-ajax-info"></b>
+                <b class="sf-toolbar-action"><a class="sf-toolbar-action-clear" href="javascript:void(0);">Clear</a></b>
+            </b>
         </div>
         <div class="sf-toolbar-info-piece">
             <table class="sf-toolbar-ajax-requests">
diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/base_js.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/base_js.html.twig
@@ -118,10 +118,16 @@
                 removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading');
                 removeClass(ajaxToolbarPanel, 'sf-toolbar-status-red');
             }
+
+            document.querySelector('.sf-toolbar-action-clear').addEventListener('click', function() {
+                requestStack = [];
+                renderAjaxRequests();
+            });
         };
 
         var startAjaxRequest = function(index) {
             var tbody = document.querySelector('.sf-toolbar-ajax-request-list');
+
             if (!tbody) {
                 return;
             }
