first commit

2026-04-06 00:06:00 +09:00
commit fb2e6c58e3
409 changed files with 42953 additions and 0 deletions
--- a/resources/js/components/DeleteTeamModal.vue
+++ b/resources/js/components/DeleteTeamModal.vue
@@ -0,0 +1,101 @@
+<script setup lang="ts">
+import { Form } from '@inertiajs/vue3';
+import { computed, ref } from 'vue';
+import InputError from '@/components/InputError.vue';
+import { Button } from '@/components/ui/button';
+import {
+    Dialog,
+    DialogClose,
+    DialogContent,
+    DialogDescription,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+} from '@/components/ui/dialog';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { destroy } from '@/routes/teams';
+import type { Team } from '@/types';
+
+type Props = {
+    team: Team;
+    open: boolean;
+};
+
+const props = defineProps<Props>();
+const emit = defineEmits<{
+    'update:open': [value: boolean];
+}>();
+
+const confirmationName = ref('');
+const formKey = ref(0);
+
+const canDeleteTeam = computed(() => {
+    return confirmationName.value === props.team.name;
+});
+
+const handleOpenChange = (nextOpen: boolean) => {
+    emit('update:open', nextOpen);
+
+    if (!nextOpen) {
+        confirmationName.value = '';
+        formKey.value++;
+    }
+};
+</script>
+
+<template>
+    <Dialog :open="props.open" @update:open="handleOpenChange">
+        <DialogContent>
+            <Form
+                :key="formKey"
+                v-bind="destroy.form(props.team.slug)"
+                class="space-y-6"
+                v-slot="{ errors, processing }"
+                @success="handleOpenChange(false)"
+            >
+                <DialogHeader>
+                    <DialogTitle>Are you sure?</DialogTitle>
+                    <DialogDescription>
+                        This action cannot be undone. This will permanently
+                        delete the team
+                        <strong>"{{ props.team.name }}"</strong>.
+                    </DialogDescription>
+                </DialogHeader>
+
+                <div class="space-y-4 py-4">
+                    <div class="grid gap-2">
+                        <Label for="confirmation-name">
+                            Type
+                            <strong>"{{ props.team.name }}"</strong> to confirm
+                        </Label>
+                        <Input
+                            id="confirmation-name"
+                            name="name"
+                            data-test="delete-team-name"
+                            v-model="confirmationName"
+                            placeholder="Enter team name"
+                            autocomplete="off"
+                        />
+                        <InputError :message="errors.name" />
+                    </div>
+                </div>
+
+                <DialogFooter class="gap-2">
+                    <DialogClose as-child>
+                        <Button variant="secondary"> Cancel </Button>
+                    </DialogClose>
+
+                    <Button
+                        data-test="delete-team-confirm"
+                        variant="destructive"
+                        type="submit"
+                        :disabled="!canDeleteTeam || processing"
+                    >
+                        Delete team
+                    </Button>
+                </DialogFooter>
+            </Form>
+        </DialogContent>
+    </Dialog>
+</template>