Minor

Author: Nyholm

Resources/public/script/httplug.js

@@ -3,10 +3,15 @@
 /**
  * Toggle hide/show on the message body
  */
-function httplug_toggleBody() {
+function httplug_toggleBody(el) {
   var bodies = document.querySelectorAll(".httplug-http-body");
 
   httplug_toggleVisibility(bodies);
+
+  var newLabel = el.getAttribute("data-label");
+  var oldLabel = el.innerHTML;
+  el.innerHTML = newLabel;
+  el.setAttribute("data-label", oldLabel);
 }
 
 function httplug_togglePluginStack(el) {

Resources/views/webprofiler.html.twig

@@ -20,7 +20,7 @@
                 <span>{{ collector.sucessfulRequests }}</span>
             </div>
             <div class="sf-toolbar-info-piece">
-                <b>Faild requests</b>
+                <b>Failed requests</b>
                 <span>{{ collector.failedRequests }}</span>
             </div>
 
@@ -30,7 +30,6 @@
 {% endblock %}
 
 {% block head %}
-    {# Optional. Here you can link to or define your own CSS and JS contents. #}
     <link rel="stylesheet" href="{{ asset('bundles/httplug/style/httplug.css') }}" />
     <script type="text/javascript" src="{{ asset("bundles/httplug/script/httplug.js") }}"></script>
     {{ parent() }}
@@ -52,7 +51,7 @@
 
 {% block panel %}
     <h2>HTTPlug</h2>
-    <button class="btn push-right" onclick="httplug_toggleBody()">Toggle message body</button>
+    <button class="btn push-right" onclick="httplug_toggleBody(this)" data-label="Hide message body">Show message body</button>
 
     <div class="sf-tabs">
         {% for name, client in collector.clients %}