small-packages/luci-app-log/dev-mods-examples/mod-textarea/htdocs/luci-static/resources/view/log-viewer/log-widget.js

'use strict';
'require baseclass';
'require ui';
'require view.log-viewer.log-base as base';

return baseclass.extend({
	view: base.view.extend({
		rowsDefault: 20,

		htmlEntities(str) {
			return str;
		},

		filterHighlightFunc(match) {
			return `►${match}◄`;
		},

		padNumber(number, lengthFirst, lengthLast) {
			let length = Math.max(lengthFirst, lengthLast);
			try {
				number = String(number).padStart(length, ' ');
			} catch(e) {
				if(e.name != 'TypeError') {
					throw e;
				};
			};
			return number;
		},

		makeLogArea(logdataArray) {
			let lines       = _('No entries available...');
			let logTextarea = E('textarea', {
				'id'        : 'syslog',
				'class'     : 'cbi-input-textarea',
				'style'     : 'width:100% !important; margin-bottom:1em; resize:none; font-size:12px; font-family:monospace !important',
				'readonly'  : 'readonly',
				'wrap'      : 'off',
				'rows'      : this.rowsDefault,
				'spellcheck': 'false',
			});

			for(let level of Object.keys(this.logLevels)) {
				this.logLevelsStat[level] = 0;
			};

			let logdataArrayLen = logdataArray.length;

			if(logdataArrayLen > 0) {
				lines = [];
				let firstNumLength = String(logdataArray[0][0]).length;
				let lastNumLength  = String(logdataArray[logdataArrayLen - 1][0]).length;
				logdataArray.forEach((e, i) => {
					if(e[4] in this.logLevels) {
						this.logLevelsStat[e[4]] = this.logLevelsStat[e[4]] + 1;
					};
					e[0] = this.padNumber(e[0], firstNumLength, lastNumLength);
					if(e[5]) {
						e[5] = `\t${e[5]}`;
					};
					lines.push(e.filter(i => (i)).join(' '));
				});
				lines = lines.join('\r\n');
			};

			logTextarea.value = lines;
			logTextarea.rows  = ((logdataArrayLen + 1) < this.rowsDefault) ? this.rowsDefault : logdataArrayLen + 1;

			let levelsStatString = '';
			if((Object.values(this.logLevelsStat).reduce((s,c) => s + c, 0)) > 0) {
				Object.entries(this.logLevelsStat).forEach(e => {
					if(e[0] in this.logLevels && e[1] > 0) {
						levelsStatString += `<span class="log-entries-count-level log-${e[0]}" title="${e[0]}">${e[1]}</span>`;
					};
				});
			};

			return E([
				E('div', { 'class': 'log-entries-count' },
					`${_('Entries')}: ${logdataArrayLen} / ${this.totalLogLines}${levelsStatString}`
				),
				logTextarea,
			]);
		},
	}),
});