console/src/lib/wizards/functions/steps/repositoryBehaviour.svelte at dad2ee135d28435297b2777e915fb9eb2ea9a4e7 · appwrite/console · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<script lang="ts">
    import { WizardStep } from '$lib/layout';
    import { templateConfig } from '../store';

    async function beforeSubmit() {
        if (!$templateConfig.repositoryBehaviour) {
            throw new Error('Please select repository behaviour.');
        }
    }
</script>

<WizardStep {beforeSubmit}>
    <svelte:fragment slot="title">Repository behaviour</svelte:fragment>
    <svelte:fragment slot="subtitle">
        Connect function to a new repository or to an existing one within a selected Git
        organization.
    </svelte:fragment>

    <ul class="u-flex u-flex-vertical u-gap-24">
        <li>
            <label
                class="card is-allow-focus u-cursor-pointer"
                style="--card-padding:1rem; --card-border-radius:var(--border-radius-small);">
                <div class="u-flex u-gap-16">
                    <input
                        bind:group={$templateConfig.repositoryBehaviour}
                        class="is-small u-margin-block-start-2"
                        value="new"
                        type="radio"
                        name="repositoryBehaviour" />
                    <div class="u-flex u-flex-vertical u-gap-4">
                        <h4 class="body-text-2 u-bold">Create new repository</h4>
                        <p class="u-color-text-gray">
                            Clone the template and create a new repository in your selected
                            organization.
                        </p>
                    </div>
                </div>
            </label>
        </li>
        <li>
            <label
                class="card is-allow-focus u-cursor-pointer"
                style="--card-padding:1rem; --card-border-radius:var(--border-radius-small);">
                <div class="u-flex u-gap-16">
                    <input
                        bind:group={$templateConfig.repositoryBehaviour}
                        class="is-small u-margin-block-start-2"
                        value="existing"
                        type="radio"
                        name="repositoryBehaviour" />
                    <div class="u-flex u-flex-vertical u-gap-4">
                        <h4 class="body-text-2 u-bold">Add to existing repository</h4>
                        <p class="u-color-text-gray">
                            Clone the template to an existing repository in your selected
                            organization.
                        </p>
                    </div>
                </div>
            </label>
        </li>
    </ul>
</WizardStep>