secubox-openwrt/package/secubox/luci-app-dns-provider/htdocs/luci-static/resources/view/dns-provider/settings.js

'use strict';
'require view';
'require form';
'require ui';
'require uci';
'require rpc';
'require secubox/kiss-theme';

var callGetConfig = rpc.declare({
	object: 'luci.dns-provider',
	method: 'get_config',
	expect: {}
});

var callTestCredentials = rpc.declare({
	object: 'luci.dns-provider',
	method: 'test_credentials',
	expect: {}
});

return view.extend({
	load: function() {
		return Promise.all([
			callGetConfig(),
			L.resolveDefault(uci.load('dns-provider'), {})
		]);
	},

	render: function(data) {
		var config = data[0] || {};
		var m, s, o;

		m = new form.Map('dns-provider', _('DNS Provider Settings'),
			_('Configure DNS provider API credentials for programmatic DNS record management and ACME DNS-01 certificate issuance.'));

		// ── Main Settings ──
		s = m.section(form.NamedSection, 'main', 'dns_provider', _('General'));
		s.anonymous = false;

		o = s.option(form.Flag, 'enabled', _('Enable'));
		o.default = '0';
		o.rmempty = false;

		o = s.option(form.ListValue, 'provider', _('DNS Provider'));
		o.value('', _('-- Select --'));
		o.value('ovh', 'OVH');
		o.value('gandi', 'Gandi');
		o.value('cloudflare', 'Cloudflare');
		o.rmempty = true;

		o = s.option(form.Value, 'zone', _('DNS Zone'));
		o.placeholder = 'example.com';
		o.rmempty = true;
		o.description = _('The domain zone managed by this provider.');

		// ── OVH Configuration ──
		s = m.section(form.NamedSection, 'ovh', 'ovh', _('OVH API'));
		s.anonymous = false;

		o = s.option(form.DummyValue, '_ovh_info');
		o.rawhtml = true;
		o.default = '<em>' + _('Obtain API credentials from') +
			' <a href="https://api.ovh.com/createToken/" target="_blank">api.ovh.com/createToken</a></em>';

		o = s.option(form.ListValue, 'endpoint', _('API Endpoint'));
		o.value('ovh-eu', 'OVH Europe');
		o.value('ovh-ca', 'OVH Canada');
		o.value('ovh-us', 'OVH US');
		o.default = 'ovh-eu';

		o = s.option(form.Value, 'app_key', _('Application Key'));
		o.password = false;
		o.rmempty = true;

		o = s.option(form.Value, 'app_secret', _('Application Secret'));
		o.password = true;
		o.rmempty = true;

		o = s.option(form.Value, 'consumer_key', _('Consumer Key'));
		o.password = true;
		o.rmempty = true;

		// ── Gandi Configuration ──
		s = m.section(form.NamedSection, 'gandi', 'gandi', _('Gandi API'));
		s.anonymous = false;

		o = s.option(form.DummyValue, '_gandi_info');
		o.rawhtml = true;
		o.default = '<em>' + _('Obtain your Personal Access Token from') +
			' <a href="https://admin.gandi.net/organizations/account/pat" target="_blank">admin.gandi.net</a></em>';

		o = s.option(form.Value, 'api_key', _('API Key / PAT'));
		o.password = true;
		o.rmempty = true;

		// ── Cloudflare Configuration ──
		s = m.section(form.NamedSection, 'cloudflare', 'cloudflare', _('Cloudflare API'));
		s.anonymous = false;

		o = s.option(form.DummyValue, '_cf_info');
		o.rawhtml = true;
		o.default = '<em>' + _('Create an API Token with DNS:Edit permissions at') +
			' <a href="https://dash.cloudflare.com/profile/api-tokens" target="_blank">dash.cloudflare.com</a></em>';

		o = s.option(form.Value, 'api_token', _('API Token'));
		o.password = true;
		o.rmempty = true;

		o = s.option(form.Value, 'zone_id', _('Zone ID'));
		o.password = false;
		o.rmempty = true;
		o.description = _('Found in the Cloudflare dashboard under your domain\'s Overview page.');

		return m.render().then(function(rendered) {
			// Add "Test Credentials" button after the form
			var testBtn = KissTheme.card('Connection Test',
				E('div', { 'style': 'display: flex; gap: 12px; align-items: center;' }, [
					E('button', {
						'class': 'kiss-btn kiss-btn-cyan',
						'click': function(ev) {
							var btn = ev.target;
							btn.disabled = true;
							btn.textContent = _('Testing...');

							callTestCredentials().then(function(res) {
								btn.disabled = false;
								btn.textContent = _('Test Credentials');

								if (res && res.success) {
									ui.addNotification(null,
										E('p', {}, _('Credentials are valid.')), 'info');
								} else {
									ui.addNotification(null,
										E('p', {}, _('Credential test failed: ') +
											(res ? res.error : _('Unknown error'))), 'danger');
								}
							}).catch(function(err) {
								btn.disabled = false;
								btn.textContent = _('Test Credentials');
								ui.addNotification(null,
									E('p', {}, _('RPC error: ') + err.message), 'danger');
							});
						}
					}, _('Test Credentials')),
					E('span', { 'id': 'test-result', 'style': 'color: var(--kiss-muted);' }, '')
				])
			);

			var container = E('div', {}, [rendered, testBtn]);
			return KissTheme.wrap(container, 'admin/secubox/network/dns-provider/settings');
		});
	},

	handleSaveApply: null,
	handleSave: null,
	handleReset: null
});