{#if $page.data?.header} @@ -142,7 +145,7 @@ padding-left: 190px; transition: all 0.3s ease-in-out; - &.icons { + &.icons-content { padding-left: 54px; } } From 6689b93ce925e5d12fe0bbe84ea356f0ffa66d53 Mon Sep 17 00:00:00 2001 From: ernstmul Date: Wed, 15 Jan 2025 12:19:34 +0100 Subject: [PATCH 0243/1480] Add console breadcrumbs --- src/lib/components/breadcrumbsConsole.svelte | 420 +++++++++++++++++++ src/lib/components/index.ts | 1 + src/lib/components/navbar.svelte | 29 +- src/lib/layout/shell.svelte | 34 +- 4 files changed, 434 insertions(+), 50 deletions(-) create mode 100644 src/lib/components/breadcrumbsConsole.svelte diff --git a/src/lib/components/breadcrumbsConsole.svelte b/src/lib/components/breadcrumbsConsole.svelte new file mode 100644 index 000000000..b98d3ef41 --- /dev/null +++ b/src/lib/components/breadcrumbsConsole.svelte @@ -0,0 +1,420 @@ + + +
+ {#if !isSmallViewport} + / + + {:else} + + {/if} + +
+ {#if selectedOrg} + + Organization settings + +
+
+ Switch organization +
+
+
+
+ {#each organizations as organization} + + {organization.name} + + {/each} +
+ +
+ Create organization + +
+
+ {:else} + {#each organizations as organization} + + {organization.name} + + {/each} +
+ +
+ Create organization + + {/if} +
+ + {#if selectedOrg && selectedProject} + / + {#if !isSmallViewport} + + {:else} + + {/if} + +
+ {#each selectedOrg.projects as project} + + {project.name} + + {/each} +
+ +
+ Create project + +
+ {/if} +
+ + + + diff --git a/src/lib/components/index.ts b/src/lib/components/index.ts index c6eb3243e..16add7767 100644 --- a/src/lib/components/index.ts +++ b/src/lib/components/index.ts @@ -78,3 +78,4 @@ export { default as ImagePreview } from './imagePreview.svelte'; export { default as MfaChallengeFormList } from './mfaChallengeFormList.svelte'; export { default as BottomModalAlert } from './bottomModalAlert.svelte'; export { default as Navbar } from './navbar.svelte'; +export { default as BreadcrumbsConsole } from './breadcrumbsConsole.svelte'; diff --git a/src/lib/components/navbar.svelte b/src/lib/components/navbar.svelte index cc4b40718..897409a26 100644 --- a/src/lib/components/navbar.svelte +++ b/src/lib/components/navbar.svelte @@ -1,17 +1,9 @@
-
- -
+ {#if showSideNavigation} +
+ +
+ {/if} {logo.alt}
diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte index 121f923ae..99be03bd7 100644 --- a/src/lib/layout/shell.svelte +++ b/src/lib/layout/shell.svelte @@ -1,5 +1,4 @@ + +
+ +
+
+
+
+
+
+ {'Avatar'} +
+
+
+ {#if progressCard} + +
+ +
+ {progressCard.title} + {progressCard.percentage}% complete +
+
+ Getting started + + {/if} + {#if project} + + + Overview + Overview + +
+
+ Products + +
+ {#each projectOptions as projectOption} + + + {projectOption.name} + {projectOption.name} + + {/each} +
+ +
+
+ + Settings + Settings + +
+ + {:else} +
+ + Feedback + Support + +
+ {/if} +
+
+ {#if project} +
+ + Settings + Settings + +
+ {/if} + + {#if project} +
+
+ + Feedback + Support + +
+
+ {/if} +
+ +
+ + diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte index 99be03bd7..84a5e0720 100644 --- a/src/lib/layout/shell.svelte +++ b/src/lib/layout/shell.svelte @@ -1,6 +1,6 @@ + + +
+ + + Log ID + {selectedLog.$id} + + + + +
+ + + + + + Method + + {selectedLog.requestMethod} + + + + Status code + + + = 400 ? 'error' : 'success'} /> + + + + + Duration + + {selectedLog.duration} + + + + + {#if selectedLog.requestHeaders?.length} + + + Key + Value + + {#each selectedLog.requestHeaders as request} + + {request.name} + {request.value} + + {/each} + + {/if} + + Logs + + diff --git a/src/routes/(console)/project-[project]/sites/site-[site]/logs/table.svelte b/src/routes/(console)/project-[project]/sites/site-[site]/logs/table.svelte index 6d8146d36..2476c3802 100644 --- a/src/routes/(console)/project-[project]/sites/site-[site]/logs/table.svelte +++ b/src/routes/(console)/project-[project]/sites/site-[site]/logs/table.svelte @@ -1,13 +1,16 @@ @@ -18,38 +21,46 @@ {/if} {/each} - {#each executions.executions as execution} - + {#each logs.executions as log} + { + openSheet = true; + selectedLog = log; + }}> {#each columns as column} {#if column.show} {#if column.id === '$id'} {#key column.id} - {execution.$id} + {log.$id} {/key} {:else if column.id === '$createdAt'} - {timeFromNow(execution.$createdAt)} + {timeFromNow(log.$createdAt)} {:else if column.id === 'responseStatusCode'} - {execution.responseStatusCode} + {log.responseStatusCode} {:else if column.id === 'requestPath'} = 400 ? 'error' : 'success'} - content={execution.responseStatusCode.toString()} /> - - + type={log.responseStatusCode >= 400 ? 'error' : 'success'} + content={log.responseStatusCode.toString()} /> + + {/if} {/if} {/each} - + {/each} + +{#if openSheet && selectedLog} + +{/if} From 677d3cdba6305c33bf6e6b5b255a22f80abfbd57 Mon Sep 17 00:00:00 2001 From: ernstmul Date: Wed, 15 Jan 2025 15:31:12 +0100 Subject: [PATCH 0248/1480] Add feedback to mobile menu --- src/lib/components/sidebar.svelte | 37 +++++++++++++++++++++++++++---- 1 file changed, 33 insertions(+), 4 deletions(-) diff --git a/src/lib/components/sidebar.svelte b/src/lib/components/sidebar.svelte index eff61f78b..6d75c822a 100644 --- a/src/lib/components/sidebar.svelte +++ b/src/lib/components/sidebar.svelte @@ -23,6 +23,9 @@ IconUserGroup } from '@appwrite.io/pink-icons-svelte'; import { toggleCommandCenter } from '$lib/commandCenter/commandCenter.svelte'; + import { feedback } from '$lib/stores/feedback'; + import { DropList } from '$lib/components/index'; + import { Feedback } from '$lib/components/feedback'; type $$Props = HTMLElement & { state?: 'closed' | 'open' | 'icons'; @@ -41,6 +44,15 @@ export let progressCard: $$Props['progressCard']; export let sideBarIsOpen: boolean; + function toggleFeedback() { + console.log('toggleFeedback!'); + feedback.toggleFeedback(); + if ($feedback.notification) { + feedback.toggleNotification(); + feedback.addVisualization(); + } + } + const projectOptions = [ { name: 'Auth', icon: IconUserGroup, slug: 'auth' }, { name: 'Databases', icon: IconDatabase, slug: 'databases' }, @@ -134,8 +146,13 @@ {:else}
- Feedback + + Feedback + + + + Support @@ -161,8 +178,15 @@
- Feedback + + Feedback + + + + Support @@ -241,6 +265,11 @@ width: 144px; text-align: center; } + + :global(div), + :global(button) { + width: 100%; + } } .avatar { width: 32px; From fbdc42bcb51688160b7118735f71f44e39b66f0f Mon Sep 17 00:00:00 2001 From: ernstmul Date: Wed, 15 Jan 2025 15:37:00 +0100 Subject: [PATCH 0249/1480] Fix footer for overview page --- src/lib/layout/shell.svelte | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte index 0762b5352..d2e2f10bf 100644 --- a/src/lib/layout/shell.svelte +++ b/src/lib/layout/shell.svelte @@ -98,11 +98,15 @@ {/if} + {#if showFooter && showSideNavigation} + + {/if}