Merge pull request #19 from aligent/improve-json-view

Pretty print json serialized data

Author: gowrizrh

Model/Details.php

@@ -53,7 +53,7 @@ public function getDetails(string $uuid): array
         $asyncEventId = $collection->getFirstItem()->getData('subscription_id');
 
         try {
-            $asyncEvent = $this->asyncEventRepository->get($asyncEventId)->getData();
+            $asyncEvent = $this->asyncEventRepository->get((int) $asyncEventId)->getData();
             $this->traceCache[$uuid] = [
                 'traces' => $traces['items'],
                 'async_event' => $asyncEvent

Ui/DataProvider/AsyncEventsTrace.php

@@ -61,10 +61,18 @@ public function getData(): array
     {
         $uuid = $this->request->getParam($this->requestFieldName);
         $details = $this->traceDetails->getDetails($uuid);
+        $trace = current($details['traces']);
+
+        /**
+         * Prettify JSON by decoding and re-encoding with the JSON_PRETTY_PRINT flag
+         */
+        $prettyPrint = json_decode($trace['serialized_data'], true);
+        $prettyPrint = json_encode($prettyPrint, JSON_PRETTY_PRINT);
+        $trace['serialized_data'] = $prettyPrint;
 
         return [
             $uuid => [
-                'general' => current($details['traces'])
+                'general' => $trace
             ]
         ];
     }

view/adminhtml/ui_component/async_events_logs_trace.xml

@@ -61,6 +61,7 @@
                 </item>
             </argument>
             <settings>
+                <elementTmpl>Aligent_AsyncEvents/content/json</elementTmpl>
                 <dataType>text</dataType>
                 <label translate="true">Serialized Data</label>
             </settings>

view/base/web/template/content/json.html

@@ -0,0 +1,12 @@
+<pre data-bind="text: value"
+style="background: #f6f6f6;
+    border: 1px solid #cccccc;
+    color: #111111;
+    line-height: calc(20/14);
+    margin: 0 0 10px;
+    padding: 10px;
+    font-size: 1.2rem;
+    display: block;
+    word-wrap: break-word;"
+>
+</pre>