ostrolucky
diff --git a/‎Resources/views/Collector/ajax.html.twig
Copy file name to clipboardExpand all lines: Resources/views/Collector/ajax.html.twig
+1Lines changed: 1 addition & 0 deletions b/‎Resources/views/Collector/ajax.html.twig
Copy file name to clipboardExpand all lines: Resources/views/Collector/ajax.html.twig
+1Lines changed: 1 addition & 0 deletions
diff --git a/‎Resources/views/Profiler/base_js.html.twig
Copy file name to clipboardExpand all lines: Resources/views/Profiler/base_js.html.twig
+44Lines changed: 44 additions & 0 deletions b/‎Resources/views/Profiler/base_js.html.twig
Copy file name to clipboardExpand all lines: Resources/views/Profiler/base_js.html.twig
+44Lines changed: 44 additions & 0 deletions
diff --git a/‎Resources/views/Profiler/toolbar.css.twig
Copy file name to clipboardExpand all lines: Resources/views/Profiler/toolbar.css.twig
+1-1Lines changed: 1 addition & 1 deletion b/‎Resources/views/Profiler/toolbar.css.twig
Copy file name to clipboardExpand all lines: Resources/views/Profiler/toolbar.css.twig
+1-1Lines changed: 1 addition & 1 deletion
@@ -15,6 +15,7 @@
                 <thead>
                     <tr>
                         <th>Method</th>
+                        <th>Type</th>
                         <th>Status</th>
                         <th>URL</th>
                         <th>Time</th>
 
@@ -124,6 +124,10 @@
                             methodCell.textContent = request.method;
                             row.appendChild(methodCell);
 
+                            var typeCell = document.createElement('td');
+                            typeCell.textContent = request.type;
+                            row.appendChild(typeCell);
+
                             var statusCodeCell = document.createElement('td');
                             var statusCode = document.createElement('span');
                             if (request.statusCode < 300) {
@@ -235,6 +239,45 @@
         }
 
         {% if excluded_ajax_paths is defined %}
+
+            if (window.fetch && window.fetch.polyfill === undefined) {
+                var oldFetch = window.fetch;
+                window.fetch = function () {
+                    var promise = oldFetch.apply(this, arguments);
+                    if (!arguments[0].match(new RegExp({{ excluded_ajax_paths|json_encode|raw }}))) {
+                        var method = 'GET';
+                        if (arguments[1] && arguments[1].method !== undefined) {
+                            method = arguments[1].method;
+                        }
+
+                        var stackElement = {
+                            loading: true,
+                            error: false,
+                            url: arguments[0],
+                            method: method,
+                            type: 'fetch',
+                            start: new Date()
+                        };
+
+                        requestStack.push(stackElement);
+                        promise.then(function (r) {
+                            stackElement.duration = new Date() - stackElement.start;
+                            stackElement.loading = false;
+                            stackElement.error = r.status < 200 || r.status >= 400;
+                            stackElement.statusCode = r.status;
+                            stackElement.profile = r.headers.get('x-debug-token');
+                            stackElement.profilerUrl = r.headers.get('x-debug-token-link');
+                            Sfjs.renderAjaxRequests();
+                        }, function (e){
+                            stackElement.loading = false;
+                            stackElement.error = true;
+                        });
+                        Sfjs.renderAjaxRequests();
+                    }
+
+                    return promise;
+                };
+            }
             if (window.XMLHttpRequest && XMLHttpRequest.prototype.addEventListener) {
                 var proxied = XMLHttpRequest.prototype.open;
 
@@ -258,6 +301,7 @@
                             error: false,
                             url: url,
                             method: method,
+                            type: 'xhr',
                             start: new Date()
                         };
 
 
@@ -334,7 +334,7 @@
     padding: 4px;
 }
 .sf-ajax-request-url {
-    max-width: 300px;
+    max-width: 250px;
     line-height: 9px;
     overflow: hidden;
     text-overflow: ellipsis;