switched layout, inspired by Swagger UI

Log/LogRequest.php

@@ -100,7 +100,7 @@ protected function save(RequestInterface $request) {
         $this->setHeaders($request->getHeaders());
         $this->setProtocolVersion($request->getProtocolVersion());
         $this->setMethod($request->getMethod());
-        $this->setBody($request->getBody());
+        $this->setBody($request->getBody()->__toString());
     } // end: save()
 
     /**

Log/LogResponse.php

@@ -20,6 +20,11 @@ class LogResponse {
      */
     protected $statusCode;
 
+    /**
+     * @var string
+     */
+    protected $statusPhrase;
+
     /**
      * @var string
      */
@@ -61,7 +66,8 @@ public function __construct(ResponseInterface $response) {
     public function save(ResponseInterface $response) {
 
         $this->setStatusCode($response->getStatusCode());
-        $this->setBody($response->getBody());
+        $this->setStatusPhrase($response->getReasonPhrase());
+        $this->setBody($response->getBody()->__toString());
         $this->setHeaders($response->getHeaders());
         $this->setProtocolVersion($response->getProtocolVersion());
     } // end: save()
@@ -94,6 +100,34 @@ public function setStatusCode($value) {
         $this->statusCode = $value;
     } // end: setStatusCode()
 
+    /**
+     * Return HTTP status phrase
+     *
+     * @author  Florian Preusner
+     * @version 4.0
+     * @since   2015-07
+     *
+     * @return  string
+     */
+    public function getStatusPhrase() {
+
+        return $this->statusPhrase;
+    } // end: getStatusPhrase()
+
+    /**
+     * Set HTTP status phrase
+     *
+     * @author  Florian Preusner
+     * @version 4.0
+     * @since   2015-07
+     *
+     * @param   string $value
+     */
+    public function setStatusPhrase($value) {
+
+        $this->statusPhrase = $value;
+    } // end: setStatusPhrase()
+
     /**
      * Return response body
      *

Resources/public/css/main.css

@@ -0,0 +1,167 @@
+#guzzle_profiler {
+    line-height: 1;
+    font-family: "Droid Sans", sans-serif;
+    font-size: 0.9em;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+#guzzle_profiler pre {
+    background-color: #404040;
+    border: 1px solid #636363;
+    border-radius: 6px;
+}
+
+#guzzle_profiler textarea {
+    background-color: #404040;
+    border: 1px solid #636363;
+    border-radius: 6px;
+    min-height: 100px;
+    max-height: 250px;
+    width: 100%;
+    overflow: auto;
+    color: #EBEBEB;
+    line-height: 1.2em;
+    font: 12px Menlo, Monaco, Consolas, monospace;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+#guzzle_profiler .request {
+    width: 100%;
+    margin-bottom: 7px;
+}
+
+#guzzle_profiler table {
+    margin-bottom: 0px;
+}
+
+#guzzle_profiler table th {
+    width: 130px;
+    vertical-align: top;
+}
+
+#guzzle_profiler .request {
+    border-radius: 6px;
+}
+
+#guzzle_profiler h3 .method {
+    text-transform: uppercase;
+    text-decoration: none;
+    color: white;
+    display: inline-block;
+    width: 50px;
+    font-size: 0.8em;
+    text-align: center;
+    padding: 7px 0 5px;
+    border-radius: 4px;
+}
+
+#guzzle_profiler h3 .url {
+    padding-left: 10px;
+    color: black;
+    text-decoration: none;
+    font-weight: normal;
+}
+
+#guzzle_profiler h3 .response {
+    text-decoration: none;
+    color: white;
+    display: inline-block;
+    font-size: 0.8em;
+    text-align: center;
+    padding: 7px 10px 5px 10px;
+    float: right;
+    border-radius: 4px;
+}
+
+#guzzle_profiler .request.method_get,
+#guzzle_profiler .request.method_get h3,
+#guzzle_profiler .request.method_get table,
+#guzzle_profiler .request.method_get table tr,
+#guzzle_profiler .request.method_get table th,
+#guzzle_profiler .request.method_get table td {
+    border: 1px solid #c3d9ec;
+    background-color: #e7f0f7;
+}
+
+#guzzle_profiler .request.method_get h3 .method,
+#guzzle_profiler .request.method_get h3 .response {
+    background-color: #0f6ab4;
+}
+
+#guzzle_profiler .request.method_put,
+#guzzle_profiler .request.method_put h3,
+#guzzle_profiler .request.method_put table,
+#guzzle_profiler .request.method_put table tr,
+#guzzle_profiler .request.method_put table th,
+#guzzle_profiler .request.method_put table td {
+    background-color: #f9f2e9;
+    border: 1px solid #f0e0ca;
+}
+
+#guzzle_profiler .request.method_put h3 .method,
+#guzzle_profiler .request.method_put h3 .response {
+    background-color: #c5862b;
+}
+
+#guzzle_profiler .request.method_post,
+#guzzle_profiler .request.method_post h3,
+#guzzle_profiler .request.method_post table,
+#guzzle_profiler .request.method_post table tr,
+#guzzle_profiler .request.method_post table th,
+#guzzle_profiler .request.method_post table td {
+    background-color: #e7f6ec;
+    border: 1px solid #c3e8d1;
+}
+
+#guzzle_profiler .request.method_post h3 .method,
+#guzzle_profiler .request.method_post h3 .response {
+    background-color: #10a54a;
+}
+
+#guzzle_profiler .request.method_delete,
+#guzzle_profiler .request.method_delete h3,
+#guzzle_profiler .request.method_delete table,
+#guzzle_profiler .request.method_delete table tr,
+#guzzle_profiler .request.method_delete table th,
+#guzzle_profiler .request.method_delete table td {
+    background-color: #f5e8e8;
+    border: 1px solid #e8c6c7;
+}
+
+#guzzle_profiler .request.method_delete h3 .method,
+#guzzle_profiler .request.method_delete h3 .response {
+    background-color: #a41e22;
+}
+
+#guzzle_profiler h2 {
+    font-size: 1.1em;
+    margin-top: 25px;
+}
+
+#guzzle_profiler .request h3 {
+    font-size: 1em;
+    border-width: 0px 0px 1px 0px !important;
+    padding: 5px;
+    margin: 0px;
+}
+
+#guzzle_profiler h3 a {
+    text-decoration: none;
+}
+
+#guzzle_profiler h3 a .url {
+    text-decoration: underline;
+}
+
+#guzzle_profiler h4 {
+    font-size: 1em;
+    margin: 16px 0 10px 0;
+}
+
+
+
+#guzzle_profiler .content {
+    padding: 10px;
+}

Resources/views/debug.html.twig

@@ -58,10 +58,12 @@
 
 
 {% block head %}
+
     {{ parent() }}
-    <link rel="stylesheet" href="{{ asset('bundles/playbloomguzzle/css/profiler.min.css') }}" />
-{% endblock %}
 
+    <link rel="stylesheet" href="{{ asset('bundles/guzzle/css/main.css') }}" />
+    <script src="{{ asset('bundles/guzzle/js/jquery.min.js') }}"></script>
+{% endblock %}
 
 {% block panel %}