From 353660c7ba89712cb0b4a979a997f2506d08a859 Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <venomgfx@gmail.com>
Date: Thu, 28 Mar 2019 21:03:24 +0100
Subject: [PATCH] UI Project: Sidebar toggle button.

---
 src/templates/projects/view.pug | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/templates/projects/view.pug b/src/templates/projects/view.pug
index af35156..fb50e49 100644
--- a/src/templates/projects/view.pug
+++ b/src/templates/projects/view.pug
@@ -99,13 +99,22 @@ link(href="{{ url_for('static_cloud', filename='assets/css/project-main.css') }}
 		#project_nav(class="{{ title }}")
 			#project_nav-container
 				| {% if title != 'about' %}
+				button.project-sidebar-toggle.btn.btn-sm.btn-link.px-1.rounded-0.bg-light.text-muted.position-absolute(
+					type="button",
+					class="js-project-sidebar-toggle")
+					i.pi-angle-double-left
 				| {% block project_tree %}
 				#project_tree.bg-light.px-1.py-2.border-right
 				| {% endblock project_tree %}
 				| {% endif %}
 
 	#project_context-container
-		.breadcrumbs-container
+		.breadcrumbs-container.bg-dark.fixed-top
+			button.project-sidebar-toggle.btn.btn-sm.btn-link.px-1.bg-dark.rounded-0.text-muted(
+				type="button",
+				class="js-project-sidebar-toggle")
+				i.pi-menu
+
 			node-breadcrumbs(node-id="{{ node._id }}", @navigate="(nodeId)=>{displayNode(nodeId)}")
 			script.
 				new Vue({el:'node-breadcrumbs'});
@@ -261,6 +270,13 @@ script(type="text/javascript", src="{{ url_for('static_pillar', filename='assets
 | {% endif %}
 
 script.
+	loadProjectSidebar();
+
+	$('body').on('click', '.js-project-sidebar-toggle', function(e){
+		e.preventDefault();
+		toggleProjectSidebar();
+	});
+
 	function updateToggleProjHeaderMenuItem() {
 		var $toggle_projheader = $('#item_toggle_projheader');