serve.zone/cloudly
3
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(dns): Add domain validation and dropdown for DNS entry creation and updates

Browse Source
This commit is contained in:
Jürgen Kunz
2025-09-09 15:13:44 +00:00
parent 766191899c
commit 73505d1ed8
2 changed files with 48 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
ts_web/elements/cloudly-view-dns.ts
View File

@@ -19,6 +19,7 @@ export class CloudlyViewDns extends DeesElement {
secretGroups: [],
secretBundles: [],
dnsEntries: [],
domains: [],
};
constructor() {
@@ -31,6 +32,12 @@ export class CloudlyViewDns extends DeesElement {
this.rxSubscriptions.push(subscription);
}
async connectedCallback() {
super.connectedCallback();
// Load all data including domains and DNS entries
await appstate.dataState.dispatchAction(appstate.getAllDataAction, {});
}
public static styles = [
cssManager.defaultStyles,
shared.viewHostCss,
@@ -120,12 +127,15 @@ export class CloudlyViewDns extends DeesElement {
.value=${'A'}
.required=${true}>
</dees-input-dropdown>
<dees-input-text
.key=${'zone'}
.label=${'Zone (Domain)'}
.placeholder=${'example.com'}
<dees-input-dropdown
.key=${'domainId'}
.label=${'Domain'}
.options=${this.data.domains?.map(domain => ({
key: domain.id,
option: domain.data.name
})) || []}
.required=${true}>
</dees-input-text>
</dees-input-dropdown>
<dees-input-text
.key=${'name'}
.label=${'Name'}
@@ -186,7 +196,8 @@ export class CloudlyViewDns extends DeesElement {
await appstate.dataState.dispatchAction(appstate.createDnsEntryAction, {
dnsEntryData: {
type: formData.type,
zone: formData.zone,
domainId: formData.domainId,
zone: '', // Will be set by backend from domain
name: formData.name || '@',
value: formData.value,
ttl: parseInt(formData.ttl) || 3600,
@@ -239,12 +250,16 @@ export class CloudlyViewDns extends DeesElement {
.value=${dnsEntry.data.type}
.required=${true}>
</dees-input-dropdown>
<dees-input-text
.key=${'zone'}
.label=${'Zone (Domain)'}
.value=${dnsEntry.data.zone}
<dees-input-dropdown
.key=${'domainId'}
.label=${'Domain'}
.options=${this.data.domains?.map(domain => ({
key: domain.id,
option: domain.data.name
})) || []}
.value=${dnsEntry.data.domainId || ''}
.required=${true}>
</dees-input-text>
</dees-input-dropdown>
<dees-input-text
.key=${'name'}
.label=${'Name'}
@@ -306,7 +321,8 @@ export class CloudlyViewDns extends DeesElement {
dnsEntryData: {
...dnsEntry.data,
type: formData.type,
zone: formData.zone,
domainId: formData.domainId,
zone: '', // Will be set by backend from domain
name: formData.name || '@',
value: formData.value,
ttl: parseInt(formData.ttl) || 3600,