Updating in real time the amount of xhr requests done in the history panel

Author: lorenzo

src/Panel/HistoryPanel.php

@@ -37,4 +37,14 @@ public function data()
             'requests' => $recent->toArray(),
         ];
     }
+
+    /**
+     * Gets the initial text for the history summary
+     *
+     * @return string
+     */
+    public function summary()
+    {
+        return '0 xhr';
+    }
 }

webroot/js/toolbar-app.js

@@ -224,10 +224,15 @@ Toolbar.prototype = {
 
 	onMessage: function(event) {
 		if (event.data.startsWith('ajax-completed$$')) {
-			this.ajaxRequests.push(JSON.parse(event.data.split('$$')[1]));
+			this.onRequest(JSON.parse(event.data.split('$$')[1]))
 		}
 	},
 
+	onRequest: function(request) {
+		this.ajaxRequests.push(request);
+		$(".panel-summary:contains(xhr)").text("" + this.ajaxRequests.length + ' xhr');
+	},
+
 	initialize: function() {
 		this.windowOrigin();
 		this.mouseListener();