mirror of
https://github.com/1f349/admin.1f349.com.git
synced 2025-02-22 05:24:57 +00:00
Convert domains page to use RestTable
This commit is contained in:
parent
2f6d043b63
commit
e27386f4dd
GPG Key ID:
6C9D970C50D26A25
50
src/components/domains/CaaRow.svelte
Normal file
50
src/components/domains/CaaRow.svelte
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
<script lang="ts">
|
||||||
|
import type {CaaRecord} from "../../stores/records";
|
||||||
|
import type {RestItem} from "../../utils/rest-table";
|
||||||
|
import ActionMenu from "../ActionMenu.svelte";
|
||||||
|
import ActionPopup from "../ActionPopup.svelte";
|
||||||
|
|
||||||
|
export let value: RestItem<CaaRecord>;
|
||||||
|
let editItem: CaaRecord = {
|
||||||
|
Hdr: {
|
||||||
|
Name: "",
|
||||||
|
Rrtype: 0,
|
||||||
|
Class: 0,
|
||||||
|
Ttl: 0,
|
||||||
|
},
|
||||||
|
Flag: 0,
|
||||||
|
Tag: "",
|
||||||
|
Value: "",
|
||||||
|
};
|
||||||
|
|
||||||
|
let editPopup: boolean = false;
|
||||||
|
|
||||||
|
function save() {
|
||||||
|
value.update(editItem);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td class="code-font">{value.data.Hdr.Name}</td>
|
||||||
|
<td class="code-font">{value.data.Tag}</td>
|
||||||
|
<td class="code-font">{value.data.Value}</td>
|
||||||
|
<td>
|
||||||
|
<ActionMenu
|
||||||
|
data={value}
|
||||||
|
edit={() => {
|
||||||
|
editItem = JSON.parse(JSON.stringify(value.data));
|
||||||
|
editPopup = true;
|
||||||
|
}}
|
||||||
|
remove={() => value.remove()}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<ActionPopup name="Edit CAA Record" bind:show={editPopup} on:save={save}>
|
||||||
|
<div>Name</div>
|
||||||
|
<div class="code-font">{editItem.Hdr.Name}</div>
|
||||||
|
<div>Tag</div>
|
||||||
|
<div><input type="text" class="code-font" bind:value={editItem.Tag} size={Math.max(20, editItem.Tag.length + 2)} /></div>
|
||||||
|
<div>Value</div>
|
||||||
|
<div><input type="text" class="code-font" bind:value={editItem.Value} size={Math.max(20, editItem.Value.length + 2)} /></div>
|
||||||
|
</ActionPopup>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
52
src/components/domains/SrvRow.svelte
Normal file
52
src/components/domains/SrvRow.svelte
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
<script lang="ts">
|
||||||
|
import type {CnameRecord, SrvRecord} from "../../stores/records";
|
||||||
|
import type {RestItem} from "../../utils/rest-table";
|
||||||
|
import ActionMenu from "../ActionMenu.svelte";
|
||||||
|
import ActionPopup from "../ActionPopup.svelte";
|
||||||
|
|
||||||
|
export let value: RestItem<SrvRecord>;
|
||||||
|
let editItem: SrvRecord = {
|
||||||
|
Hdr: {
|
||||||
|
Name: "",
|
||||||
|
Rrtype: 0,
|
||||||
|
Class: 0,
|
||||||
|
Ttl: 0,
|
||||||
|
},
|
||||||
|
Priority: 0,
|
||||||
|
Weight: 0,
|
||||||
|
Port: 0,
|
||||||
|
Target: "",
|
||||||
|
};
|
||||||
|
|
||||||
|
let editPopup: boolean = false;
|
||||||
|
|
||||||
|
function save() {
|
||||||
|
value.update(editItem);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td class="code-font">{value.data.Hdr.Name}</td>
|
||||||
|
<td class="code-font">{value.data.Priority}</td>
|
||||||
|
<td class="code-font">{value.data.Weight}</td>
|
||||||
|
<td class="code-font">{value.data.Port}</td>
|
||||||
|
<td class="code-font">{value.data.Target}</td>
|
||||||
|
<td class="code-font">{value.data.Hdr.Ttl}</td>
|
||||||
|
<td>
|
||||||
|
<ActionMenu
|
||||||
|
data={value}
|
||||||
|
edit={() => {
|
||||||
|
editItem = JSON.parse(JSON.stringify(value.data));
|
||||||
|
editPopup = true;
|
||||||
|
}}
|
||||||
|
remove={() => value.remove()}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<ActionPopup name="Edit CNAME Record" bind:show={editPopup} on:save={save}>
|
||||||
|
<div>Name</div>
|
||||||
|
<div class="code-font">{editItem.Hdr.Name}</div>
|
||||||
|
<div>Target</div>
|
||||||
|
<div><input type="text" class="code-font" bind:value={editItem.Target} size={Math.max(20, editItem.Target.length + 2)} /></div>
|
||||||
|
</ActionPopup>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
@ -28,6 +28,13 @@
|
|||||||
import {RestItem, RestTable} from "../utils/rest-table";
|
import {RestItem, RestTable} from "../utils/rest-table";
|
||||||
import PromiseLike from "../components/PromiseLike.svelte";
|
import PromiseLike from "../components/PromiseLike.svelte";
|
||||||
import SoaRow from "../components/domains/SoaRow.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;
|
const apiAzalea = import.meta.env.VITE_API_AZALEA;
|
||||||
|
|
||||||
@ -88,8 +95,8 @@
|
|||||||
<h1>Domains / {getTitleDomain(soaRecords[0].Hdr.Name)}</h1>
|
<h1>Domains / {getTitleDomain(soaRecords[0].Hdr.Name)}</h1>
|
||||||
<a
|
<a
|
||||||
class="zone-download"
|
class="zone-download"
|
||||||
href="{import.meta.env.VITE_API_AZALEA}/domains/{getTitleDomain($soaRecords[0].Hdr.Name)}/zone-file"
|
href="{import.meta.env.VITE_API_AZALEA}/domains/{getTitleDomain(soaRecords[0].Hdr.Name)}/zone-file"
|
||||||
download="{getTitleDomain($soaRecords[0].Hdr.Name)}.zone"
|
download="{getTitleDomain(soaRecords[0].Hdr.Name)}.zone"
|
||||||
>
|
>
|
||||||
Download DNS Zone File
|
Download DNS Zone File
|
||||||
</a>
|
</a>
|
||||||
@ -109,7 +116,7 @@
|
|||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<svelte:fragment slot="rows" let:value>
|
<svelte:fragment slot="rows" let:value>
|
||||||
{#each rowOrdering(value.rows, $domainOption, DnsTypeSOA) as item}
|
{#each rowOrdering(value.rows, $domainOption, isSoaRecord) as item}
|
||||||
<PromiseLike value={item}>
|
<PromiseLike value={item}>
|
||||||
<tr slot="loading" class="empty-row">
|
<tr slot="loading" class="empty-row">
|
||||||
<td colspan="100">
|
<td colspan="100">
|
||||||
@ -126,246 +133,207 @@
|
|||||||
{/each}
|
{/each}
|
||||||
</svelte:fragment>
|
</svelte:fragment>
|
||||||
</PromiseTable>
|
</PromiseTable>
|
||||||
<table class="action-table" aria-label="List of Domains SOA Record">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Primary Domain</th>
|
|
||||||
<th>Email</th>
|
|
||||||
<th>Default TTL</th>
|
|
||||||
<th>Refresh Rate</th>
|
|
||||||
<th>Retry Rate</th>
|
|
||||||
<th>Expire Time</th>
|
|
||||||
<th></th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
{#if $soaRecords.length === 0}
|
|
||||||
<tr class="empty-row"><td colspan="7">No items to display</td></tr>
|
|
||||||
{/if}
|
|
||||||
{#each $soaRecords as record}
|
|
||||||
<tr>
|
|
||||||
<td>{record.Hdr.Name}</td>
|
|
||||||
<td>{record.Mbox}</td>
|
|
||||||
<td>{record.Minttl}</td>
|
|
||||||
<td>{record.Refresh}</td>
|
|
||||||
<td>{record.Retry}</td>
|
|
||||||
<td>{record.Expire}</td>
|
|
||||||
<td>
|
|
||||||
<ActionMenu data={record} edit={t => console.log(t)} remove={null} />
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
{/each}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<h2>NS Record</h2>
|
<h2>NS Record</h2>
|
||||||
<table class="action-table" aria-label="List of Domains NS Record">
|
<PromiseTable value={table}>
|
||||||
<thead>
|
<tr slot="headers">
|
||||||
<tr>
|
<th>Name Server</th>
|
||||||
<th>Name Server</th>
|
<th>Subdomain</th>
|
||||||
<th>Subdomain</th>
|
<th>TTL</th>
|
||||||
<th>TTL</th>
|
<th></th>
|
||||||
<th></th>
|
</tr>
|
||||||
</tr>
|
|
||||||
</thead>
|
<svelte:fragment slot="rows" let:value>
|
||||||
<tbody>
|
{#each rowOrdering(value.rows, $domainOption, isNsRecord) as item}
|
||||||
{#if $nsRecords.length === 0}
|
<PromiseLike value={item}>
|
||||||
<tr class="empty-row"><td colspan="7">No items to display</td></tr>
|
<tr slot="loading" class="empty-row">
|
||||||
{/if}
|
<td colspan="100">
|
||||||
{#each $nsRecords as record}
|
<div>Loading...</div>
|
||||||
<tr>
|
</td>
|
||||||
<td>{record.Ns}</td>
|
</tr>
|
||||||
<td>{record.Hdr.Name}</td>
|
|
||||||
<td>{record.Hdr.Ttl}</td>
|
<tr slot="error" let:reason class="empty-row">
|
||||||
<td></td>
|
<td colspan="100">Error loading row for {item.data.Hdr.Name}: {reason}</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
|
<NsRow slot="ok" let:value {value} />
|
||||||
|
</PromiseLike>
|
||||||
{/each}
|
{/each}
|
||||||
</tbody>
|
</svelte:fragment>
|
||||||
</table>
|
</PromiseTable>
|
||||||
|
|
||||||
<h2>MX Record</h2>
|
<h2>MX Record</h2>
|
||||||
<table class="action-table" aria-label="List of Domains MX Record">
|
<PromiseTable value={table}>
|
||||||
<thead>
|
<tr slot="headers">
|
||||||
<tr>
|
<th>Mail Server</th>
|
||||||
<th>Mail Server</th>
|
<th>Preference</th>
|
||||||
<th>Preference</th>
|
<th>Subdomain</th>
|
||||||
<th>Subdomain</th>
|
<th>TTL</th>
|
||||||
<th>TTL</th>
|
<th></th>
|
||||||
<th></th>
|
</tr>
|
||||||
</tr>
|
|
||||||
</thead>
|
<svelte:fragment slot="rows" let:value>
|
||||||
<tbody>
|
{#each rowOrdering(value.rows, $domainOption, isMxRecord) as item}
|
||||||
{#if $mxRecords.length === 0}
|
<PromiseLike value={item}>
|
||||||
<tr class="empty-row"><td colspan="7">No items to display</td></tr>
|
<tr slot="loading" class="empty-row">
|
||||||
{/if}
|
<td colspan="100">
|
||||||
{#each $mxRecords as record}
|
<div>Loading...</div>
|
||||||
<tr>
|
</td>
|
||||||
<td>{record.Mx}</td>
|
</tr>
|
||||||
<td>{record.Preference}</td>
|
|
||||||
<td>{record.Hdr.Name}</td>
|
<tr slot="error" let:reason class="empty-row">
|
||||||
<td>{record.Hdr.Ttl}</td>
|
<td colspan="100">Error loading row for {item.data.Hdr.Name}: {reason}</td>
|
||||||
<td>
|
</tr>
|
||||||
<ActionMenu data={record} edit={t => console.log(t)} remove={t => console.log(t)} />
|
|
||||||
</td>
|
<MxRow slot="ok" let:value {value} />
|
||||||
</tr>
|
</PromiseLike>
|
||||||
{/each}
|
{/each}
|
||||||
</tbody>
|
</svelte:fragment>
|
||||||
</table>
|
</PromiseTable>
|
||||||
|
|
||||||
<h2>A/AAAA Record</h2>
|
<h2>A/AAAA Record</h2>
|
||||||
<table class="action-table" aria-label="List of Domains A/AAAA Record">
|
<PromiseTable value={table}>
|
||||||
<thead>
|
<tr slot="headers">
|
||||||
<tr>
|
<th>Hostname</th>
|
||||||
<th>Hostname</th>
|
<th>IP Address</th>
|
||||||
<th>IP Address</th>
|
<th>TTL</th>
|
||||||
<th>TTL</th>
|
<th></th>
|
||||||
<th></th>
|
</tr>
|
||||||
</tr>
|
|
||||||
</thead>
|
<svelte:fragment slot="rows" let:value>
|
||||||
<tbody>
|
{#each rowOrdering(value.rows, $domainOption, t => isARecord(t) || isAaaaRecord(t)) as item}
|
||||||
{#if $aRecords.length === 0 && $aaaaRecords.length === 0}
|
<PromiseLike value={item}>
|
||||||
<tr class="empty-row"><td colspan="7">No items to display</td></tr>
|
<tr slot="loading" class="empty-row">
|
||||||
{/if}
|
<td colspan="100">
|
||||||
{#each $aRecords as record}
|
<div>Loading...</div>
|
||||||
<tr>
|
</td>
|
||||||
<td>{record.Hdr.Name}</td>
|
</tr>
|
||||||
<td>{record.A}</td>
|
|
||||||
<td>{record.Hdr.Ttl}</td>
|
<tr slot="error" let:reason class="empty-row">
|
||||||
<td>
|
<td colspan="100">Error loading row for {item.data.Hdr.Name}: {reason}</td>
|
||||||
<ActionMenu data={record} edit={t => console.log(t)} remove={t => console.log(t)} />
|
</tr>
|
||||||
</td>
|
|
||||||
</tr>
|
<ARow slot="ok" let:value {value} />
|
||||||
|
</PromiseLike>
|
||||||
{/each}
|
{/each}
|
||||||
{#each $aaaaRecords as record}
|
</svelte:fragment>
|
||||||
<tr>
|
</PromiseTable>
|
||||||
<td>{record.Hdr.Name}</td>
|
|
||||||
<td>{record.AAAA}</td>
|
|
||||||
<td>{record.Hdr.Ttl}</td>
|
|
||||||
<td>
|
|
||||||
<ActionMenu data={record} edit={t => console.log(t)} remove={t => console.log(t)} />
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
{/each}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<h2>CNAME Record</h2>
|
<h2>CNAME Record</h2>
|
||||||
<table class="action-table" aria-label="List of Domains CNAME Record">
|
<PromiseTable value={table}>
|
||||||
<thead>
|
<tr slot="headers">
|
||||||
<tr>
|
<th>Hostname</th>
|
||||||
<th>Hostname</th>
|
<th>Aliases to</th>
|
||||||
<th>Aliases to</th>
|
<th>TTL</th>
|
||||||
<th>TTL</th>
|
<th></th>
|
||||||
<th></th>
|
</tr>
|
||||||
</tr>
|
|
||||||
</thead>
|
<svelte:fragment slot="rows" let:value>
|
||||||
<tbody>
|
{#each rowOrdering(value.rows, $domainOption, isCnameRecord) as item}
|
||||||
{#if $cnameRecords.length === 0}
|
<PromiseLike value={item}>
|
||||||
<tr class="empty-row"><td colspan="7">No items to display</td></tr>
|
<tr slot="loading" class="empty-row">
|
||||||
{/if}
|
<td colspan="100">
|
||||||
{#each $cnameRecords as record}
|
<div>Loading...</div>
|
||||||
<tr>
|
</td>
|
||||||
<td>{record.Hdr.Name}</td>
|
</tr>
|
||||||
<td>{record.Target}</td>
|
|
||||||
<td>{record.Hdr.Ttl}</td>
|
<tr slot="error" let:reason class="empty-row">
|
||||||
<td>
|
<td colspan="100">Error loading row for {item.data.Hdr.Name}: {reason}</td>
|
||||||
<ActionMenu data={record} edit={t => console.log(t)} remove={t => console.log(t)} />
|
</tr>
|
||||||
</td>
|
|
||||||
</tr>
|
<CnameRow slot="ok" let:value {value} />
|
||||||
|
</PromiseLike>
|
||||||
{/each}
|
{/each}
|
||||||
</tbody>
|
</svelte:fragment>
|
||||||
</table>
|
</PromiseTable>
|
||||||
|
|
||||||
<h2>TXT Record</h2>
|
<h2>TXT Record</h2>
|
||||||
<table class="action-table" aria-label="List of Domains TXT Record">
|
<PromiseTable value={table}>
|
||||||
<thead>
|
<tr slot="headers">
|
||||||
<tr>
|
<th>Hostname</th>
|
||||||
<th>Hostname</th>
|
<th>Value</th>
|
||||||
<th>Value</th>
|
<th>TTL</th>
|
||||||
<th>TTL</th>
|
<th></th>
|
||||||
<th></th>
|
</tr>
|
||||||
</tr>
|
|
||||||
</thead>
|
<svelte:fragment slot="rows" let:value>
|
||||||
<tbody>
|
{#each rowOrdering(value.rows, $domainOption, isTxtRecord) as item}
|
||||||
{#if $txtRecords.length === 0}
|
<PromiseLike value={item}>
|
||||||
<tr class="empty-row"><td colspan="7">No items to display</td></tr>
|
<tr slot="loading" class="empty-row">
|
||||||
{/if}
|
<td colspan="100">
|
||||||
{#each $txtRecords as record}
|
<div>Loading...</div>
|
||||||
<tr>
|
</td>
|
||||||
<td>{record.Hdr.Name}</td>
|
</tr>
|
||||||
<td>
|
|
||||||
<span class="cutoff">{record.Txt.join("\n")}</span>
|
<tr slot="error" let:reason class="empty-row">
|
||||||
</td>
|
<td colspan="100">Error loading row for {item.data.Hdr.Name}: {reason}</td>
|
||||||
<td>{record.Hdr.Ttl}</td>
|
</tr>
|
||||||
<td>
|
|
||||||
<ActionMenu data={record} edit={t => console.log(t)} remove={t => console.log(t)} />
|
<TxtRow slot="ok" let:value {value} />
|
||||||
</td>
|
</PromiseLike>
|
||||||
</tr>
|
|
||||||
{/each}
|
{/each}
|
||||||
</tbody>
|
</svelte:fragment>
|
||||||
</table>
|
</PromiseTable>
|
||||||
|
|
||||||
<h2>SRV Record</h2>
|
<h2>SRV Record</h2>
|
||||||
<table class="action-table" aria-label="List of Domains SRV Record">
|
<PromiseTable value={table}>
|
||||||
<thead>
|
<tr slot="headers">
|
||||||
<tr>
|
<th>Name</th>
|
||||||
<th>Name</th>
|
<th>Priority</th>
|
||||||
<th>Priority</th>
|
<th>Weight</th>
|
||||||
<th>Weight</th>
|
<th>Port</th>
|
||||||
<th>Port</th>
|
<th>Target</th>
|
||||||
<th>Target</th>
|
<th>TTL</th>
|
||||||
<th>TTL</th>
|
<th></th>
|
||||||
<th></th>
|
</tr>
|
||||||
</tr>
|
|
||||||
</thead>
|
<svelte:fragment slot="rows" let:value>
|
||||||
<tbody>
|
{#each rowOrdering(value.rows, $domainOption, isSrvRecord) as item}
|
||||||
{#if $srvRecords.length === 0}
|
<PromiseLike value={item}>
|
||||||
<tr class="empty-row"><td colspan="7">No items to display</td></tr>
|
<tr slot="loading" class="empty-row">
|
||||||
{/if}
|
<td colspan="100">
|
||||||
{#each $srvRecords as record}
|
<div>Loading...</div>
|
||||||
<tr>
|
</td>
|
||||||
<td>{record.Hdr.Name}</td>
|
</tr>
|
||||||
<td>{record.Priority}</td>
|
|
||||||
<td>{record.Weight}</td>
|
<tr slot="error" let:reason class="empty-row">
|
||||||
<td>{record.Port}</td>
|
<td colspan="100">Error loading row for {item.data.Hdr.Name}: {reason}</td>
|
||||||
<td>{record.Target}</td>
|
</tr>
|
||||||
<td>{record.Hdr.Ttl}</td>
|
|
||||||
<td>
|
<SrvRow slot="ok" let:value {value} />
|
||||||
<ActionMenu data={record} edit={t => console.log(t)} remove={t => console.log(t)} />
|
</PromiseLike>
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
{/each}
|
{/each}
|
||||||
</tbody>
|
</svelte:fragment>
|
||||||
</table>
|
</PromiseTable>
|
||||||
|
|
||||||
<h2>CAA Record</h2>
|
<h2>CAA Record</h2>
|
||||||
<table class="action-table" aria-label="List of Domains CAA Record">
|
<PromiseTable value={table}>
|
||||||
<thead>
|
<tr slot="headers">
|
||||||
<tr>
|
<th>Name</th>
|
||||||
<th>Name</th>
|
<th>Tag</th>
|
||||||
<th>Tag</th>
|
<th>Value</th>
|
||||||
<th>Value</th>
|
<th>TTL</th>
|
||||||
<th>TTL</th>
|
<th></th>
|
||||||
<th></th>
|
</tr>
|
||||||
</tr>
|
|
||||||
</thead>
|
<svelte:fragment slot="rows" let:value>
|
||||||
<tbody>
|
{#each rowOrdering(value.rows, $domainOption, isCaaRecord) as item}
|
||||||
{#if $caaRecords.length === 0}
|
<PromiseLike value={item}>
|
||||||
<tr class="empty-row"><td colspan="7">No items to display</td></tr>
|
<tr slot="loading" class="empty-row">
|
||||||
{/if}
|
<td colspan="100">
|
||||||
{#each $caaRecords as record}
|
<div>Loading...</div>
|
||||||
<tr>
|
</td>
|
||||||
<td>{record.Hdr.Name}</td>
|
</tr>
|
||||||
<td>{record.Tag}</td>
|
|
||||||
<td>{record.Value}</td>
|
<tr slot="error" let:reason class="empty-row">
|
||||||
<td>{record.Hdr.Ttl}</td>
|
<td colspan="100">Error loading row for {item.data.Hdr.Name}: {reason}</td>
|
||||||
<td>
|
</tr>
|
||||||
<ActionMenu data={record} edit={t => console.log(t)} remove={t => console.log(t)} />
|
|
||||||
</td>
|
<CaaRow slot="ok" let:value {value} />
|
||||||
</tr>
|
</PromiseLike>
|
||||||
{/each}
|
{/each}
|
||||||
</tbody>
|
</svelte:fragment>
|
||||||
</table>
|
</PromiseTable>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
@import "../values.scss";
|
@import "../values.scss";
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user