From af24341623d62811ab57d0d0dcb9ad7e7ee751a6 Mon Sep 17 00:00:00 2001 From: Scott Chacon Date: Tue, 21 Feb 2023 14:49:37 +0100 Subject: [PATCH] nicer project settings page --- .../[projectId]/settings/+page.svelte | 147 +++++++++++++++--- src/routes/users/+page.svelte | 12 +- 2 files changed, 131 insertions(+), 28 deletions(-) diff --git a/src/routes/projects/[projectId]/settings/+page.svelte b/src/routes/projects/[projectId]/settings/+page.svelte index 483cc647c..27e453ade 100644 --- a/src/routes/projects/[projectId]/settings/+page.svelte +++ b/src/routes/projects/[projectId]/settings/+page.svelte @@ -2,10 +2,22 @@ import { derived } from "svelte/store"; import { Login } from "$lib/components"; import type { PageData } from "./$types"; + import hi from "date-fns/locale/hi"; export let data: PageData; const { project, user, api } = data; + function repo_id(url: string) { + const hurl = new URL(url); + const path = hurl.pathname.split("/"); + return path[path.length - 1]; + } + + function hostname(url: string) { + const hurl = new URL(url); + return hurl.hostname; + } + const isSyncing = derived(project, (project) => project?.api?.sync); const onSyncChange = async (event: Event) => { @@ -27,26 +39,115 @@ }; -
-
-

{$project?.title}

-
- - {#if $user} -
- - -
- {:else} -
to sync
- {/if} - - - {JSON.stringify($project, null, 2)} - -
+
+
+
+
+
Project Settings
+
+ Manage your project settings for {$project?.title} +
+
+
+ {#if $user} +
+
GitButler Cloud
+
+
+ + + +
+ {#if $project?.api?.git_url} +
+
+ Git Host +
+
+ {hostname($project?.api?.git_url)} +
+
+ Repository ID +
+
+ {repo_id($project?.api?.git_url)} +
+
+ {/if} +
+
+ + +
+
+
+
+
+
+ {:else} +
+
+
GitButler Cloud
+
+ backup your work and access advanced features +
+
+
+ +
+
+ {/if} +
+
Path
+
+ {$project?.path} +
+
+
+
Project Name
+ + +
+
+
Project Description
+ +