delete application + init confirm modal

This commit is contained in:
Andras Bacsai
2023-04-26 10:02:19 +02:00
parent 3e9e1e94d6
commit cc1c08786f
8 changed files with 56 additions and 6 deletions

View File

@@ -1,4 +1,4 @@
<nav class="flex gap-4 py-2 bg-gray-100">
<nav class="flex gap-4 py-2">
<a href="{{ route('project.application.configuration', Route::current()->parameters()) }}">Configuration</a>
<a href="{{ route('project.application.deployments', Route::current()->parameters()) }}">Deployments</a>
<livewire:project.application.deploy :applicationId="$applicationId" />

View File

@@ -0,0 +1,24 @@
<script>
document.addEventListener('alpine:init', () => {
Alpine.data('confirmModal', () => ({
open: false,
message: 'Are you sure?',
toggleConfirmModal(customMessage) {
this.message = customMessage
this.open = !this.open
},
}))
})
</script>
<div x-cloak x-show="open" x-transition.opacity class="fixed inset-0 bg-slate-900/75"></div>
<div x-cloak x-show="open" x-transition class="fixed inset-0 z-50 flex pt-10">
<div @click.away="open = false" class="w-screen h-20 max-w-xl mx-auto bg-black rounded-lg">
<div class="flex flex-col items-center justify-center h-full">
<div class="pb-5 text-white" x-text="message"></div>
<div>
<button x-on:click="open = false">Cancel</button>
<button x-on:click="$dispatch('confirm')">Confirm</button>
</div>
</div>
</div>
</div>

View File

@@ -15,12 +15,13 @@
@livewireStyles
</head>
<body>
<body x-data="confirmModal" x-on:keydown.escape="toggleConfirmModal">
<x-navbar />
<main>
{{ $slot }}
</main>
<x-confirm-modal />
@livewireScripts
</body>

View File

@@ -1,4 +1,7 @@
<div>
<button class="bg-red-500" @confirm.window="$wire.delete()"
x-on:click="toggleConfirmModal('Are you sure you would like to delete this application?')">
Delete</button>
@if ($application->status === 'running')
<button wire:click='start'>Restart</button>
<button wire:click='forceRebuild'>Force Rebuild</button>

View File

@@ -21,6 +21,7 @@
@isset($chosenDestination)
<form wire:submit.prevent='submit'>
<x-form-input id="public_repository_url" label="Repository URL" />
<x-form-input type="checkbox" id="is_static" label="Static Site?" />
<x-form-input type="number" id="port" label="Port" />
<button type="submit">
Submit