From ede7a8e1b4ca7c9e88f3456bade223107c13635e Mon Sep 17 00:00:00 2001
From: Damodar Lohani <dlohani48@gmail.com>
Date: Tue, 16 May 2023 13:55:05 +0545
Subject: [PATCH 1/4] transfer project UI

---
 src/lib/actions/analytics.ts                  |  1 +
 .../project-[project]/settings/+page.svelte   | 33 +++++++++++
 .../settings/transferProject.svelte           | 59 +++++++++++++++++++
 3 files changed, 93 insertions(+)
 create mode 100644 src/routes/console/project-[project]/settings/transferProject.svelte

diff --git a/src/lib/actions/analytics.ts b/src/lib/actions/analytics.ts
index 84c178cc46..b9724ff751 100644
--- a/src/lib/actions/analytics.ts
+++ b/src/lib/actions/analytics.ts
@@ -131,6 +131,7 @@ export enum Submit {
     ProjectCreate = 'submit_project_create',
     ProjectDelete = 'submit_project_delete',
     ProjectUpdateName = 'submit_project_update_name',
+    ProjectUpdateTeam = 'submit_project_update_team',
     ProjectService = 'submit_project_service',
     MemberCreate = 'submit_member_create',
     MemberDelete = 'submit_member_delete',
diff --git a/src/routes/console/project-[project]/settings/+page.svelte b/src/routes/console/project-[project]/settings/+page.svelte
index ccce2b50b0..80c5f4e975 100644
--- a/src/routes/console/project-[project]/settings/+page.svelte
+++ b/src/routes/console/project-[project]/settings/+page.svelte
@@ -3,6 +3,7 @@
     import { onMount } from 'svelte';
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { addNotification } from '$lib/stores/notifications';
+    import { organizationList } from '$lib/stores/organization';
     import { project } from '../store';
     import { services, type Service } from '$lib/stores/project-services';
     import { CardGrid, CopyInput, Box, Heading } from '$lib/components';
@@ -14,14 +15,19 @@
     import { base } from '$app/paths';
     import { page } from '$app/stores';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
+    import InputSelect from '$lib/elements/forms/inputSelect.svelte';
+    import Transfer from './transferProject.svelte';
 
     let name: string = null;
+    let teamId: string = null;
     let showDelete = false;
+    let showTransfer = false;
     const endpoint = sdk.forConsole.client.config.endpoint;
     const projectId = $page.params.project;
 
     onMount(async () => {
         name ??= $project.name;
+        teamId ??= $project.teamId;
     });
 
     async function updateName() {
@@ -134,7 +140,28 @@
                 </FormList>
             </svelte:fragment>
         </CardGrid>
+        <CardGrid>
+            <Heading tag="h6" size="7">Transfer project</Heading>
+            <p class="text">Transfer your project to another organization that you own.</p>
 
+            <svelte:fragment slot="aside">
+                <FormList>
+                    <InputSelect
+                        id="organization"
+                        label="Available organizations"
+                        bind:value={teamId}
+                        options={$organizationList.teams.map((team) => ({
+                            value: team.$id,
+                            label: team.name
+                        }))} />
+                </FormList>
+            </svelte:fragment>
+
+            <svelte:fragment slot="actions">
+                <Button disabled={teamId === $project.teamId} on:click={() => (showTransfer = true)}
+                    >Transfer</Button>
+            </svelte:fragment>
+        </CardGrid>
         <CardGrid danger>
             <div>
                 <Heading tag="h6" size="7">Delete Project</Heading>
@@ -160,3 +187,9 @@
 </Container>
 
 <Delete bind:showDelete />
+{#if teamId}
+    <Transfer
+        bind:teamId
+        teamName={$organizationList.teams.find((t) => t.$id == teamId).name}
+        bind:show={showTransfer} />
+{/if}
diff --git a/src/routes/console/project-[project]/settings/transferProject.svelte b/src/routes/console/project-[project]/settings/transferProject.svelte
new file mode 100644
index 0000000000..bc9c9d34af
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transferProject.svelte
@@ -0,0 +1,59 @@
+<script lang="ts">
+    import { goto } from '$app/navigation';
+    import { base } from '$app/paths';
+    import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
+    import { Modal } from '$lib/components';
+    import { Button } from '$lib/elements/forms';
+    import { addNotification } from '$lib/stores/notifications';
+    import { sdk } from '$lib/stores/sdk';
+    import { project } from '../store';
+
+    export let show = false;
+    export let teamName;
+    export let teamId;
+
+    const handleTransfer = async () => {
+        try {
+            await sdk.forConsole.client.call(
+                'PATCH',
+                new URL(
+                    sdk.forConsole.client.config.endpoint + '/projects/' + $project.$id + '/team'
+                ),
+                {
+                    'content-type': 'application/json'
+                },
+                {
+                    teamId: teamId
+                }
+            );
+            // await sdk.forConsole.projects.update($project.$id, password);
+            show = false;
+            addNotification({
+                type: 'success',
+                message: `${$project.name} has been transfered to ${teamName}`
+            });
+            trackEvent(Submit.ProjectUpdateTeam);
+            await goto(`${base}/console/organization-${teamId}`);
+        } catch (error) {
+            addNotification({
+                type: 'error',
+                message: error.message
+            });
+            trackError(error, Submit.ProjectUpdateTeam);
+        }
+    };
+</script>
+
+<Modal bind:show onSubmit={handleTransfer} icon="exclamation" state="warning" headerDivider={false}>
+    <svelte:fragment slot="header">Delete Project</svelte:fragment>
+    <p>Are you sure you want to transfer <b>{$project.name}</b> to <b>{teamName}</b>?</p>
+    <p>
+        Members who are not part of the destination organization must be invited to gain access to
+        this project.
+    </p>
+
+    <svelte:fragment slot="footer">
+        <Button text on:click={() => (show = false)}>Cancel</Button>
+        <Button secondary submit>Transfer</Button>
+    </svelte:fragment>
+</Modal>

From 7fcba3c21c4cbbb908f67058af8f583d8fc56595 Mon Sep 17 00:00:00 2001
From: Damodar Lohani <dlohani48@gmail.com>
Date: Wed, 17 May 2023 13:16:16 +0545
Subject: [PATCH 2/4] fix import

---
 .../console/project-[project]/settings/+page.svelte    | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/routes/console/project-[project]/settings/+page.svelte b/src/routes/console/project-[project]/settings/+page.svelte
index 80c5f4e975..4508266b18 100644
--- a/src/routes/console/project-[project]/settings/+page.svelte
+++ b/src/routes/console/project-[project]/settings/+page.svelte
@@ -7,7 +7,14 @@
     import { project } from '../store';
     import { services, type Service } from '$lib/stores/project-services';
     import { CardGrid, CopyInput, Box, Heading } from '$lib/components';
-    import { Button, Form, FormList, InputText, InputSwitch } from '$lib/elements/forms';
+    import {
+        Button,
+        Form,
+        FormList,
+        InputText,
+        InputSwitch,
+        InputSelect
+    } from '$lib/elements/forms';
     import { Container } from '$lib/layout';
     import { invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
@@ -15,7 +22,6 @@
     import { base } from '$app/paths';
     import { page } from '$app/stores';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
-    import InputSelect from '$lib/elements/forms/inputSelect.svelte';
     import Transfer from './transferProject.svelte';
 
     let name: string = null;

From e6d02cfdcfa52f3ab26ea0b07a3ac9ef4c799119 Mon Sep 17 00:00:00 2001
From: Damodar Lohani <dlohani48@gmail.com>
Date: Wed, 17 May 2023 13:20:22 +0545
Subject: [PATCH 3/4] fix title and design

---
 .../console/project-[project]/settings/transferProject.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/console/project-[project]/settings/transferProject.svelte b/src/routes/console/project-[project]/settings/transferProject.svelte
index bc9c9d34af..2384b6c7ee 100644
--- a/src/routes/console/project-[project]/settings/transferProject.svelte
+++ b/src/routes/console/project-[project]/settings/transferProject.svelte
@@ -44,8 +44,8 @@
     };
 </script>
 
-<Modal bind:show onSubmit={handleTransfer} icon="exclamation" state="warning" headerDivider={false}>
-    <svelte:fragment slot="header">Delete Project</svelte:fragment>
+<Modal bind:show onSubmit={handleTransfer} headerDivider={false}>
+    <svelte:fragment slot="header">Transfer Project</svelte:fragment>
     <p>Are you sure you want to transfer <b>{$project.name}</b> to <b>{teamName}</b>?</p>
     <p>
         Members who are not part of the destination organization must be invited to gain access to

From 43a0d8ebe504de99da42c20b2be5601ed100a461 Mon Sep 17 00:00:00 2001
From: Damodar Lohani <dlohani48@gmail.com>
Date: Wed, 17 May 2023 14:02:38 +0545
Subject: [PATCH 4/4] fixed

---
 src/routes/console/project-[project]/settings/+page.svelte  | 6 ++++--
 .../project-[project]/settings/transferProject.svelte       | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/routes/console/project-[project]/settings/+page.svelte b/src/routes/console/project-[project]/settings/+page.svelte
index 4508266b18..95d9a31714 100644
--- a/src/routes/console/project-[project]/settings/+page.svelte
+++ b/src/routes/console/project-[project]/settings/+page.svelte
@@ -164,8 +164,10 @@
             </svelte:fragment>
 
             <svelte:fragment slot="actions">
-                <Button disabled={teamId === $project.teamId} on:click={() => (showTransfer = true)}
-                    >Transfer</Button>
+                <Button
+                    secondary
+                    disabled={teamId === $project.teamId}
+                    on:click={() => (showTransfer = true)}>Transfer</Button>
             </svelte:fragment>
         </CardGrid>
         <CardGrid danger>
diff --git a/src/routes/console/project-[project]/settings/transferProject.svelte b/src/routes/console/project-[project]/settings/transferProject.svelte
index 2384b6c7ee..9e16d56117 100644
--- a/src/routes/console/project-[project]/settings/transferProject.svelte
+++ b/src/routes/console/project-[project]/settings/transferProject.svelte
@@ -45,7 +45,7 @@
 </script>
 
 <Modal bind:show onSubmit={handleTransfer} headerDivider={false}>
-    <svelte:fragment slot="header">Transfer Project</svelte:fragment>
+    <svelte:fragment slot="header">Transfer project</svelte:fragment>
     <p>Are you sure you want to transfer <b>{$project.name}</b> to <b>{teamName}</b>?</p>
     <p>
         Members who are not part of the destination organization must be invited to gain access to