🌴 Sync 2026-03-05 23:51:42

luci-app-daed/htdocs/luci-static/resources/view/daed/config.js

@@ -0,0 +1,93 @@
+// SPDX-License-Identifier: Apache-2.0
+
+'use strict';
+'require form';
+'require poll';
+'require rpc';
+'require uci';
+'require view';
+
+const callServiceList = rpc.declare({
+	object: 'service',
+	method: 'list',
+	params: ['name'],
+	expect: { '': {} }
+});
+
+function getServiceStatus() {
+	return L.resolveDefault(callServiceList('daed'), {}).then(function(res) {
+		let isRunning = false;
+		try {
+			isRunning = res['daed']['instances']['daed']['running'];
+		} catch (e) { }
+		return isRunning;
+	});
+}
+
+function renderStatus(isRunning, port) {
+	let spanTemp = '<span style="color:%s"><strong>%s %s</strong></span>';
+	let renderHTML;
+	if (isRunning) {
+		let button = String.format('&#160;<a class="btn cbi-button" href="http://%s:%s" target="_blank" rel="noreferrer noopener">%s</a>',
+			window.location.hostname, port, _('Open Web Interface'));
+		renderHTML = spanTemp.format('green', _('daed'), _('RUNNING')) + button;
+	} else {
+		renderHTML = spanTemp.format('red', _('daed'), _('NOT RUNNING'));
+	}
+
+	return renderHTML;
+}
+
+return view.extend({
+	load: function() {
+		return Promise.all([
+			uci.load('daed')
+		]);
+	},
+
+	render: function(data) {
+		let m, s, o;
+		let webport = (uci.get(data[0], 'config', 'address') || '0.0.0.0:2023').split(':').slice(-1)[0];
+
+		m = new form.Map('daed', _('daed'),
+			_('A modern dashboard for dae.'));
+
+		s = m.section(form.TypedSection);
+		s.anonymous = true;
+		s.render = function() {
+			poll.add(function() {
+				return L.resolveDefault(getServiceStatus()).then(function(res) {
+					let view = document.getElementById('service_status');
+					view.innerHTML = renderStatus(res, webport);
+				});
+			});
+
+			return E('div', { class: 'cbi-section', id: 'status_bar' }, [
+				E('p', { id: 'service_status' }, _('Collecting data…'))
+			]);
+		}
+
+		s = m.section(form.NamedSection, 'config', 'daed');
+
+		o = s.option(form.Flag, 'enabled', _('Enable'));
+		o.default = o.disabled;
+		o.rmempty = false;
+
+		o = s.option(form.Value, 'listen_addr', _('Listening address'));
+		o.datatype = 'ipaddrport(1)';
+		o.default = '0.0.0.0:2023';
+		o.rmempty = false;
+
+		o = s.option(form.Value, 'log_maxbackups', _('Max log backups'),
+			_('The maximum number of old log files to retain.'));
+		o.datatype = 'uinteger';
+		o.default = '1';
+
+		o = s.option(form.Value, 'log_maxsize', _('Max log size'),
+			_('The maximum size in megabytes of the log file before it gets rotated.'));
+		o.datatype = 'uinteger';
+		o.default = '5';
+
+		return m.render();
+	}
+});

luci-app-daed/htdocs/luci-static/resources/view/daed/log.js

@@ -0,0 +1,94 @@
+// SPDX-License-Identifier: Apache-2.0
+
+'use strict';
+'require dom';
+'require fs';
+'require poll';
+'require view';
+
+return view.extend({
+	render() {
+		/* Thanks to luci-app-aria2 */
+		let css = '					\
+			#log_textarea {				\
+				text-align: left;		\
+			}					\
+			#log_textarea pre {			\
+				padding: .5rem;			\
+				word-break: break-all;		\
+				margin: 0;			\
+			}					\
+			.description {				\
+				background-color: #33ccff;	\
+			}';
+
+		let log_textarea = E('div', { 'id': 'log_textarea' },
+			E('img', {
+				'src': L.resource('icons/loading.svg'),
+				'alt': _('Loading...'),
+				'style': 'vertical-align:middle'
+			}, _('Collecting data…'))
+		);
+
+		poll.add(L.bind(function() {
+			return fs.read_direct('/var/log/daed/daed.log', 'text')
+			.then(function(content) {
+				let log = E('pre', { 'wrap': 'pre' }, [
+					content.trim() || _('Log is empty.')
+				]);
+
+				dom.content(log_textarea, log);
+			}).catch(function(e) {
+				let log;
+
+				if (e.toString().includes('NotFoundError'))
+					log = E('pre', { 'wrap': 'pre' }, [
+						_('Log file does not exist.')
+					]);
+				else
+					log = E('pre', { 'wrap': 'pre' }, [
+						_('Unknown error: %s').format(e)
+					]);
+
+				dom.content(log_textarea, log);
+			});
+		}));
+
+		const scrollDownButton = E('button', {
+				'id': 'scrollDownButton',
+				'class': 'cbi-button cbi-button-neutral',
+			}, _('Scroll to tail', 'scroll to bottom (the tail) of the log file')
+		);
+		scrollDownButton.addEventListener('click', () => {
+			scrollUpButton.focus();
+		});
+
+		const scrollUpButton = E('button', {
+				'id' : 'scrollUpButton',
+				'class': 'cbi-button cbi-button-neutral',
+			}, _('Scroll to head', 'scroll to top (the head) of the log file')
+		);
+		scrollUpButton.addEventListener('click', () => {
+			scrollDownButton.focus();
+		});
+
+		return E([
+			E('style', [ css ]),
+			E('h2', {}, [ _('Log') ]),
+			E('div', {'class': 'cbi-map'}, [
+				E('div', {'style': 'padding-bottom: 20px'}, [scrollDownButton]),
+				E('div', {'class': 'cbi-section'}, [
+					log_textarea,
+					E('div', {'style': 'text-align:right'},
+						E('small', {}, _('Refresh every %s seconds.').format(L.env.pollinterval))
+					)
+				]),
+				E('div', {'style': 'padding-bottom: 20px'}, [scrollUpButton])
+			])
+		]);
+	},
+
+	handleSaveApply: null,
+	handleSave: null,
+	handleReset: null
+});