From 675cb841cf46a369814fccfc667dd4d1dd2d6632 Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <venomgfx@gmail.com>
Date: Fri, 21 Oct 2016 16:00:58 +0200
Subject: [PATCH] Make debug info collapsable

---
 src/styles/_app_base.sass                       | 11 +++++++++++
 src/styles/_tasks.sass                          |  2 ++
 .../attract/shots/view_shot_embed.jade          | 16 +++++++++++++---
 .../attract/tasks/view_task_embed.jade          | 17 +++++++++++++----
 4 files changed, 39 insertions(+), 7 deletions(-)

diff --git a/src/styles/_app_base.sass b/src/styles/_app_base.sass
index 7de7023..e8103f4 100644
--- a/src/styles/_app_base.sass
+++ b/src/styles/_app_base.sass
@@ -305,6 +305,17 @@ input, input.form-control
 
 
 /* Debug styles, such as status color legend on help */
+.debug-info
+	padding-top: 10px
+	display: flex
+	flex-direction: column
+
+	.debug-info-toggle
+		width: 100%
+		color: $color-text-dark-hint
+		font-size: .9em
+		text-align: right
+
 .status-debug-item
 	width: 100%
 
diff --git a/src/styles/_tasks.sass b/src/styles/_tasks.sass
index 07416f5..2793bfc 100644
--- a/src/styles/_tasks.sass
+++ b/src/styles/_tasks.sass
@@ -79,6 +79,8 @@
 				&.properties-status
 					cursor: help
 
+.attract-box+.attract-box
+	margin-top: 0
 
 #task-add
 	margin-left: auto
diff --git a/src/templates/attract/shots/view_shot_embed.jade b/src/templates/attract/shots/view_shot_embed.jade
index 95b9c2b..01717c5 100644
--- a/src/templates/attract/shots/view_shot_embed.jade
+++ b/src/templates/attract/shots/view_shot_embed.jade
@@ -81,10 +81,20 @@
 
 #item-view-feed
 	#activities
+
 	| {% if config.DEBUG %}
-	pre.
-		{{ shot.to_dict() | pprint }}
-	| {% endif %}
+	.debug-info
+		a.debug-info-toggle(role='button',
+			data-toggle='collapse',
+			href='#debug-content',
+			aria-expanded='false',
+			aria-controls='debug-content')
+			i.pi-info
+			| Debug Information
+		#debug-content.collapse
+			pre.
+				{{ shot.to_dict() | pprint }}
+		| {% endif %}
 
 script.
 	new Clipboard('.copy-to-clipboard');
diff --git a/src/templates/attract/tasks/view_task_embed.jade b/src/templates/attract/tasks/view_task_embed.jade
index e4c656e..a69ea12 100644
--- a/src/templates/attract/tasks/view_task_embed.jade
+++ b/src/templates/attract/tasks/view_task_embed.jade
@@ -120,11 +120,20 @@
 
 #item-view-feed
 	#activities
-	| {% if config.DEBUG %}
-	pre.
-		{{ task.to_dict() | pprint }}
-	| {% endif %}
 
+	| {% if config.DEBUG %}
+	.debug-info
+		a.debug-info-toggle(role='button',
+			data-toggle='collapse',
+			href='#debug-content',
+			aria-expanded='false',
+			aria-controls='debug-content')
+			i.pi-info
+			| Debug Information
+		#debug-content.collapse
+			pre.
+				{{ task.to_dict() | pprint }}
+		| {% endif %}
 
 script.
 	$("#assignees").select2();