convert rocketchat-ui part 2

packages/rocketchat-ui/client/lib/accountBox.js

@@ -0,0 +1,106 @@
+this.AccountBox = (function() {
+	let status = 0;
+	const self = {};
+	const items = new ReactiveVar([]);
+	function setStatus(status) {
+		return Meteor.call('UserPresence:setDefaultStatus', status);
+	}
+	function open() {
+		if (SideNav.flexStatus()) {
+			SideNav.closeFlex();
+			return;
+		}
+		status = 1;
+		self.options.removeClass('animated-hidden');
+		self.box.addClass('active');
+		return SideNav.toggleArrow(1);
+	}
+	function close() {
+		status = 0;
+		self.options.addClass('animated-hidden');
+		self.box.removeClass('active');
+		return SideNav.toggleArrow(-1);
+	}
+	function toggle() {
+		if (status) {
+			return close();
+		} else {
+			return open();
+		}
+	}
+	function openFlex() {
+		status = 0;
+		self.options.addClass('animated-hidden');
+		return self.box.removeClass('active');
+	}
+	function init() {
+		self.box = $('.account-box');
+		return self.options = self.box.find('.options');
+	}
+
+	/*
+	* @param newOption:
+	*   name: Button label
+	*   icon: Button icon
+	*   class: Class of the item
+	*   permissions: Which permissions a user should have (all of them) to see this item
+	*/
+	function addItem(newItem) {
+		return Tracker.nonreactive(function() {
+			const actual = items.get();
+			actual.push(newItem);
+			return items.set(actual);
+		});
+	}
+	function checkCondition(item) {
+		return (item.condition == null) || item.condition();
+	}
+	function getItems() {
+		return _.filter(items.get(), function(item) {
+			if (checkCondition(item)) {
+				return true;
+			}
+		});
+	}
+	function addRoute(newRoute, router) {
+		if (router == null) {
+			router = FlowRouter;
+		}
+		const routeConfig = {
+			center: 'pageContainer',
+			pageTemplate: newRoute.pageTemplate
+		};
+		if (newRoute.i18nPageTitle != null) {
+			routeConfig.i18nPageTitle = newRoute.i18nPageTitle;
+		}
+		if (newRoute.pageTitle != null) {
+			routeConfig.pageTitle = newRoute.pageTitle;
+		}
+		return router.route(newRoute.path, {
+			name: newRoute.name,
+			action() {
+				Session.set('openedRoom');
+				return BlazeLayout.render('main', routeConfig);
+			},
+			triggersEnter: [
+				function() {
+					if (newRoute.sideNav != null) {
+						SideNav.setFlex(newRoute.sideNav);
+						return SideNav.openFlex();
+					}
+				}
+			]
+		});
+	}
+	return {
+		setStatus,
+		toggle,
+		open,
+		close,
+		openFlex,
+		init,
+		addRoute,
+		addItem,
+		getItems
+	};
+}());

packages/rocketchat-ui/client/lib/accounts.js

@@ -0,0 +1,9 @@
+import toastr from 'toastr';
+Accounts.onEmailVerificationLink(function(token, done) {
+	Accounts.verifyEmail(token, function(error) {
+		if (error == null) {
+			toastr.success(t('Email_verified'));
+		}
+		return done();
+	});
+});

packages/rocketchat-ui/client/lib/avatar.js

@@ -0,0 +1,31 @@
+Blaze.registerHelper('avatarUrlFromUsername', getAvatarUrlFromUsername);
+
+this.getAvatarAsPng = function(username, cb) {
+	const image = new Image;
+	image.src = getAvatarUrlFromUsername(username);
+	image.onload = function() {
+
+		const canvas = document.createElement('canvas');
+		canvas.width = image.width;
+		canvas.height = image.height;
+		const context = canvas.getContext('2d');
+		context.drawImage(image, 0, 0);
+		return cb(canvas.toDataURL('image/png'));
+	};
+	return image.onerror = function() {
+		return cb('');
+	};
+};
+
+this.updateAvatarOfUsername = function(username) {
+
+	const key = `avatar_random_${ username }`;
+	Session.set(key, Math.round(Math.random() * 1000));
+
+	Object.keys(RoomManager.openedRooms).forEach((key) => {
+		const room = RoomManager.openedRooms[key];
+		const url = getAvatarUrlFromUsername(username);
+		$(room.dom).find(`.message[data-username='${ username }'] .avatar-image`).css('background-image', `url(${ url })`);
+	});
+	return true;
+};

packages/rocketchat-ui/client/lib/cordova/facebook-login.js

@@ -0,0 +1,31 @@
+/* globals facebookConnectPlugin Facebook*/
+Meteor.loginWithFacebookCordova = function(options, callback) {
+	if (!callback && typeof options === 'function') {
+		callback = options;
+		options = null;
+	}
+	const credentialRequestCompleteCallback = Accounts.oauth.credentialRequestCompleteHandler(callback);
+	const fbLoginSuccess = function(data) {
+		data.cordova = true;
+		return Accounts.callLoginMethod({
+			methodArguments: [data],
+			userCallback: callback
+		});
+	};
+	if (typeof facebookConnectPlugin !== 'undefined') {
+		return facebookConnectPlugin.getLoginStatus(function(response) {
+			if (response.status !== 'connected') {
+				return facebookConnectPlugin.login(['public_profile', 'email'], fbLoginSuccess, function(error) {
+					console.log('login', JSON.stringify(error), error);
+					return callback(error);
+				});
+			} else {
+				return fbLoginSuccess(response);
+			}
+		}, function(error) {
+			console.log('getLoginStatus', JSON.stringify(error), error);
+			return callback(error);
+		});
+	}
+	return Facebook.requestCredential(options, credentialRequestCompleteCallback);
+};

packages/rocketchat-ui/client/lib/cordova/keyboard-fix.js

@@ -0,0 +1,32 @@
+/* globals device cordova*/
+if (Meteor.isCordova) {
+	const body = $(document.body);
+	document.addEventListener('deviceready', function() {
+		if (typeof device !== 'undefined' && device !== null && device.platform.toLowerCase() !== 'android') {
+			cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
+			return cordova.plugins.Keyboard.disableScroll(true);
+		}
+	});
+	window.addEventListener('native.keyboardshow', function() {
+		if (typeof device !== 'undefined' && device !== null && device.platform.toLowerCase() !== 'android') {
+			if (Meteor.userId() != null) {
+				$('.main-content').css('height', window.innerHeight);
+				$('.sweet-alert').css('transform', `translateY(-${ (document.height - window.innerHeight) / 2 }px)`).css('-webkit-transform', `translateY(-${ (document.height - window.innerHeight) / 2 }px)`);
+			} else {
+				body.css('height', window.innerHeight);
+				body.css('overflow', 'scroll');
+			}
+		}
+	});
+	window.addEventListener('native.keyboardhide', function() {
+		if (typeof device !== 'undefined' && device !== null && device.platform.toLowerCase() !== 'android') {
+			if (Meteor.userId() != null) {
+				$('.main-content').css('height', window.innerHeight);
+				$('.sweet-alert').css('transform', '').css('-webkit-transform', '');
+			} else {
+				body.css('height', window.innerHeight);
+				body.css('overflow', 'visible');
+			}
+		}
+	});
+}