Improve toggle of menu and show/hide status bar

client/lib/menu.coffee

@@ -0,0 +1,27 @@
+@menu = new class
+	init: ->
+		@container = $("#rocket-chat")
+		console.log 'init'
+
+	isOpen: ->
+		return @container?.hasClass("menu-opened") is true
+
+	open: ->
+		if not @isOpen()
+			@container?.removeClass("menu-closed").addClass("menu-opened")
+			if Meteor.isCordova
+				StatusBar.hide()
+
+	close: ->
+		if @isOpen()
+			@container?.removeClass("menu-opened").addClass("menu-closed")
+			if Meteor.isCordova
+				Meteor.setTimeout ->
+					StatusBar.show()
+				, 300
+
+	toggle: ->
+		if @isOpen()
+			@close()
+		else
+			@open()

client/startup/cordovaStatusBar.coffee

@@ -1,3 +0,0 @@
-Meteor.startup ->
-	if Meteor.isCordova
-		StatusBar.hide()

client/views/app/sideNav/chatRoomItem.coffee

@@ -45,7 +45,7 @@ Template.chatRoomItem.rendered = ->
 Template.chatRoomItem.events
 
 	'click .open-room': (e) ->
-		$("#rocket-chat").addClass("menu-closed").removeClass("menu-opened")
+		menu.close()
 
 	'click .hide-room': (e) ->
 		e.stopPropagation()

client/views/app/sideNav/sideNav.coffee

@@ -25,3 +25,4 @@ Template.sideNav.events
 
 Template.sideNav.onRendered ->
 	SideNav.init()
+	menu.init()

client/views/main.coffee

@@ -96,11 +96,7 @@ Template.main.events
 	"click .burger": ->
 		console.log 'room click .burger' if window.rocketDebug
 		chatContainer = $("#rocket-chat")
-		if chatContainer.hasClass("menu-closed")
-			chatContainer.removeClass("menu-closed").addClass("menu-opened")
-		else
-			chatContainer.addClass("menu-closed").removeClass("menu-opened")
-
+		menu.toggle()
 
 Template.main.onRendered ->
 

mobile-config.js

@@ -45,6 +45,7 @@ App.launchScreens({
 
 // Set PhoneGap/Cordova preferences
 App.setPreference('HideKeyboardFormAccessoryBar', true);
+App.setPreference('StatusBarStyle', 'default');
 
 // // Pass preferences for a particular PhoneGap/Cordova plugin
 // App.configurePlugin('com.phonegap.plugins.facebookconnect', {