Add support for 1Password in iOS mobile app >= 2.2.4

packages/rocketchat-theme/assets/stylesheets/base.less

@@ -4750,3 +4750,17 @@ body:not(.is-cordova) {
 		}
 	}
 }
+
+.one-passsword {
+	background-image: url('/images/onepassword-button.png');
+	height: 40px;
+	width: 40px;
+	background-size: 23px;
+	background-repeat: no-repeat;
+	background-position: center;
+	float: right;
+	position: absolute;
+	right: -8px;
+	top: -5px;
+	opacity: .6;
+}

packages/rocketchat-ui-login/login/form.coffee

@@ -67,6 +67,9 @@ Template.loginForm.helpers
 	passwordPlaceholder: ->
 		return RocketChat.settings.get('Accounts_PasswordPlaceholder') or t("Password")
 
+	hasOnePassword: ->
+		return OnePassword?.findLoginForUrl?
+
 Template.loginForm.events
 	'submit #login-card': (event, instance) ->
 		event.preventDefault()
@@ -134,6 +137,20 @@ Template.loginForm.events
 	'click .forgot-password': ->
 		Template.instance().state.set 'forgot-password'
 
+	'click .one-passsword': ->
+		if not OnePassword?.findLoginForUrl?
+			return
+
+		succesCallback = (credentials) ->
+			$('input[name=emailOrUsername]').val(credentials.username)
+			$('input[name=pass]').val(credentials.password)
+
+		errorCallback = ->
+			console.log 'OnePassword errorCallback', arguments
+
+		OnePassword.findLoginForUrl(succesCallback, errorCallback, Meteor.absoluteUrl())
+
+
 Template.loginForm.onCreated ->
 	instance = @
 	if Meteor.settings.public.sandstorm

packages/rocketchat-ui-login/login/form.html

@@ -25,6 +25,9 @@
 					</div>
 					<div class='input-text active {{showEmailOrUsername}}'>
 						<input type="text" name='emailOrUsername' placeholder='{{emailOrUsernamePlaceholder}}' autocapitalize="off" autocorrect="off" />
+						{{#if hasOnePassword}}
+							<div class="one-passsword"></div>
+						{{/if}}
 					</div>
 					<div class='input-text active {{showEmail}}'>
 						<input type="email" name='email' placeholder='{{_ "Email"}}' />