From e27386f4ddf87d8eba00351c0710f80fca990add Mon Sep 17 00:00:00 2001 From: MrMelon54 Date: Fri, 19 Jul 2024 19:27:04 +0100 Subject: [PATCH] Convert domains page to use RestTable --- src/components/domains/CaaRow.svelte | 50 ++++ src/components/domains/SrvRow.svelte | 52 ++++ src/views/DomainsView.svelte | 412 ++++++++++++--------------- 3 files changed, 292 insertions(+), 222 deletions(-) create mode 100644 src/components/domains/CaaRow.svelte create mode 100644 src/components/domains/SrvRow.svelte diff --git a/src/components/domains/CaaRow.svelte b/src/components/domains/CaaRow.svelte new file mode 100644 index 0000000..2ea27ad --- /dev/null +++ b/src/components/domains/CaaRow.svelte @@ -0,0 +1,50 @@ + + + + {value.data.Hdr.Name} + {value.data.Tag} + {value.data.Value} + + { + editItem = JSON.parse(JSON.stringify(value.data)); + editPopup = true; + }} + remove={() => value.remove()} + /> + + +
Name
+
{editItem.Hdr.Name}
+
Tag
+
+
Value
+
+ + + diff --git a/src/components/domains/SrvRow.svelte b/src/components/domains/SrvRow.svelte new file mode 100644 index 0000000..0fd18c7 --- /dev/null +++ b/src/components/domains/SrvRow.svelte @@ -0,0 +1,52 @@ + + + + {value.data.Hdr.Name} + {value.data.Priority} + {value.data.Weight} + {value.data.Port} + {value.data.Target} + {value.data.Hdr.Ttl} + + { + editItem = JSON.parse(JSON.stringify(value.data)); + editPopup = true; + }} + remove={() => value.remove()} + /> + + +
Name
+
{editItem.Hdr.Name}
+
Target
+
+ + + diff --git a/src/views/DomainsView.svelte b/src/views/DomainsView.svelte index 9d78375..624a105 100644 --- a/src/views/DomainsView.svelte +++ b/src/views/DomainsView.svelte @@ -28,6 +28,13 @@ import {RestItem, RestTable} from "../utils/rest-table"; import PromiseLike from "../components/PromiseLike.svelte"; import SoaRow from "../components/domains/SoaRow.svelte"; + import NsRow from "../components/domains/NsRow.svelte"; + import MxRow from "../components/domains/MxRow.svelte"; + import ARow from "../components/domains/ARow.svelte"; + import CnameRow from "../components/domains/CnameRow.svelte"; + import TxtRow from "../components/domains/TxtRow.svelte"; + import CaaRow from "../components/domains/CaaRow.svelte"; + import SrvRow from "../components/domains/SrvRow.svelte"; const apiAzalea = import.meta.env.VITE_API_AZALEA; @@ -88,8 +95,8 @@

Domains / {getTitleDomain(soaRecords[0].Hdr.Name)}

Download DNS Zone File @@ -109,7 +116,7 @@ - {#each rowOrdering(value.rows, $domainOption, DnsTypeSOA) as item} + {#each rowOrdering(value.rows, $domainOption, isSoaRecord) as item} @@ -126,246 +133,207 @@ {/each} - - - - - - - - - - - - - - {#if $soaRecords.length === 0} - - {/if} - {#each $soaRecords as record} - - - - - - - - - - {/each} - -
Primary DomainEmailDefault TTLRefresh RateRetry RateExpire Time
No items to display
{record.Hdr.Name}{record.Mbox}{record.Minttl}{record.Refresh}{record.Retry}{record.Expire} - console.log(t)} remove={null} /> -

NS Record

- - - - - - - - - - - {#if $nsRecords.length === 0} - - {/if} - {#each $nsRecords as record} - - - - - - + + + + + + + + + + {#each rowOrdering(value.rows, $domainOption, isNsRecord) as item} + + + + + + + + + + + {/each} - -
Name ServerSubdomainTTL
No items to display
{record.Ns}{record.Hdr.Name}{record.Hdr.Ttl}
Name ServerSubdomainTTL
+
Loading...
+
Error loading row for {item.data.Hdr.Name}: {reason}
+ +

MX Record

- - - - - - - - - - - - {#if $mxRecords.length === 0} - - {/if} - {#each $mxRecords as record} - - - - - - - + + + + + + + + + + + {#each rowOrdering(value.rows, $domainOption, isMxRecord) as item} + + + + + + + + + + + {/each} - -
Mail ServerPreferenceSubdomainTTL
No items to display
{record.Mx}{record.Preference}{record.Hdr.Name}{record.Hdr.Ttl} - console.log(t)} remove={t => console.log(t)} /> -
Mail ServerPreferenceSubdomainTTL
+
Loading...
+
Error loading row for {item.data.Hdr.Name}: {reason}
+ +

A/AAAA Record

- - - - - - - - - - - {#if $aRecords.length === 0 && $aaaaRecords.length === 0} - - {/if} - {#each $aRecords as record} - - - - - - + + + + + + + + + + {#each rowOrdering(value.rows, $domainOption, t => isARecord(t) || isAaaaRecord(t)) as item} + + + + + + + + + + + {/each} - {#each $aaaaRecords as record} - - - - - - - {/each} - -
HostnameIP AddressTTL
No items to display
{record.Hdr.Name}{record.A}{record.Hdr.Ttl} - console.log(t)} remove={t => console.log(t)} /> -
HostnameIP AddressTTL
+
Loading...
+
Error loading row for {item.data.Hdr.Name}: {reason}
{record.Hdr.Name}{record.AAAA}{record.Hdr.Ttl} - console.log(t)} remove={t => console.log(t)} /> -
+ +

CNAME Record

- - - - - - - - - - - {#if $cnameRecords.length === 0} - - {/if} - {#each $cnameRecords as record} - - - - - - + + + + + + + + + + {#each rowOrdering(value.rows, $domainOption, isCnameRecord) as item} + + + + + + + + + + + {/each} - -
HostnameAliases toTTL
No items to display
{record.Hdr.Name}{record.Target}{record.Hdr.Ttl} - console.log(t)} remove={t => console.log(t)} /> -
HostnameAliases toTTL
+
Loading...
+
Error loading row for {item.data.Hdr.Name}: {reason}
+ +

TXT Record

- - - - - - - - - - - {#if $txtRecords.length === 0} - - {/if} - {#each $txtRecords as record} - - - - - - + + + + + + + + + + {#each rowOrdering(value.rows, $domainOption, isTxtRecord) as item} + + + + + + + + + + + {/each} - -
HostnameValueTTL
No items to display
{record.Hdr.Name} - {record.Txt.join("\n")} - {record.Hdr.Ttl} - console.log(t)} remove={t => console.log(t)} /> -
HostnameValueTTL
+
Loading...
+
Error loading row for {item.data.Hdr.Name}: {reason}
+ +

SRV Record

- - - - - - - - - - - - - - {#if $srvRecords.length === 0} - - {/if} - {#each $srvRecords as record} - - - - - - - - - + + + + + + + + + + + + + {#each rowOrdering(value.rows, $domainOption, isSrvRecord) as item} + + + + + + + + + + + {/each} - -
NamePriorityWeightPortTargetTTL
No items to display
{record.Hdr.Name}{record.Priority}{record.Weight}{record.Port}{record.Target}{record.Hdr.Ttl} - console.log(t)} remove={t => console.log(t)} /> -
NamePriorityWeightPortTargetTTL
+
Loading...
+
Error loading row for {item.data.Hdr.Name}: {reason}
+ +

CAA Record

- - - - - - - - - - - - {#if $caaRecords.length === 0} - - {/if} - {#each $caaRecords as record} - - - - - - - + + + + + + + + + + + {#each rowOrdering(value.rows, $domainOption, isCaaRecord) as item} + + + + + + + + + + + {/each} - -
NameTagValueTTL
No items to display
{record.Hdr.Name}{record.Tag}{record.Value}{record.Hdr.Ttl} - console.log(t)} remove={t => console.log(t)} /> -
NameTagValueTTL
+
Loading...
+
Error loading row for {item.data.Hdr.Name}: {reason}
+ +