From 20374194446ca13b0c175a9cd9bab77dd4a22e3a Mon Sep 17 00:00:00 2001
From: Rodrigo Nascimento <rodrigoknascimento@gmail.com>
Date: Sat, 15 Aug 2015 18:39:28 -0300
Subject: [PATCH] Allow drag view to show menu in mobile

---
 client/stylesheets/base.less |  8 +++++-
 client/views/main.coffee     | 54 ++++++++++++++++++++++++++++++++++++
 2 files changed, 61 insertions(+), 1 deletion(-)

diff --git a/client/stylesheets/base.less b/client/stylesheets/base.less
index 61053996031b..1ff817161dd6 100644
--- a/client/stylesheets/base.less
+++ b/client/stylesheets/base.less
@@ -3251,12 +3251,18 @@ a.github-fork {
 		}
 		.side-nav {
 			top: 0;
-			.transform(translateX(-100%));
+			// .transform(translateX(-100%));
 			.transition(transform .3s ease-out);
 		}
 		.main-content {
 			left: 0;
 			.transition(transform .3s ease-out);
+			z-index: 1000;
+			background-color: white;
+
+			&.notransition {
+				.transition(transform .0s);
+			}
 		}
 		.fixed-title h2 {
 			margin-left: 45px;
diff --git a/client/views/main.coffee b/client/views/main.coffee
index 35a4b975877b..86a54c7446bb 100644
--- a/client/views/main.coffee
+++ b/client/views/main.coffee
@@ -102,6 +102,60 @@ Template.main.events
 		chatContainer = $("#rocket-chat")
 		menu.toggle()
 
+	'touchstart': (e, t) ->
+		if document.body.clientWidth > 780
+			return
+
+		t.touchstartX = undefined
+		t.touchstartY = undefined
+		t.movestarted = false
+		if $(e.currentTarget).closest('.main-content').length > 0
+			t.touchstartX = e.originalEvent.touches[0].clientX
+			t.touchstartY = e.originalEvent.touches[0].clientY
+			t.mainContent = $('.main-content')
+
+	'touchmove': (e, t) ->
+		if t.touchstartX?
+			touch = e.originalEvent.touches[0]
+			diffX = t.touchstartX - touch.clientX
+			diffY = t.touchstartY - touch.clientY
+			absX = Math.abs(diffX)
+			absY = Math.abs(diffY)
+
+			if t.movestarted is true or (absX > 20 and absY < 20)
+				t.movestarted = true
+
+				if menu.isOpen()
+					t.left = 260 - diffX
+				else
+					t.left = -diffX
+
+				if t.left > 260
+					t.left = 260
+				if t.left < 0
+					t.left = 0
+
+				t.mainContent.addClass('notransition')
+				t.mainContent.css('transform', 'translate('+t.left+'px)')
+
+	'touchend': (e, t) ->
+		t.touchstartX = undefined
+
+		if t.movestarted is true
+			t.mainContent.removeClass('notransition')
+			t.mainContent.css('transform', '');
+
+			if menu.isOpen()
+				if t.left >= 200
+					menu.open()
+				else
+					menu.close()
+			else
+				if t.left >= 60
+					menu.open()
+				else
+					menu.close()
+
 
 Template.main.onRendered ->