From 08b8fbf1833bdbc651be1971ad5216c41d2b592b Mon Sep 17 00:00:00 2001
From: Fabien Bourigault <bourigaultfabien@gmail.com>
Date: Tue, 21 Feb 2017 13:16:09 +0100
Subject: [PATCH] show profiler badges in the toolbar and the menu

---
 CHANGELOG.md                          |  1 +
 Resources/views/webprofiler.html.twig | 13 +++++++++----
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f65dbbf5..43dcd128 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@
 
 - The profiler collector has been rewritten to use objects instead of arrays.
 - Bumped minimum Symfony version to 2.8.
+- Updated profiler badges to match Symfony 2.8+ profiler design.
 
 ### Fixed
 
diff --git a/Resources/views/webprofiler.html.twig b/Resources/views/webprofiler.html.twig
index fa00ade2..689ab89d 100644
--- a/Resources/views/webprofiler.html.twig
+++ b/Resources/views/webprofiler.html.twig
@@ -13,15 +13,15 @@
         {% set text %}
             <div class="sf-toolbar-info-piece">
                 <b>Successful requests</b>
-                <span>{{ collector.successfulStacks|length }}</span>
+                <span class="sf-toolbar-status">{{ collector.successfulStacks|length }}</span>
             </div>
             <div class="sf-toolbar-info-piece">
                 <b>Failed requests</b>
-                <span>{{ collector.failedStacks|length }}</span>
+                <span class="sf-toolbar-status {{ collector.failedStacks|length ? 'sf-toolbar-status-red' }}">{{ collector.failedStacks|length }}</span>
             </div>
         {% endset %}
 
-        {% include 'WebProfilerBundle:Profiler:toolbar_item.html.twig' with { 'link': profiler_url } %}
+        {% include 'WebProfilerBundle:Profiler:toolbar_item.html.twig' with { 'link': profiler_url, 'status': collector.failedStacks|length ? 'red' : '' } %}
     {% endif %}
 {% endblock %}
 
@@ -33,11 +33,16 @@
 
 {% block menu %}
     {# This left-hand menu appears when using the full-screen profiler. #}
-    <span class="label {{ collector.stacks|length == 0 ? 'disabled' }}">
+    <span class="label {{ collector.stacks|length == 0 ? 'disabled' }} {{ collector.failedStacks|length ? 'label-status-error' }}">
         <span class="icon">
             {{ include('@Httplug/Icon/httplug.svg') }}
         </span>
         <strong>Httplug</strong>
+        {% if collector.failedStacks|length %}
+            <span class="count">
+                <span>{{ collector.failedStacks|length }}</span>
+            </span>
+        {% endif %}
     </span>
 {% endblock %}