mirror of
https://github.com/appwrite/console.git
synced 2026-06-06 19:27:48 +00:00
added for overview page
This commit is contained in:
+11
-2
@@ -15,6 +15,8 @@
|
||||
import { DeploymentSource, DeploymentCreatedBy, DeploymentDomains } from '$lib/components/git';
|
||||
import { func } from '../store';
|
||||
import { capitalize } from '$lib/helpers/string';
|
||||
import { getEffectiveBuildStatus, getBuildTimeoutSeconds } from '$lib/helpers/buildTimeout';
|
||||
import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
|
||||
import { isCloud } from '$lib/system';
|
||||
import { IconInfo } from '@appwrite.io/pink-icons-svelte';
|
||||
import Link from '$lib/elements/link.svelte';
|
||||
@@ -36,6 +38,13 @@
|
||||
footer?: Snippet;
|
||||
} = $props();
|
||||
|
||||
let effectiveStatus = $derived(
|
||||
getEffectiveBuildStatus(
|
||||
deployment.status,
|
||||
deployment.$createdAt,
|
||||
getBuildTimeoutSeconds($regionalConsoleVariables)
|
||||
)
|
||||
);
|
||||
let totalSize = $derived(humanFileSize(deployment?.totalSize ?? 0));
|
||||
</script>
|
||||
|
||||
@@ -122,11 +131,11 @@
|
||||
</Layout.Stack>
|
||||
|
||||
<Layout.Stack direction="row" gap="xl">
|
||||
{#if deployment.status === 'failed'}
|
||||
{#if effectiveStatus === 'failed'}
|
||||
<Layout.Stack gap="xxs" inline>
|
||||
{@render titleSnippet('Status')}
|
||||
<Typography.Text variant="m-400" color="--fgcolor-neutral-primary">
|
||||
<Status status={deployment.status} label={deployment.status} />
|
||||
<Status status={effectiveStatus} label={effectiveStatus} />
|
||||
</Typography.Text>
|
||||
</Layout.Stack>
|
||||
{:else}
|
||||
|
||||
+15
-3
@@ -116,7 +116,11 @@
|
||||
{/key}
|
||||
{:else if column.id === 'status'}
|
||||
{@const status = deployment.status}
|
||||
{@const effectiveStatus = getEffectiveBuildStatus(status, deployment.$createdAt, getBuildTimeoutSeconds($regionalConsoleVariables))}
|
||||
{@const effectiveStatus = getEffectiveBuildStatus(
|
||||
status,
|
||||
deployment.$createdAt,
|
||||
getBuildTimeoutSeconds($regionalConsoleVariables)
|
||||
)}
|
||||
|
||||
{#if data?.activeDeployment?.$id === deployment?.$id}
|
||||
<Status status="complete" label="Active" />
|
||||
@@ -130,7 +134,11 @@
|
||||
{:else if column.id === '$updatedAt'}
|
||||
<DeploymentCreatedBy {deployment} />
|
||||
{:else if column.id === 'buildDuration'}
|
||||
{@const effectiveStatus = getEffectiveBuildStatus(deployment.status, deployment.$createdAt, getBuildTimeoutSeconds($regionalConsoleVariables))}
|
||||
{@const effectiveStatus = getEffectiveBuildStatus(
|
||||
deployment.status,
|
||||
deployment.$createdAt,
|
||||
getBuildTimeoutSeconds($regionalConsoleVariables)
|
||||
)}
|
||||
{#if ['waiting'].includes(effectiveStatus)}
|
||||
-
|
||||
{:else if ['processing', 'building'].includes(effectiveStatus)}
|
||||
@@ -186,7 +194,11 @@
|
||||
|
||||
<DownloadActionMenuItem {deployment} {toggle} />
|
||||
|
||||
{@const effectiveStatus = getEffectiveBuildStatus(deployment.status, deployment.$createdAt, getBuildTimeoutSeconds($regionalConsoleVariables))}
|
||||
{@const effectiveStatus = getEffectiveBuildStatus(
|
||||
deployment.status,
|
||||
deployment.$createdAt,
|
||||
getBuildTimeoutSeconds($regionalConsoleVariables)
|
||||
)}
|
||||
{#if effectiveStatus === 'processing' || effectiveStatus === 'building' || effectiveStatus === 'waiting'}
|
||||
<ActionMenu.Item.Button
|
||||
trailingIcon={IconXCircle}
|
||||
|
||||
+5
-1
@@ -114,7 +114,11 @@
|
||||
</SubMenu>
|
||||
{/if}
|
||||
|
||||
{@const effectiveStatus = getEffectiveBuildStatus(deployment.status, deployment.$createdAt, getBuildTimeoutSeconds($regionalConsoleVariables))}
|
||||
{@const effectiveStatus = getEffectiveBuildStatus(
|
||||
deployment.status,
|
||||
deployment.$createdAt,
|
||||
getBuildTimeoutSeconds($regionalConsoleVariables)
|
||||
)}
|
||||
{#if effectiveStatus === 'processing' || effectiveStatus === 'building' || effectiveStatus === 'waiting'}
|
||||
<ActionMenu.Item.Button
|
||||
leadingIcon={IconXCircle}
|
||||
|
||||
@@ -10,7 +10,11 @@
|
||||
let { status, deployment }: { status: string; deployment: Models.Deployment } = $props();
|
||||
|
||||
let effectiveStatus = $derived(
|
||||
getEffectiveBuildStatus(status, deployment.$createdAt, getBuildTimeoutSeconds($regionalConsoleVariables))
|
||||
getEffectiveBuildStatus(
|
||||
status,
|
||||
deployment.$createdAt,
|
||||
getBuildTimeoutSeconds($regionalConsoleVariables)
|
||||
)
|
||||
);
|
||||
</script>
|
||||
|
||||
|
||||
+10
-2
@@ -96,7 +96,11 @@
|
||||
{/key}
|
||||
{:else if column.id === 'status'}
|
||||
{@const status = deployment.status}
|
||||
{@const effectiveStatus = getEffectiveBuildStatus(status, deployment.$createdAt, getBuildTimeoutSeconds($regionalConsoleVariables))}
|
||||
{@const effectiveStatus = getEffectiveBuildStatus(
|
||||
status,
|
||||
deployment.$createdAt,
|
||||
getBuildTimeoutSeconds($regionalConsoleVariables)
|
||||
)}
|
||||
{#if data?.activeDeployment?.$id === deployment?.$id}
|
||||
<Status status="complete" label="Active" />
|
||||
{:else}
|
||||
@@ -109,7 +113,11 @@
|
||||
{:else if column.id === '$updatedAt'}
|
||||
<DeploymentCreatedBy {deployment} />
|
||||
{:else if column.id === 'buildDuration'}
|
||||
{@const effectiveStatus = getEffectiveBuildStatus(deployment.status, deployment.$createdAt, getBuildTimeoutSeconds($regionalConsoleVariables))}
|
||||
{@const effectiveStatus = getEffectiveBuildStatus(
|
||||
deployment.status,
|
||||
deployment.$createdAt,
|
||||
getBuildTimeoutSeconds($regionalConsoleVariables)
|
||||
)}
|
||||
{#if ['waiting'].includes(effectiveStatus)}
|
||||
-
|
||||
{:else if ['processing', 'building'].includes(effectiveStatus)}
|
||||
|
||||
+9
-2
@@ -11,6 +11,8 @@
|
||||
import ActivateDeploymentModal from '../activateDeploymentModal.svelte';
|
||||
import CancelDeploymentModal from './deployments/cancelDeploymentModal.svelte';
|
||||
import { capitalize } from '$lib/helpers/string';
|
||||
import { getEffectiveBuildStatus, getBuildTimeoutSeconds } from '$lib/helpers/buildTimeout';
|
||||
import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
|
||||
import DeleteDeploymentModal from './deployments/deleteDeploymentModal.svelte';
|
||||
import DeploymentActionMenu from '../(components)/deploymentActionMenu.svelte';
|
||||
import { deploymentStatusConverter } from '$lib/stores/git';
|
||||
@@ -72,12 +74,17 @@
|
||||
</Table.Cell>
|
||||
<Table.Cell {root}>
|
||||
{@const status = deployment.status}
|
||||
{@const effectiveStatus = getEffectiveBuildStatus(
|
||||
status,
|
||||
deployment.$createdAt,
|
||||
getBuildTimeoutSeconds($regionalConsoleVariables)
|
||||
)}
|
||||
{#if activeDeployment?.$id === deployment?.$id}
|
||||
<Status status="complete" label="Active" />
|
||||
{:else}
|
||||
<Status
|
||||
status={deploymentStatusConverter(status)}
|
||||
label={capitalize(status)} />
|
||||
status={deploymentStatusConverter(effectiveStatus)}
|
||||
label={capitalize(effectiveStatus)} />
|
||||
{/if}
|
||||
</Table.Cell>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user