added for overview page

This commit is contained in:
Harsh Mahajan
2025-10-27 18:38:30 +05:30
parent 5889e8c6de
commit 4ec0298878
6 changed files with 55 additions and 11 deletions
@@ -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}
@@ -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}
@@ -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>
@@ -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)}
@@ -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>