help

ggazzo · ggazzo · commit 28656d996872 · 2020-04-16T14:09:20.000-03:00
diff --git a/app/logger/client/components/ViewLogs/ViewLogsRoute.js b/app/logger/client/components/ViewLogs/ViewLogsRoute.js
@@ -0,0 +1,11 @@
+import React from 'react';
+
+import { NotAuthorizedPage } from '../../../../ui-admin/client/components/settings/NotAuthorizedPage';
+import { usePermission } from '../../../../../client/contexts/AuthorizationContext';
+
+import { ViewLogs } from '.';
+
+export default function ViewLogsRoute() {
+	const canAccessMailer = usePermission('view-logs');
+	return canAccessMailer ? <ViewLogs/> : <NotAuthorizedPage/>;
+}
diff --git a/app/logger/client/components/ViewLogs/index.js b/app/logger/client/components/ViewLogs/index.js
@@ -1,18 +1,34 @@
-import React from 'react';
+import { Meteor } from 'meteor/meteor';
+import React, { useEffect, useState } from 'react';
 import { Box } from '@rocket.chat/fuselage';
 
-import { APIClient } from '../../../../utils/client/index';
 import { useTranslation } from '../../../../../client/contexts/TranslationContext';
 import { Page } from '../../../../../client/components/basic/Page';
+import { ansispan } from '../../ansispan';
+import { APIClient } from '../../../../utils/client';
 
 export function ViewLogs() {
-	// const { queue } = await APIClient.v1.get('stdout.queue');
-	const test = APIClient.v1.get('stdout.queue');
+	const [stdout, setStdout] = useState([]);
+	useEffect(() => {
+		(async () => {
+			const data = await APIClient.v1.get('stdout.queue');
+
+			setStdout(data.queue);
+		})();
+
+		const stdoutStreamer = new Meteor.Streamer('stdout');
+
+		stdoutStreamer.on('stdout', (item) => stdout.push(item));
+
+		return () => {
+			stdoutStreamer.removeListener('stdout');
+		};
+	}, []);
+
 	const t = useTranslation();
+
 	return <Page _id='viewlogs' i18nLabel='ViewLogs'>
 		<Page.Header title={t('View Logs')}></Page.Header>
-		<Box componentClassName='mongo-logs' width='full' height='full'>
-			{ console.log(test) }
-		</Box>
+		<Box componentClassName='view-logs__terminal' width='full' height='full' dangerouslySetInnerHTML={{ __html: stdout.map(({ string }) => ansispan(string)).join('\n') }} />
 	</Page>;
 }
diff --git a/app/logger/client/viewLogs.js b/app/logger/client/viewLogs.js
@@ -19,15 +19,8 @@ Meteor.startup(function() {
 	});
 });
 
+
 registerAdminRoute('/view-logs', {
 	name: 'admin-view-logs',
-	async action() {
-		await import('./views/viewLogs');
-		return BlazeLayout.render('main', {
-			center: 'pageSettingsContainer',
-			pageTitle: t('View_Logs'),
-			pageTemplate: 'viewLogs',
-			noScroll: true,
-		});
-	},
+	lazyRouteComponent: () => import('./components/ViewLogs/ViewLogsRoute'),
 });
