converted Rocketchat logger coffee to js

packages/rocketchat-logger/client/viewLogs.js

@@ -0,0 +1,24 @@
+
+this.stdout = new Mongo.Collection('stdout');
+
+Meteor.startup(function() {
+	return RocketChat.AdminBox.addOption({
+		href: 'admin-view-logs',
+		i18nLabel: 'View_Logs',
+		permissionGranted() {
+			return RocketChat.authz.hasAllPermission('view-logs');
+		}
+	});
+});
+
+FlowRouter.route('/admin/view-logs', {
+	name: 'admin-view-logs',
+	action() {
+		return BlazeLayout.render('main', {
+			center: 'pageSettingsContainer',
+			pageTitle: t('View_Logs'),
+			pageTemplate: 'viewLogs',
+			noScroll: true
+		});
+	}
+});

packages/rocketchat-logger/client/views/viewLogs.js

@@ -0,0 +1,124 @@
+import moment from 'moment';
+// TODO: remove this globals
+/* globals ansispan stdout readMessage*/
+
+Template.viewLogs.onCreated(function() {
+	this.subscribe('stdout');
+	return this.atBottom = true;
+});
+
+Template.viewLogs.helpers({
+	hasPermission() {
+		return RocketChat.authz.hasAllPermission('view-logs');
+	},
+	logs() {
+		return stdout.find({}, {
+			sort: {
+				ts: 1
+			}
+		});
+	},
+	ansispan(string) {
+		string = ansispan(string.replace(/\s/g, '&nbsp;').replace(/(\\n|\n)/g, '<br>'));
+		string = string.replace(/(.\d{8}-\d\d:\d\d:\d\d\.\d\d\d\(?.{0,2}\)?)/, '<span class="terminal-time">$1</span>');
+		return string;
+	},
+	formatTS(date) {
+		return moment(date).format('YMMDD-HH:mm:ss.SSS(ZZ)');
+	}
+});
+
+Template.viewLogs.events({
+	'click .new-logs'() {
+		Template.instance().atBottom = true;
+		return Template.instance().sendToBottomIfNecessary();
+	}
+});
+
+Template.viewLogs.onRendered(function() {
+
+	const wrapper = this.find('.terminal');
+	const wrapperUl = this.find('.terminal');
+	const newLogs = this.find('.new-logs');
+	const template = this;
+	template.isAtBottom = function(scrollThreshold) {
+		if (scrollThreshold == null) {
+			scrollThreshold = 0;
+		}
+		if (wrapper.scrollTop + scrollThreshold >= wrapper.scrollHeight - wrapper.clientHeight) {
+			newLogs.className = 'new-logs not';
+			return true;
+		}
+		return false;
+	};
+	template.sendToBottom = function() {
+		wrapper.scrollTop = wrapper.scrollHeight - wrapper.clientHeight;
+		return newLogs.className = 'new-logs not';
+	};
+	template.checkIfScrollIsAtBottom = function() {
+		template.atBottom = template.isAtBottom(100);
+		readMessage.enable();
+		return readMessage.read();
+	};
+	template.sendToBottomIfNecessary = function() {
+		if (template.atBottom === true && template.isAtBottom() !== true) {
+			return template.sendToBottom();
+		} else if (template.atBottom === false) {
+			return newLogs.className = 'new-logs';
+		}
+	};
+	template.sendToBottomIfNecessaryDebounced = _.debounce(template.sendToBottomIfNecessary, 10);
+	template.sendToBottomIfNecessary();
+	if (window.MutationObserver == null) {
+		wrapperUl.addEventListener('DOMSubtreeModified', function() {
+			return template.sendToBottomIfNecessaryDebounced();
+		});
+	} else {
+		const observer = new MutationObserver(function(mutations) {
+			return mutations.forEach(function() {
+				return template.sendToBottomIfNecessaryDebounced();
+			});
+		});
+		observer.observe(wrapperUl, {
+			childList: true
+		});
+	}
+	template.onWindowResize = function() {
+		return Meteor.defer(function() {
+			return template.sendToBottomIfNecessaryDebounced();
+		});
+	};
+	window.addEventListener('resize', template.onWindowResize);
+	wrapper.addEventListener('mousewheel', function() {
+		template.atBottom = false;
+		return Meteor.defer(function() {
+			return template.checkIfScrollIsAtBottom();
+		});
+	});
+	wrapper.addEventListener('wheel', function() {
+		template.atBottom = false;
+		return Meteor.defer(function() {
+			return template.checkIfScrollIsAtBottom();
+		});
+	});
+	wrapper.addEventListener('touchstart', function() {
+		return template.atBottom = false;
+	});
+	wrapper.addEventListener('touchend', function() {
+		Meteor.defer(function() {
+			return template.checkIfScrollIsAtBottom();
+		});
+		Meteor.setTimeout(function() {
+			return template.checkIfScrollIsAtBottom();
+		}, 1000);
+		return Meteor.setTimeout(function() {
+			return template.checkIfScrollIsAtBottom();
+		}, 2000);
+	});
+	return wrapper.addEventListener('scroll', function() {
+		template.atBottom = false;
+		return Meteor.defer(function() {
+			return template.checkIfScrollIsAtBottom();
+		});
+	});
+});