mirror of
https://github.com/ershisan99/coolify.git
synced 2026-01-25 12:34:32 +00:00
101 lines
3.0 KiB
Svelte
101 lines
3.0 KiB
Svelte
<script context="module" lang="ts">
|
|
import type { Load } from '@sveltejs/kit';
|
|
export const load: Load = async ({ fetch, params, stuff }) => {
|
|
let endpoint = `/applications/${params.id}/previews.json`;
|
|
const res = await fetch(endpoint);
|
|
if (res.ok) {
|
|
return {
|
|
props: {
|
|
application: stuff.application,
|
|
...(await res.json())
|
|
}
|
|
};
|
|
}
|
|
|
|
return {
|
|
status: res.status,
|
|
error: new Error(`Could not load ${endpoint}`)
|
|
};
|
|
};
|
|
</script>
|
|
|
|
<script lang="ts">
|
|
export let containers;
|
|
export let application;
|
|
export let PRMRSecrets;
|
|
export let applicationSecrets;
|
|
import { getDomain } from '$lib/components/common';
|
|
import Secret from '../secrets/_Secret.svelte';
|
|
import { get } from '$lib/api';
|
|
import { page } from '$app/stores';
|
|
import Explainer from '$lib/components/Explainer.svelte';
|
|
|
|
const { id } = $page.params;
|
|
async function refreshSecrets() {
|
|
const data = await get(`/applications/${id}/secrets.json`);
|
|
PRMRSecrets = [...data.secrets];
|
|
}
|
|
</script>
|
|
|
|
<div class="flex space-x-1 p-6 font-bold">
|
|
<div class="mr-4 text-2xl tracking-tight">
|
|
Previews for <a href={application.fqdn} target="_blank">{getDomain(application.fqdn)}</a>
|
|
</div>
|
|
</div>
|
|
|
|
{#if applicationSecrets.length !== 0}
|
|
<div class="mx-auto max-w-6xl rounded-xl px-6 pt-4">
|
|
<table class="mx-auto border-separate text-left">
|
|
<thead>
|
|
<tr class="h-12">
|
|
<th scope="col">Name</th>
|
|
<th scope="col">Value</th>
|
|
<th scope="col" class="w-64 text-center">Need during buildtime?</th>
|
|
<th scope="col" class="w-96 text-center">Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{#each applicationSecrets as secret}
|
|
{#key secret.id}
|
|
<tr>
|
|
<Secret
|
|
PRMRSecret={PRMRSecrets.find((s) => s.name === secret.name)}
|
|
isPRMRSecret
|
|
name={secret.name}
|
|
value={secret.value}
|
|
isBuildSecret={secret.isBuildSecret}
|
|
on:refresh={refreshSecrets}
|
|
/>
|
|
</tr>
|
|
{/key}
|
|
{/each}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{/if}
|
|
<div class="flex justify-center py-4 text-center">
|
|
<Explainer
|
|
customClass="w-full"
|
|
text={applicationSecrets.length === 0
|
|
? "You can add secrets to PR/MR deployments. Please add secrets to the application first. <br>Useful for creating <span class='text-green-500 font-bold'>staging</span> environments."
|
|
: "These values overwrite application secrets in PR/MR deployments. Useful for creating <span class='text-green-500 font-bold'>staging</span> environments."}
|
|
/>
|
|
</div>
|
|
<div class="mx-auto max-w-4xl py-10">
|
|
<div class="flex flex-wrap justify-center space-x-2">
|
|
{#if containers.length > 0}
|
|
{#each containers as container}
|
|
<a href={container.fqdn} class="p-2 no-underline" target="_blank">
|
|
<div class="box-selection text-center hover:border-transparent hover:bg-coolgray-200">
|
|
<div class="truncate text-center text-xl font-bold">{getDomain(container.fqdn)}</div>
|
|
</div>
|
|
</a>
|
|
{/each}
|
|
{:else}
|
|
<div class="flex-col">
|
|
<div class="text-center font-bold text-xl">No previews available</div>
|
|
</div>
|
|
{/if}
|
|
</div>
|
|
</div>
|