first commit

2026-03-23 00:51:38 +09:00
commit 07854e0a9d
110 changed files with 19528 additions and 0 deletions
--- a/resources/js/Pages/Databases/SourceDatabases.vue
+++ b/resources/js/Pages/Databases/SourceDatabases.vue
@@ -0,0 +1,131 @@
+<template>
+    <AppLayout>
+        <template #header>
+            <div class="flex flex-row justify-between items-center w-full">
+                <h2 class="font-bold">Исходные базы данных</h2>
+                <Link :href="route('databases.source.create')">
+                    <Button icon="pi pi-plus" label="Добавить БД" size="small" />
+                </Link>
+            </div>
+        </template>
+
+        <Message v-if="$page.props.flash?.success" severity="success" :life="3000" class="mb-4">
+            {{ $page.props.flash.success }}
+        </Message>
+
+        <Message v-if="$page.props.flash?.error" severity="error" :life="3000" class="mb-4">
+            {{ $page.props.flash.error }}
+        </Message>
+
+        <Card>
+            <template #content>
+                <DataTable :value="databases" stripedRows>
+                    <Column field="name" header="Название" sortable></Column>
+                    <Column field="host" header="Хост" sortable></Column>
+                    <Column field="port" header="Порт" sortable></Column>
+                    <Column field="database" header="База данных" sortable></Column>
+                    <Column field="driver" header="Драйвер" sortable></Column>
+                    <Column field="tables_count" header="Таблиц" sortable></Column>
+                    <Column field="is_active" header="Статус">
+                        <template #body="slotProps">
+                            <Tag :value="slotProps.data.is_active ? 'Активна' : 'Неактивна'" 
+                                 :severity="slotProps.data.is_active ? 'success' : 'danger'" />
+                        </template>
+                    </Column>
+                    <Column header="Действия">
+                        <template #body="slotProps">
+                            <div class="flex gap-2">
+                                <Button icon="pi pi-play" severity="info" size="small" 
+                                        @click="testConnection(slotProps.data)" 
+                                        title="Проверить подключение" />
+                                <Button icon="pi pi-refresh" severity="success" size="small" 
+                                        @click="syncSchema(slotProps.data)" 
+                                        title="Синхронизировать" />
+                                <Link :href="route('databases.source.edit', slotProps.data.id)">
+                                    <Button icon="pi pi-pencil" severity="secondary" size="small" 
+                                            title="Редактировать" />
+                                </Link>
+                                <Button icon="pi pi-trash" severity="danger" size="small" 
+                                        @click="confirmDelete(slotProps.data)" 
+                                        title="Удалить" />
+                            </div>
+                        </template>
+                    </Column>
+                </DataTable>
+            </template>
+        </Card>
+
+        <Dialog v-model:visible="testingConnection" modal header="Проверка подключения" :style="{ width: '300px' }">
+            <div class="flex items-center gap-3">
+                <ProgressSpinner style="width: 30px; height: 30px" />
+                <span>Проверка подключения к базе данных...</span>
+            </div>
+        </Dialog>
+
+        <Dialog v-model:visible="deletingDialog" modal header="Подтверждение удаления" :style="{ width: '400px' }">
+            <p>Вы уверены, что хотите удалить базу данных "<strong>{{ databaseToDelete?.name }}</strong>"?</p>
+            <template #footer>
+                <Button label="Отмена" icon="pi pi-times" @click="deletingDialog = false" severity="secondary" />
+                <Button label="Удалить" icon="pi pi-trash" @click="deleteDatabase" severity="danger" />
+            </template>
+        </Dialog>
+    </AppLayout>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { Link, router } from '@inertiajs/vue3';
+import AppLayout from '@/Layouts/AppLayout.vue';
+import DataTable from 'primevue/datatable';
+import Column from 'primevue/column';
+import Button from 'primevue/button';
+import Tag from 'primevue/tag';
+import Message from 'primevue/message';
+import Card from 'primevue/card';
+import Dialog from 'primevue/dialog';
+import ProgressSpinner from 'primevue/progressspinner';
+
+const props = defineProps({
+    databases: Array,
+});
+
+const testingConnection = ref(false);
+const deletingDialog = ref(false);
+const databaseToDelete = ref(null);
+
+const testConnection = async (database) => {
+    testingConnection.value = true;
+    try {
+        const response = await fetch(route('databases.source.test', database.id));
+        const result = await response.json();
+        
+        testingConnection.value = false;
+        
+        if (result.success) {
+            alert(`Подключение успешно!\nВерсия PostgreSQL: ${result.version}`);
+        } else {
+            alert(`Ошибка подключения: ${result.message}`);
+        }
+    } catch (error) {
+        testingConnection.value = false;
+        alert(`Ошибка: ${error.message}`);
+    }
+};
+
+const syncSchema = (database) => {
+    if (confirm(`Синхронизировать схему из "${database.name}"?`)) {
+        router.post(route('databases.source.sync', database.id));
+    }
+};
+
+const confirmDelete = (database) => {
+    databaseToDelete.value = database;
+    deletingDialog.value = true;
+};
+
+const deleteDatabase = () => {
+    router.delete(route('databases.source.destroy', databaseToDelete.value.id));
+    deletingDialog.value = false;
+    databaseToDelete.value = null;
+};
+</script>