From 55ef973bbe1f665f4a4336c3b0cf7e86dd0d1c84 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9F=D0=B0=D0=B2=D0=B5=D0=BB=20=D0=93=D0=B2=D0=BE=D0=B7?=
 =?UTF-8?q?=D0=B4=D1=8C?= <gvozdb@users.noreply.github.com>
Date: Sat, 25 May 2019 14:38:53 +0600
Subject: [PATCH 1/2] Added collapsible tag

---
 .../templates/template.report.outer.tpl       | 122 +++++++++++-------
 1 file changed, 73 insertions(+), 49 deletions(-)

diff --git a/core/components/debugparser/elements/templates/template.report.outer.tpl b/core/components/debugparser/elements/templates/template.report.outer.tpl
index 13a0254..4e73225 100644
--- a/core/components/debugparser/elements/templates/template.report.outer.tpl
+++ b/core/components/debugparser/elements/templates/template.report.outer.tpl
@@ -1,62 +1,86 @@
 <style>
-	table.debug {font: normal 12px Arial;border-spacing: 0;width: 100%;}
-	table.info {font: normal 12px Arial;border-spacing: 0;margin: 50px 0 50px 20px;}
+    table.debug {font: normal 12px Arial;border-spacing: 0;width: 100%;overflow: hidden;}
+    table.info {font: normal 12px Arial;border-spacing: 0;margin: 50px 0 50px 20px;}
 
-	table.debug thead th,
-	table.debug tr:last-child td {
-		border-bottom: 1px solid #555 !important;
-	}
+    table.debug thead th,
+    table.debug tr:last-child td {
+        border-bottom: 1px solid #555 !important;
+    }
 
-	table.debug th {
-		margin: 0;
-		padding: 15px;
-		font-size: 14px;
-	}
-	table.info th {text-align: left;padding-right: 20px;}
-	table.debug th.total {text-align: right;}
+    table.debug th {
+        margin: 0;
+        padding: 15px;
+        font-size: 14px;
+    }
+    table.info th {text-align: left;padding-right: 20px;}
+    table.debug th.total {text-align: right;}
 
-	table.debug td {
-		text-align: center;
-		margin: 0;
-		padding: 10px;
-		border: 0;
-		border-bottom: 1px solid #AAA;
-	}
-	table.debug tr:last-child td {
-		border: none;
-	}
-	table.debug tr:hover td {
-		background: #efefef;
-	}
-	table.debug td.tag {
-		width: 50%;
-		text-align: left;
-	}
+    table.debug td {
+        text-align: center;
+        margin: 0;
+        padding: 10px;
+        border: 0;
+        border-bottom: 1px solid #AAA;
+        vertical-align: top;
+    }
+    table.debug tr:last-child td {
+        border: none;
+    }
+    table.debug tr:hover td {
+        background: #efefef;
+    }
+    table.debug td.tag {
+        width: 50%;
+        max-width: 50vw;
+        text-align: left;
+    }
+    table.debug .tag-content {
+        width: 100%;
+        max-height: 200px;
+        overflow: hidden;
+        cursor: pointer;
+    }
+    table.debug .tag-content.full {
+        max-height: initial;
+    }
 </style>
 
 <table class="debug">
-	<thead>
-		<tr>
-			<th>#</th>
-			<th>Tag</th>
-			<th>Queries</th>
-			<th>Queries time, s</th>
-			<th>Parse Time, s</th>
-		</tr>
-	</thead>
+    <thead>
+        <tr>
+            <th>#</th>
+            <th>Tag</th>
+            <th>Queries</th>
+            <th>Queries time, s</th>
+            <th>Parse Time, s</th>
+        </tr>
+    </thead>
 
-	[[+rows]]
+    [[+rows]]
 </table>
 
 <table class="info">
-	<tr><th>Total parse time</th><th>[[+total_parse_time]] s</th></tr>
-	<tr><th>Total queries</th><td>[[+total_queries]]</td></tr>
-	<tr><th>Total queries time</th><td>[[+total_queries_time]] s</td></tr>
+    <tr><th>Total parse time</th><th>[[+total_parse_time]] s</th></tr>
+    <tr><th>Total queries</th><td>[[+total_queries]]</td></tr>
+    <tr><th>Total queries time</th><td>[[+total_queries_time]] s</td></tr>
 </table>
 <table class="info">
-	<tr><th>Memory peak usage</th><td>[[+memory_peak]] Mb</td></tr>
-	<tr><th>MODX version</th><td>[[+modx_version]]</td></tr>
-	<tr><th>PHP version</th><td>[[+php_version]]</td></tr>
-	<tr><th>Database version</th><td>[[+database_type]] [[+database_version]]</td></tr>
-	<tr><th>From cache</th><td>[[+from_cache]]</td></tr>
-</table>
\ No newline at end of file
+    <tr><th>Memory peak usage</th><td>[[+memory_peak]] Mb</td></tr>
+    <tr><th>MODX version</th><td>[[+modx_version]]</td></tr>
+    <tr><th>PHP version</th><td>[[+php_version]]</td></tr>
+    <tr><th>Database version</th><td>[[+database_type]] [[+database_version]]</td></tr>
+    <tr><th>From cache</th><td>[[+from_cache]]</td></tr>
+</table>
+
+<script>
+    let tags = document.querySelectorAll('.js-tag');
+    for (let i = 0; i < tags.length; ++i) {
+        tags[i].addEventListener('click', function() {
+            if (this.classList.contains('full')) {
+                this.classList.remove('full');
+            } else {
+                this.classList.add('full');
+            }
+        });
+    }
+</script>

From cba3faf40610539d49df34ada0dfea656a1423d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9F=D0=B0=D0=B2=D0=B5=D0=BB=20=D0=93=D0=B2=D0=BE=D0=B7?=
 =?UTF-8?q?=D0=B4=D1=8C?= <gvozdb@users.noreply.github.com>
Date: Sat, 25 May 2019 14:39:31 +0600
Subject: [PATCH 2/2] Added collapsible tag

---
 .../elements/templates/template.report.row.tpl   | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/core/components/debugparser/elements/templates/template.report.row.tpl b/core/components/debugparser/elements/templates/template.report.row.tpl
index ff6058e..374e16d 100644
--- a/core/components/debugparser/elements/templates/template.report.row.tpl
+++ b/core/components/debugparser/elements/templates/template.report.row.tpl
@@ -1,7 +1,11 @@
 <tr>
-	<td>[[+idx]]</td>
-	<td class="tag">[[+tag]]</td>
-	<td>[[+queries]]</td>
-	<td>[[+queries_time]]</td>
-	<td>[[+parse_time]]</td>
-</tr>
\ No newline at end of file
+    <td>[[+idx]]</td>
+    <td class="tag">
+        <div class="tag-content [ js-tag ]">
+            [[+tag]]
+        </div>
+    </td>
+    <td>[[+queries]]</td>
+    <td>[[+queries_time]]</td>
+    <td>[[+parse_time]]</td>
+</tr>