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

luci-app-sysuh3c/htdocs/luci-static/resources/view/sysuh3c.js

@@ -0,0 +1,89 @@
+// SPDX-License-Identifier: Apache-2.0
+/*
+ * Copyright (C) 2025 ImmortalWrt.org
+ */
+
+'use strict';
+'require form';
+'require poll';
+'require rpc';
+'require uci';
+'require view';
+
+'require tools.widgets as widgets';
+
+const callServiceList = rpc.declare({
+	object: 'service',
+	method: 'list',
+	params: ['name'],
+	expect: { '': {} }
+});
+
+function getServiceStatus() {
+	return L.resolveDefault(callServiceList('sysuh3c'), {}).then(function(res) {
+		let isRunning = false;
+		try {
+			isRunning = res['sysuh3c']['instances']['instance1']['running'];
+		} catch (e) { }
+		return isRunning;
+	});
+}
+
+function renderStatus(isRunning) {
+	let spanTemp = '<em><span style="color:%s"><strong>%s %s</strong></span></em>';
+	let renderHTML;
+	if (isRunning)
+		renderHTML = spanTemp.format('green', _('sysuh3c'), _('RUNNING'));
+	else
+		renderHTML = spanTemp.format('red', _('sysuh3c'), _('NOT RUNNING'));
+
+	return renderHTML;
+}
+
+return view.extend({
+	render() {
+		let m, s, o;
+
+		m = new form.Map('sysuh3c', _('SYSU H3C Client'),
+			_('Configure SYSU H3C 802.1x client.'));
+
+		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);
+				});
+			});
+
+			return E('div', { class: 'cbi-section', id: 'status_bar' }, [
+				E('p', { id: 'service_status' }, _('Collecting data…'))
+			]);
+		}
+
+		s = m.section(form.NamedSection, 'config', 'sysuh3c');
+
+		o = s.option(form.Flag, 'enabled', _('Enable'));
+
+		o = s.option(form.Value, 'username', _('Username'));
+		o.rmempty = false;
+
+		o = s.option(form.Value, 'password', _('Password'));
+		o.password = true;
+
+		o = s.option(form.ListValue, 'method', _('EAP Method'));
+		o.value('md5', _('MD5'));
+		o.value('xor', _('XOR'));
+		o.default = 'xor';
+		o.rmempty = false;
+
+		o = s.option(widgets.DeviceSelect, 'ifname', _('Interface'));
+		o.multiple = false;
+		o.noaliases = true;
+		o.nocreate = true;
+		o.rmempty = false;
+
+		return m.render();
+	}
+});