From 388746301a62ddff9a9d629334137aa57c4244a9 Mon Sep 17 00:00:00 2001
From: Kailash Bhalaki <kailashbhalaki@gmail.com>
Date: Fri, 26 Jul 2019 17:19:15 +0530
Subject: [PATCH 1/5] Add Webviews for Articles.

---
 app/index.js                    | 11 ++++++++-
 app/lib/rocketchat.js           |  8 +++++++
 app/views/ArticlesView/index.js | 41 +++++++++++++++++++++++++++++++++
 app/views/ProfileView/index.js  | 28 ++++++++++++++++++----
 app/views/RoomInfoView/index.js | 34 ++++++++++++++++++++++++++-
 5 files changed, 116 insertions(+), 6 deletions(-)
 create mode 100644 app/views/ArticlesView/index.js

diff --git a/app/index.js b/app/index.js
index 7b30aa8be8..9d923030d7 100644
--- a/app/index.js
+++ b/app/index.js
@@ -171,6 +171,14 @@ const AdminPanelStack = createStackNavigator({
 	defaultNavigationOptions: defaultHeader
 });
 
+const ArticlesStack = createStackNavigator({
+	ArticlesView: {
+		getScreen: () => require('./views/ArticlesView').default
+	}
+}, {
+	defaultNavigationOptions: defaultHeader
+});
+
 SettingsStack.navigationOptions = ({ navigation }) => {
 	let drawerLockMode = 'unlocked';
 	if (navigation.state.index > 0) {
@@ -185,7 +193,8 @@ const ChatsDrawer = createDrawerNavigator({
 	ChatsStack,
 	ProfileStack,
 	SettingsStack,
-	AdminPanelStack
+	AdminPanelStack,
+	ArticlesStack
 }, {
 	contentComponent: Sidebar
 });
diff --git a/app/lib/rocketchat.js b/app/lib/rocketchat.js
index 7b3e75ae55..bc3b8f0551 100644
--- a/app/lib/rocketchat.js
+++ b/app/lib/rocketchat.js
@@ -718,6 +718,14 @@ const RocketChat = {
 		// RC 0.55.0
 		return this.sdk.post('users.resetAvatar', { userId });
 	},
+	redirectToUserArticles(userId) {
+		// Method added in https://github.com/WideChat/Rocket.Chat/pull/65
+		return this.sdk.methodCall('redirectToUsersArticles', userId);
+	},
+	redirectUserToArticles(token) {
+		// Method added in https://github.com/WideChat/Rocket.Chat/pull/63
+		return this.sdk.methodCall('redirectUserToArticles', token);
+	},
 	setAvatarFromService({ data, contentType = '', service = null }) {
 		// RC 0.51.0
 		return this.sdk.methodCall('setAvatarFromService', data, contentType, service);
diff --git a/app/views/ArticlesView/index.js b/app/views/ArticlesView/index.js
new file mode 100644
index 0000000000..f7446837f8
--- /dev/null
+++ b/app/views/ArticlesView/index.js
@@ -0,0 +1,41 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { WebView } from 'react-native-webview';
+import { SafeAreaView } from 'react-navigation';
+import { connect } from 'react-redux';
+import styles from '../Styles';
+
+// import I18n from '../../i18n';
+import StatusBar from '../../containers/StatusBar';
+import { DrawerButton } from '../../containers/HeaderButton';
+
+@connect(state => ({
+	authToken: state.login.user && state.login.user.token
+}))
+export default class AdminPanelView extends React.Component {
+	static navigationOptions = ({ navigation }) => ({
+		headerLeft: <DrawerButton navigation={navigation} />,
+		title: 'Articles'
+	});
+
+	static propTypes = {
+		navigation: PropTypes.object
+	}
+
+	render() {
+		const { navigation } = this.props;
+		this.articlesLink = navigation.getParam('articlesLink');
+		if (!this.articlesLink) {
+			return null;
+		}
+		return (
+			<SafeAreaView style={styles.container} testID='articles-view'>
+				<StatusBar />
+				<WebView
+					source={{ uri: this.articlesLink }}
+					// injectedJavaScript={`Meteor.loginWithToken('${ authToken }', function() { })`}
+				/>
+			</SafeAreaView>
+		);
+	}
+}
diff --git a/app/views/ProfileView/index.js b/app/views/ProfileView/index.js
index 12cae6503c..a69b00efa3 100644
--- a/app/views/ProfileView/index.js
+++ b/app/views/ProfileView/index.js
@@ -50,6 +50,7 @@ export default class ProfileView extends React.Component {
 	})
 
 	static propTypes = {
+		navigation: PropTypes.object,
 		baseUrl: PropTypes.string,
 		user: PropTypes.object,
 		Accounts_CustomFields: PropTypes.string,
@@ -67,7 +68,8 @@ export default class ProfileView extends React.Component {
 		avatarUrl: null,
 		avatar: {},
 		avatarSuggestions: {},
-		customFields: {}
+		customFields: {},
+		articlesLink: ''
 	}
 
 	async componentDidMount() {
@@ -102,11 +104,12 @@ export default class ProfileView extends React.Component {
 		this.setState({ avatar });
 	}
 
-	init = (user) => {
+	init = async(user) => {
 		const { user: userProps } = this.props;
 		const {
-			name, username, emails, customFields
+			name, username, emails, customFields, token
 		} = user || userProps;
+		const result = await RocketChat.redirectUserToArticles(token);
 
 		this.setState({
 			name,
@@ -116,7 +119,8 @@ export default class ProfileView extends React.Component {
 			currentPassword: null,
 			avatarUrl: null,
 			avatar: {},
-			customFields: customFields || {}
+			customFields: customFields || {},
+			articlesLink: result ? result.link : ''
 		});
 	}
 
@@ -280,6 +284,14 @@ export default class ProfileView extends React.Component {
 		</Touch>
 	)
 
+	renderArticlesWebView = () => {
+		const { navigation } = this.props;
+		const { articlesLink } = this.state;
+		console.warn('link is', articlesLink);
+		navigation.navigate('ArticlesView', { articlesLink });
+	}
+
+
 	renderAvatarButtons = () => {
 		const { avatarUrl, avatarSuggestions } = this.state;
 		const { user, baseUrl } = this.props;
@@ -404,6 +416,14 @@ export default class ProfileView extends React.Component {
 								token={user.token}
 							/>
 						</View>
+						<View>
+							<Button
+								title='My Articles'
+								type='primary'
+								onPress={this.renderArticlesWebView}
+								testID='render-articles-button'
+							/>
+						</View>
 						<RCTextInput
 							inputRef={(e) => { this.name = e; }}
 							label={I18n.t('Name')}
diff --git a/app/views/RoomInfoView/index.js b/app/views/RoomInfoView/index.js
index 2095d577b1..493deb780c 100644
--- a/app/views/RoomInfoView/index.js
+++ b/app/views/RoomInfoView/index.js
@@ -16,6 +16,7 @@ import I18n from '../../i18n';
 import { CustomHeaderButtons, Item } from '../../containers/HeaderButton';
 import StatusBar from '../../containers/StatusBar';
 import log from '../../utils/log';
+import Button from '../../containers/Button';
 
 const PERMISSION_EDIT_ROOM = 'edit-room';
 
@@ -76,7 +77,8 @@ export default class RoomInfoView extends React.Component {
 		};
 		this.state = {
 			room: this.rooms[0] || room || {},
-			roomUser: {}
+			roomUser: {},
+			articlesLink: ''
 		};
 	}
 
@@ -100,6 +102,12 @@ export default class RoomInfoView extends React.Component {
 			} catch (error) {
 				log('err_get_user_info', error);
 			}
+			try {
+				const result = await RocketChat.redirectToUserArticles(roomUserId);
+				this.setState({ articlesLink: result.link });
+			} catch (error) {
+				console.warn('error in fetching link ', error);
+			}
 		}
 	}
 
@@ -202,6 +210,29 @@ export default class RoomInfoView extends React.Component {
 		);
 	}
 
+	renderArticlesWebView = () => {
+		const { navigation } = this.props;
+		const { articlesLink } = this.state;
+		console.warn('link is', articlesLink);
+		navigation.navigate('ArticlesView', { articlesLink });
+	}
+
+	renderArticlesButton = () => {
+		const { roomUser } = this.state;
+		console.warn(roomUser);
+		const title = `Articles By ${ roomUser.name }`;
+		return (
+			<View>
+				<Button
+					title={title}
+					type='primary'
+					onPress={this.renderArticlesWebView}
+					testID='render-articles-button'
+				/>
+			</View>
+		);
+	}
+
 	renderBroadcast = () => (
 		<View style={styles.item}>
 			<Text style={styles.itemLabel}>{I18n.t('Broadcast_Channel')}</Text>
@@ -255,6 +286,7 @@ export default class RoomInfoView extends React.Component {
 					{!this.isDirect() ? this.renderItem('description', room) : null}
 					{!this.isDirect() ? this.renderItem('topic', room) : null}
 					{!this.isDirect() ? this.renderItem('announcement', room) : null}
+					{this.isDirect() ? this.renderArticlesButton() : null}
 					{this.isDirect() ? this.renderRoles() : null}
 					{this.isDirect() ? this.renderTimezone() : null}
 					{this.isDirect() ? this.renderCustomFields(roomUser._id) : null}

From 87935fd8926e46faeed773c79706c6c8fa68f342 Mon Sep 17 00:00:00 2001
From: Kailash Bhalaki <kailashbhalaki@gmail.com>
Date: Sat, 27 Jul 2019 23:44:00 +0530
Subject: [PATCH 2/5] Articles Webview: Handle Back Operation Android

---
 app/views/ArticlesView/index.js | 61 +++++++++++++++++++++++++++++++++
 1 file changed, 61 insertions(+)

diff --git a/app/views/ArticlesView/index.js b/app/views/ArticlesView/index.js
index f7446837f8..1cfef477ff 100644
--- a/app/views/ArticlesView/index.js
+++ b/app/views/ArticlesView/index.js
@@ -1,6 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { WebView } from 'react-native-webview';
+import {
+	BackHandler,
+	Platform
+} from 'react-native';
 import { SafeAreaView } from 'react-navigation';
 import { connect } from 'react-redux';
 import styles from '../Styles';
@@ -10,6 +14,8 @@ import StatusBar from '../../containers/StatusBar';
 import { DrawerButton } from '../../containers/HeaderButton';
 
 @connect(state => ({
+	baseUrl: state.settings.Site_Url || state.server ? state.server.server : '',
+	userId: state.login.user && state.login.user.id,
 	authToken: state.login.user && state.login.user.token
 }))
 export default class AdminPanelView extends React.Component {
@@ -19,21 +25,76 @@ export default class AdminPanelView extends React.Component {
 	});
 
 	static propTypes = {
+		baseUrl: PropTypes.string,
+		userId: PropTypes.string,
+		authToken: PropTypes.string,
 		navigation: PropTypes.object
 	}
 
+	webView = {
+		canGoBack: false,
+		ref: null
+	}
+	// [TODO] Make a back button for iOS
+
+	componentWillMount() {
+		if (Platform.OS === 'android') {
+			BackHandler.addEventListener('hardwareBackPress', this.onAndroidBackPress);
+		}
+	}
+
+	componentWillUnmount() {
+		if (Platform.OS === 'android') {
+			BackHandler.removeEventListener('hardwareBackPress');
+		}
+	}
+
+	onAndroidBackPress = () => {
+		if (this.webView.canGoBack && this.webView.ref) {
+			this.webView.ref.goBack();
+			return true;
+		}
+		return false;
+	}
+
 	render() {
+<<<<<<< HEAD
 		const { navigation } = this.props;
+=======
+		const {
+			navigation, authToken, userId, baseUrl
+		} = this.props;
+>>>>>>> 6dbe25d0... Articles Webview: Handle Back Operation Android
 		this.articlesLink = navigation.getParam('articlesLink');
 		if (!this.articlesLink) {
 			return null;
 		}
+<<<<<<< HEAD
+=======
+		// CookieManager.get(baseUrl)
+		// 	.then((res) => {
+		// 		console.warn('CookieManager.get =>', res);
+		// 		/* [TODO]
+		// 		* Based on whether baseUrl has cookies required for the articlesLink,
+		// 		* in this case, rc_uid and rc_token,
+		// 		* change injectedJavaScript such that
+		// 		*	no-login appears if cookies are already present.
+		// 		*/
+		// 	});
+>>>>>>> 6dbe25d0... Articles Webview: Handle Back Operation Android
 		return (
 			<SafeAreaView style={styles.container} testID='articles-view'>
 				<StatusBar />
 				<WebView
+<<<<<<< HEAD
 					source={{ uri: this.articlesLink }}
 					// injectedJavaScript={`Meteor.loginWithToken('${ authToken }', function() { })`}
+=======
+					source={{ uri: `${ baseUrl }/admin/info?layout=embedded` }}
+					ref={(webView) => { this.webView.ref = webView; }}
+					injectedJavaScript={`Meteor.loginWithToken('${ authToken }', function() { }); setTimeout(function(){ window.location.assign('${ this.articlesLink }')}, 50)`}
+					onNavigationStateChange={(navState) => { this.webView.canGoBack = navState.canGoBack; }}
+>>>>>>> 6dbe25d0... Articles Webview: Handle Back Operation Android
 				/>
 			</SafeAreaView>
 		);

From 4671731b651965ed12b1aa96415957f15a28cb84 Mon Sep 17 00:00:00 2001
From: Kailash Bhalaki <kailashbhalaki@gmail.com>
Date: Sat, 27 Jul 2019 23:46:59 +0530
Subject: [PATCH 3/5] Merge changes

---
 app/views/ArticlesView/index.js | 14 +-------------
 1 file changed, 1 insertion(+), 13 deletions(-)

diff --git a/app/views/ArticlesView/index.js b/app/views/ArticlesView/index.js
index 1cfef477ff..36e875edf5 100644
--- a/app/views/ArticlesView/index.js
+++ b/app/views/ArticlesView/index.js
@@ -7,8 +7,8 @@ import {
 } from 'react-native';
 import { SafeAreaView } from 'react-navigation';
 import { connect } from 'react-redux';
+import CookieManager from 'react-native-cookies';
 import styles from '../Styles';
-
 // import I18n from '../../i18n';
 import StatusBar from '../../containers/StatusBar';
 import { DrawerButton } from '../../containers/HeaderButton';
@@ -58,19 +58,13 @@ export default class AdminPanelView extends React.Component {
 	}
 
 	render() {
-<<<<<<< HEAD
-		const { navigation } = this.props;
-=======
 		const {
 			navigation, authToken, userId, baseUrl
 		} = this.props;
->>>>>>> 6dbe25d0... Articles Webview: Handle Back Operation Android
 		this.articlesLink = navigation.getParam('articlesLink');
 		if (!this.articlesLink) {
 			return null;
 		}
-<<<<<<< HEAD
-=======
 		// CookieManager.get(baseUrl)
 		// 	.then((res) => {
 		// 		console.warn('CookieManager.get =>', res);
@@ -81,20 +75,14 @@ export default class AdminPanelView extends React.Component {
 		// 		*	no-login appears if cookies are already present.
 		// 		*/
 		// 	});
->>>>>>> 6dbe25d0... Articles Webview: Handle Back Operation Android
 		return (
 			<SafeAreaView style={styles.container} testID='articles-view'>
 				<StatusBar />
 				<WebView
-<<<<<<< HEAD
-					source={{ uri: this.articlesLink }}
-					// injectedJavaScript={`Meteor.loginWithToken('${ authToken }', function() { })`}
-=======
 					source={{ uri: `${ baseUrl }/admin/info?layout=embedded` }}
 					ref={(webView) => { this.webView.ref = webView; }}
 					injectedJavaScript={`Meteor.loginWithToken('${ authToken }', function() { }); setTimeout(function(){ window.location.assign('${ this.articlesLink }')}, 50)`}
 					onNavigationStateChange={(navState) => { this.webView.canGoBack = navState.canGoBack; }}
->>>>>>> 6dbe25d0... Articles Webview: Handle Back Operation Android
 				/>
 			</SafeAreaView>
 		);

From 9bde8cf69b917878ea3510f661af9e0e38d0fd91 Mon Sep 17 00:00:00 2001
From: Kailash Bhalaki <kailashbhalaki@gmail.com>
Date: Sun, 28 Jul 2019 00:16:20 +0530
Subject: [PATCH 4/5] Articles: Fix eslint issues

---
 app/views/ArticlesView/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/views/ArticlesView/index.js b/app/views/ArticlesView/index.js
index 36e875edf5..63c8d56e40 100644
--- a/app/views/ArticlesView/index.js
+++ b/app/views/ArticlesView/index.js
@@ -7,7 +7,7 @@ import {
 } from 'react-native';
 import { SafeAreaView } from 'react-navigation';
 import { connect } from 'react-redux';
-import CookieManager from 'react-native-cookies';
+// import CookieManager from 'react-native-cookies';
 import styles from '../Styles';
 // import I18n from '../../i18n';
 import StatusBar from '../../containers/StatusBar';
@@ -59,7 +59,7 @@ export default class AdminPanelView extends React.Component {
 
 	render() {
 		const {
-			navigation, authToken, userId, baseUrl
+			navigation, authToken, baseUrl
 		} = this.props;
 		this.articlesLink = navigation.getParam('articlesLink');
 		if (!this.articlesLink) {

From f663630ee2629077bd2032afd50cc315a2952bcd Mon Sep 17 00:00:00 2001
From: Kailash Bhalaki <kailashbhalaki@gmail.com>
Date: Sun, 28 Jul 2019 00:34:18 +0530
Subject: [PATCH 5/5] Fix eslint issues.

---
 app/views/ArticlesView/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/views/ArticlesView/index.js b/app/views/ArticlesView/index.js
index 63c8d56e40..f399121186 100644
--- a/app/views/ArticlesView/index.js
+++ b/app/views/ArticlesView/index.js
@@ -26,7 +26,7 @@ export default class AdminPanelView extends React.Component {
 
 	static propTypes = {
 		baseUrl: PropTypes.string,
-		userId: PropTypes.string,
+		// userId: PropTypes.string,
 		authToken: PropTypes.string,
 		navigation: PropTypes.object
 	}