happyDomain/ui/src/lib/components/domains/SubdomainList.svelte

92 lines
3.1 KiB
Svelte

<!--
This file is part of the happyDomain (R) project.
Copyright (c) 2022-2024 happyDomain
Authors: Pierre-Olivier Mercier, et al.
This program is offered under a commercial and under the AGPL license.
For commercial licensing, contact us at <contact@happydomain.org>.
For AGPL licensing:
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
-->
<script lang="ts">
import { createEventDispatcher } from 'svelte';
import AliasModal, { controls as ctrlAlias } from '$lib/components/domains/AliasModal.svelte';
import { controls as ctrlNewService } from '$lib/components/NewServicePath.svelte';
import { controls as ctrlService } from '$lib/components/domains/ServiceModal.svelte';
import SubdomainItem from '$lib/components/domains/SubdomainItem.svelte';
import type { Domain, DomainInList } from '$lib/model/domain';
import type { ServiceCombined } from '$lib/model/service';
import type { Zone } from '$lib/model/zone';
const dispatch = createEventDispatcher();
export let origin: DomainInList | Domain;
export let sortedDomains: Array<string>;
export let sortedDomainsWithIntermediate: Array<string>;
export let zone: Zone;
let aliases: Record<string, Array<string>>;
$: {
const tmp: Record<string, Array<string>> = { };
for (const dn of sortedDomains) {
if (!zone.services[dn]) continue;
zone.services[dn].forEach(function (svc) {
if (svc._svctype === 'svcs.CNAME') {
if (!tmp[svc.Service.Target]) {
tmp[svc.Service.Target] = []
}
tmp[svc.Service.Target].push(dn)
}
})
}
if (tmp['@']) tmp[""] = tmp["@"];
aliases = tmp;
}
export let newSubdomainModalOpened = false;
$: if (newSubdomainModalOpened) {
ctrlNewSubdomain.Open();
}
function showServiceModal(event: CustomEvent<ServiceCombined>) {
ctrlService.Open(event.detail);
}
</script>
{#each sortedDomainsWithIntermediate as dn}
<SubdomainItem
aliases={aliases[dn]?aliases[dn]:[]}
{dn}
{origin}
zoneId={zone.id}
services={zone.services[dn]?zone.services[dn]:[]}
on:new-alias={() => ctrlAlias.Open(dn)}
on:new-service={() => ctrlNewService.Open(dn)}
on:show-service={showServiceModal}
on:update-zone-services={(event) => dispatch("update-zone-services", event.detail)}
/>
{/each}
<AliasModal
{origin}
{zone}
on:update-zone-services={(event) => dispatch("update-zone-services", event.detail)}
/>