Appwrite/console
1
0
Fork 0
mirror of https://github.com/appwrite/console.git synced 2026-06-06 19:27:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Wip new navigation implementation

Browse Source
This commit is contained in:
ernstmul
2025-01-15 08:34:38 +01:00
parent 2ae75ed0f0
commit ecf1f7a0b1
7 changed files with 30 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package.json
+1 -1
View File
@@ -23,7 +23,7 @@
"@appwrite.io/pink": "0.25.0",
"@appwrite.io/pink-icons": "0.25.0",
"@appwrite.io/pink-icons-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@247",
"@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@0fe97c9",
"@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@cc21a90",
"@popperjs/core": "^2.11.8",
"@sentry/sveltekit": "^8.38.0",
"@stripe/stripe-js": "^3.5.0",
pnpm-lock.yaml
Generated
+12 -12
View File
@@ -21,8 +21,8 @@ importers:
specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@247
version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@247(svelte@4.2.19)
'@appwrite.io/pink-svelte':
specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@0fe97c9
version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@0fe97c9(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)
specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@cc21a90
version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@cc21a90(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)
'@popperjs/core':
specifier: ^2.11.8
version: 2.11.8
@@ -221,14 +221,14 @@ packages:
resolution: {tarball: https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@9193}
version: 1.2.1
'@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@0fe97c905242012918c7eb9b03f408807241283d':
resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@0fe97c905242012918c7eb9b03f408807241283d}
'@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@247':
resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@247}
version: 1.0.0-next.7
peerDependencies:
svelte: ^4.0.0
'@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@247':
resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@247}
'@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@cc21a90b80ca41bd9e1b64fa1194a9a3f356998c':
resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@cc21a90b80ca41bd9e1b64fa1194a9a3f356998c}
version: 1.0.0-next.7
peerDependencies:
svelte: ^4.0.0
@@ -236,8 +236,8 @@ packages:
'@appwrite.io/pink-icons@0.25.0':
resolution: {integrity: sha512-0O3i2oEuh5mWvjO80i+X6rbzrWLJ1m5wmv2/M3a1p2PyBJsFxN8xQMTEmTn3Wl/D26SsM7SpzbdW6gmfgoVU9Q==}
'@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@0fe97c9':
resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@0fe97c9}
'@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@cc21a90':
resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@cc21a90}
version: 1.0.0-next.85
peerDependencies:
react-dom: ^18.0.0
@@ -4059,19 +4059,19 @@ snapshots:
'@appwrite.io/console@https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@9193': {}
'@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@0fe97c905242012918c7eb9b03f408807241283d(svelte@4.2.19)':
'@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@247(svelte@4.2.19)':
dependencies:
svelte: 4.2.19
'@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@247(svelte@4.2.19)':
'@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@cc21a90b80ca41bd9e1b64fa1194a9a3f356998c(svelte@4.2.19)':
dependencies:
svelte: 4.2.19
'@appwrite.io/pink-icons@0.25.0': {}
'@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@0fe97c9(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)':
'@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@cc21a90(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)':
dependencies:
'@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@0fe97c905242012918c7eb9b03f408807241283d(svelte@4.2.19)
'@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@cc21a90b80ca41bd9e1b64fa1194a9a3f356998c(svelte@4.2.19)
'@floating-ui/dom': 1.6.12
'@melt-ui/pp': 0.3.2(@melt-ui/svelte@0.86.2(svelte@4.2.19))(svelte@4.2.19)
'@melt-ui/svelte': 0.86.2(svelte@4.2.19)
src/lib/layout/shell.svelte
+1 -1
View File
@@ -74,7 +74,7 @@
})
};
let sideBarIsOpen = true;
let sideBarIsOpen = false;
let state: undefined | 'open' | 'closed' | 'icons' = 'closed';
</script>
src/routes/(console)/+layout.ts
+2 -1
View File
@@ -12,7 +12,7 @@ export const load: LayoutLoad = async ({ params, fetch, depends, parent }) => {
depends(Dependencies.CONSOLE_VARIABLES);
const prefs = await sdk.forConsole.account.getPrefs();
console.log('params', params.project);
const { endpoint, project } = sdk.forConsole.client.config;
const versionPromise = fetch(`${endpoint}/health/version`, {
headers: {
@@ -42,6 +42,7 @@ export const load: LayoutLoad = async ({ params, fetch, depends, parent }) => {
Query.orderDesc('')
]);
projects = orgProjects.projects.length > 0 ? orgProjects.projects : [];
console.log('projects', projects);
}
return {
src/routes/(console)/organization-[organization]/header.svelte
+12 -19
View File
@@ -161,25 +161,18 @@
<a href={`${path}/members`} class="is-not-mobile">
<AvatarGroup size={40} {avatars} total={$members?.total ?? 0} />
</a>
<Tooltip disabled={!areMembersLimited}>
<div>
{#if $isOwner}
<Button
secondary
on:click={() => newMemberModal.set(true)}
disabled={areMembersLimited}>
<span class="icon-plus" aria-hidden="true" />
<span class="text">Invite</span>
</Button>
{/if}
</div>
<span slot="tooltip"
>{$organization?.billingPlan === BillingPlan.FREE
? `Upgrade to add more members`
: `You've reached the members limit for the ${
tierToPlan($organization?.billingPlan)?.name
} plan`}</span>
</Tooltip>
<div>
{#if $isOwner}
<Button
secondary
on:click={() => newMemberModal.set(true)}
disabled={areMembersLimited}>
<span class="icon-plus" aria-hidden="true" />
<span class="text">Invite</span>
</Button>
{/if}
</div>
</div>
</div>
</svelte:fragment>
src/themes/dark.json
+1
View File
@@ -110,6 +110,7 @@
"color-overlay-neutral-selected": "rgba(255, 255, 255, 8%)",
"color-overlay-skeleton": "rgba(255, 255, 255, 8%)",
"color-overlay-scrim": "rgba(0, 0, 0, 48%)",
"color-overlay-scrim-weak": "rgba(25, 25, 28, 40%)",
"gradient-border-button-secondary-bottom": "var(--color-border-neutral-strong)",
"gradient-border-button-secondary-top": "var(--color-border-neutral)",
"color-fgcolor-on-invert": "var(--neutral-800)",
src/themes/light.json
+1
View File
@@ -109,6 +109,7 @@
"color-overlay-neutral-pressed": "rgba(25, 25, 28, 4%)",
"color-overlay-neutral-selected": "rgba(25, 25, 28, 4%)",
"color-overlay-skeleton": "rgba(25, 25, 28, 4%)",
"color-overlay-scrim-weak": "rgba(25, 25, 28, 40%)",
"color-overlay-scrim": "rgba(25, 25, 28, 80%)",
"gradient-border-button-secondary-bottom": "var(--color-border-neutral)",
"gradient-border-button-secondary-top": "var(--color-border-neutral-strong)",