From 8a6017a78e19624ae200009c8fdb7f70e5775ead Mon Sep 17 00:00:00 2001
From: Aditya Hase <aditya@adityahase.com>
Date: Mon, 22 Oct 2018 21:33:59 +0530
Subject: [PATCH] refactor(recorder): Render each call separately

---
 frappe/public/js/frappe/recorder/RequestDetail.vue | 4 +++-
 frappe/www/recorder.py                             | 3 +--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/frappe/public/js/frappe/recorder/RequestDetail.vue b/frappe/public/js/frappe/recorder/RequestDetail.vue
index 565f372637..9b4ac82075 100644
--- a/frappe/public/js/frappe/recorder/RequestDetail.vue
+++ b/frappe/public/js/frappe/recorder/RequestDetail.vue
@@ -1,6 +1,8 @@
 <template>
 	<div>
-		{{ calls }}
+		<div v-for="call in calls" :key="call.function">
+			{{ call }}
+		</div>
 	</div>
 </template>
 
diff --git a/frappe/www/recorder.py b/frappe/www/recorder.py
index 36f583223f..2946bbe840 100644
--- a/frappe/www/recorder.py
+++ b/frappe/www/recorder.py
@@ -17,7 +17,6 @@ def get_paths():
 	counts = super(redis.Redis, frappe.cache()).hgetall(frappe.cache().make_key("recorder-paths-counts"))
 
 	paths = [{"path": path.decode(), "count": int(counts[path])} for path in paths]
-	print(counts, paths)
 	return paths
 
 @frappe.whitelist()
@@ -29,5 +28,5 @@ def get_requests(path):
 @frappe.whitelist()
 def get_calls(uuid):
 	calls = frappe.cache().lrange("recorder-calls-{}".format(uuid), 0, -1)
-	calls = list(map(lambda call: call.decode(), calls))
+	calls = list(map(lambda call: json.loads(call.decode()), calls))
 	return calls