diff --git a/apps/client/src/lib/components/DocLink.svelte b/apps/client/src/lib/components/DocLink.svelte new file mode 100644 index 000000000..803b48583 --- /dev/null +++ b/apps/client/src/lib/components/DocLink.svelte @@ -0,0 +1,44 @@ + + + + + + + {text} + {#if isExternal} + + {/if} + +{#if !text} + See details in the documentation +{/if} diff --git a/apps/client/src/lib/components/ExternalLink.svelte b/apps/client/src/lib/components/ExternalLink.svelte new file mode 100644 index 000000000..62f2e312a --- /dev/null +++ b/apps/client/src/lib/components/ExternalLink.svelte @@ -0,0 +1,10 @@ + + + diff --git a/apps/client/src/lib/components/icons/services/ServiceIcons.svelte b/apps/client/src/lib/components/icons/services/ServiceIcons.svelte index 7f146e3fb..7f3ead42e 100644 --- a/apps/client/src/lib/components/icons/services/ServiceIcons.svelte +++ b/apps/client/src/lib/components/icons/services/ServiceIcons.svelte @@ -5,6 +5,7 @@ const handleError = (ev: { target: { src: string } }) => (ev.target.src = fallback); let extension = 'png'; let svgs = [ + 'directus', 'pocketbase', 'gitea', 'languagetool', diff --git a/apps/client/src/lib/store.ts b/apps/client/src/lib/store.ts index 87afa0034..dc45778b2 100644 --- a/apps/client/src/lib/store.ts +++ b/apps/client/src/lib/store.ts @@ -171,3 +171,11 @@ export const setLocation = (resource: any, settings?: any) => { } }; export const selectedBuildId: any = writable(null) +export function checkIfDeploymentEnabledServices( service: any) { + return ( + service.fqdn && + service.destinationDocker && + service.version && + service.type + ); +} \ No newline at end of file diff --git a/apps/client/src/routes/services/[id]/+layout.svelte b/apps/client/src/routes/services/[id]/+layout.svelte new file mode 100644 index 000000000..f218a664c --- /dev/null +++ b/apps/client/src/routes/services/[id]/+layout.svelte @@ -0,0 +1,366 @@ + + +
+ +
+ {#if $status.service.initialLoading} + + {:else if $status.service.overallStatus === 'healthy'} + + + {:else if $status.service.overallStatus === 'degraded'} + + {:else if $status.service.overallStatus === 'stopped'} + {#if $status.service.overallStatus === 'degraded'} + + {:else if $status.service.overallStatus === 'stopped'} + + {/if} + {/if} +
+
+ +
+ {#if !$page.url.pathname.startsWith(`/services/${id}/configuration/`)} + + {/if} +
+ +
+
diff --git a/apps/client/src/routes/services/[id]/+layout.ts b/apps/client/src/routes/services/[id]/+layout.ts new file mode 100644 index 000000000..9027326c5 --- /dev/null +++ b/apps/client/src/routes/services/[id]/+layout.ts @@ -0,0 +1,46 @@ +import { error } from '@sveltejs/kit'; +import { trpc } from '$lib/store'; +import type { LayoutLoad } from './$types'; +import { redirect } from '@sveltejs/kit'; + +function checkConfiguration(service: any): string | null { + let configurationPhase = null; + if (!service.type) { + configurationPhase = 'type'; + } else if (!service.destinationDockerId) { + configurationPhase = 'destination'; + } + return configurationPhase; +} + +export const load: LayoutLoad = async ({ params, url }) => { + const { pathname } = new URL(url); + const { id } = params; + try { + const service = await trpc.services.getServices.query({ id }); + if (!service) { + throw redirect(307, '/services'); + } + const configurationPhase = checkConfiguration(service); + console.log({ configurationPhase }); + // if ( + // configurationPhase && + // pathname !== `/applications/${params.id}/configuration/${configurationPhase}` + // ) { + // throw redirect(302, `/applications/${params.id}/configuration/${configurationPhase}`); + // } + return { + ...service.data + }; + } catch (err) { + if (err instanceof Error) { + throw error(500, { + message: 'An unexpected error occurred, please try again later.' + '

' + err.message + }); + } + + throw error(500, { + message: 'An unexpected error occurred, please try again later.' + }); + } +}; diff --git a/apps/client/src/routes/services/[id]/+page.svelte b/apps/client/src/routes/services/[id]/+page.svelte new file mode 100644 index 000000000..2dd38eadb --- /dev/null +++ b/apps/client/src/routes/services/[id]/+page.svelte @@ -0,0 +1,562 @@ + + +
+
+
+
+
General
+ {#if $appSession.isAdmin} + + {/if} + {#if service.type === 'plausibleanalytics' && $status.service.overallStatus === 'healthy'} + + + {/if} + {#if service.type === 'appwrite' && $status.service.overallStatus === 'healthy'} + +
+ +
+ {/if} +
+
+ +
+
+ + +
+
+ + {#if tags.tags?.length > 0} +
+ + {/if} +
+ +
+ +
+ {#if service.destinationDockerId} +
+ +
+ {/if} +
+
+ +
+ + +
+ {#each Object.keys(template) as oneService} + {#each template[oneService].fqdns as fqdn} +
+ + +
+ {/each} + {/each} +
+ {#if forceSave} +
+ {#if isNonWWWDomainOK} + + {:else} + + {/if} + {#if dualCerts} + {#if isWWWDomainOK} + + {:else} + + {/if} + {/if} +
+ {/if} + +
+
+ You need to have both DNS entries set in advance.

Service needs to be restarted."} + on:click={() => !$status.service.isRunning && changeSettings('dualCerts')} + /> +
+ {#if hostPorts.length === 0} +
+ + +
+ {/if} +
+
+ {#each Object.keys(template) as oneService} +
0 && + template[oneService].environment.find((env) => env.main === oneService)} + class:border-b={template[oneService].environment.length > 0 && + template[oneService].environment.find((env) => env.main === oneService)} + class:border-coolgray-500={template[oneService].environment.length > 0 && + template[oneService].environment.find((env) => env.main === oneService)} + > +
+ {template[oneService].name || + oneService.replace(`${id}-`, '').replace(id, service.type)} +
+ +
+
+ {#if template[oneService].environment.length > 0} + {#each template[oneService].environment as variable} + {#if variable.main === oneService} +
+ + {#if variable.defaultValue === '$$generate_fqdn'} + + {:else if variable.defaultValue === '$$generate_fqdn_slash'} + + {:else if variable.defaultValue === '$$generate_domain'} + + {:else if variable.defaultValue === '$$generate_network'} + + {:else if variable.defaultValue === 'true' || variable.defaultValue === 'false'} + {#if variable.value === 'true' || variable.value === 'false' || variable.value === 'invite_only'} + + {:else} + + {/if} + {:else if variable.defaultValue === '$$generate_password'} + + {:else if variable.type === 'textarea'} +