Mobile

.meteor/cordova-plugins

@@ -1 +1 @@
-
+com.ionic.keyboard@https://github.com/driftyco/ionic-plugin-keyboard/tarball/66926f5e25fcd71b65799adaf12fa0b2df65ce78

client/lib/cordova/keyboard-fix.coffee

@@ -0,0 +1,10 @@
+if Meteor.isCordova
+	window.addEventListener 'deviceready', ->
+		cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
+		cordova.plugins.Keyboard.disableScroll(true);
+
+	window.addEventListener 'native.keyboardshow', ->
+		$('.main-content').css 'height', window.innerHeight
+
+	window.addEventListener 'native.keyboardhide', ->
+		$('.main-content').css 'height', window.innerHeight

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/stylesheets/base.less

@@ -3334,3 +3334,28 @@ a.github-fork {
 		}
 	}
 }
+
+.is-cordova {
+	.main-content {
+		top: 10px;
+	}
+
+	.side-nav > .header {
+		padding-top: 10px;
+		height: 70px;
+	}
+
+	.flex-tab {
+		padding-top: 10px;
+
+		.control {
+			padding-left: 50px;
+		}
+
+		button.more {
+			background-color: #fff;
+			width: 60px;
+			.transform(translateX(-57px));
+		}
+	}
+}

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

@@ -62,6 +62,9 @@ Template.body.onRendered ->
 				property: 'msvalidate.01'
 				content: RocketChat.settings.get 'Meta:msvalidate.01'
 
+	if Meteor.isCordova
+		$(document.body).addClass 'is-cordova'
+
 
 Template.main.helpers
 
@@ -96,11 +99,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

@@ -0,0 +1,54 @@
+// This section sets up some basic app metadata,
+// the entire section is optional.
+App.info({
+  id: 'com.konecty.rocketchat',
+  name: 'Rocket.Chat',
+  description: 'Rocket.Chat',
+  author: 'Rocket.Chat Development Group',
+  email: 'contact@rocket.chat',
+  website: 'https://rocket.chat'
+});
+
+// Set up resources such as icons and launch screens.
+App.icons({
+	iphone   : 'public/images/logo/apple-touch-icon-60x60.png',
+	iphone_2x: 'public/images/logo/apple-touch-icon-120x120.png',
+	iphone_3x: 'public/images/logo/apple-touch-icon-180x180.png',
+	ipad     : 'public/images/logo/apple-touch-icon-76x76.png',
+	ipad_2x  : 'public/images/logo/apple-touch-icon-152x152.png'
+	// android_ldpi
+	// android_mdpi
+	// android_hdpi
+	// android_xhdpi
+});
+
+App.launchScreens({
+	iphone            : 'splash/iphone.png',
+	iphone_2x         : 'splash/iphone@2x.png',
+	iphone5           : 'splash/iphone5.png',
+	iphone6           : 'splash/iphone6.png',
+	iphone6p_portrait : 'splash/iphone6p_portrait.png',
+	iphone6p_landscape: 'splash/iphone6p_landscape.png',
+	ipad_portrait     : 'splash/ipad_portrait.png',
+	ipad_portrait_2x  : 'splash/ipad_portrait@2x.png',
+	ipad_landscape    : 'splash/ipad_landscape.png',
+	ipad_landscape_2x : 'splash/ipad_landscape@2x.png'
+	// android_ldpi_portrait
+	// android_ldpi_landscape
+	// android_mdpi_portrait
+	// android_mdpi_landscape
+	// android_hdpi_portrait
+	// android_hdpi_landscape
+	// android_xhdpi_portrait
+	// android_xhdpi_landscape
+});
+
+// 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', {
+//   APP_ID: '1234567890',
+//   API_KEY: 'supersecretapikey'
+// });