From e6b49bb9720c8eacf7d9abe4ea1c964a72118d88 Mon Sep 17 00:00:00 2001
From: Aditya Hase <aditya@adityahase.com>
Date: Thu, 25 Oct 2018 16:23:44 +0530
Subject: [PATCH] fix(recorder): Distinguish between cache and sql collapse
 cards

---
 frappe/public/js/frappe/recorder/RequestDetail.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frappe/public/js/frappe/recorder/RequestDetail.vue b/frappe/public/js/frappe/recorder/RequestDetail.vue
index da988100a8..e334d6f622 100644
--- a/frappe/public/js/frappe/recorder/RequestDetail.vue
+++ b/frappe/public/js/frappe/recorder/RequestDetail.vue
@@ -2,15 +2,15 @@
 	<div>
 		<div id="accordion-sql">
 			<div v-for="call in calls" :key="call.index" class="card">
-				<div class="card-header" :id="'heading-' + call.index ">
+				<div class="card-header" :id="'heading-sql-' + call.index ">
 					<h5 class="mb-0">
-						<button class="btn btn-link" data-toggle="collapse" :data-target="'#collapse-' + call.index ">
+						<button class="btn btn-link" data-toggle="collapse" :data-target="'#collapse-sql-' + call.index ">
 							{{ call.query }}
 							{{ call.time.total }}
 						</button>
 					</h5>
 				</div>
-				<div :id="'collapse-' + call.index " class="collapse" data-parent="#accordion-sql">
+				<div :id="'collapse-sql-' + call.index " class="collapse" data-parent="#accordion-sql">
 					<div class="card-body">
 						<div><pre>{{ call.stack }}</pre></div>
 						<div><pre>{{ call.query }}</pre></div>
@@ -21,15 +21,15 @@
 
 		<div id="accordion-cache">
 			<div v-for="call in cache" :key="call.index" class="card">
-				<div class="card-header" :id="'heading-' + call.index ">
+				<div class="card-header" :id="'heading-cache-' + call.index ">
 					<h5 class="mb-0">
-						<button class="btn btn-link" data-toggle="collapse" :data-target="'#collapse-' + call.index ">
+						<button class="btn btn-link" data-toggle="collapse" :data-target="'#collapse-cache-' + call.index ">
 							{{ call.call }}
 							{{ call.time.total }}
 						</button>
 					</h5>
 				</div>
-				<div :id="'collapse-' + call.index " class="collapse" data-parent="#accordion-cache">
+				<div :id="'collapse-cache-' + call.index " class="collapse" data-parent="#accordion-cache">
 					<div class="card-body">
 						<div><pre>{{ call.stack }}</pre></div>
 						<div><pre>{{ call.call }}</pre></div>