wip: migrate to livewire 3

resources/views/livewire/project/add-empty.blade.php

@@ -1,5 +1,5 @@
 <dialog id="newEmptyProject" class="modal">
-    <form method="dialog" class="flex flex-col gap-2 rounded modal-box" wire:submit.prevent='submit'>
+    <form method="dialog" class="flex flex-col gap-2 rounded modal-box" wire:submit='submit'>
         <x-forms.input placeholder="Your Cool Project" id="name" label="Name" required />
         <x-forms.input placeholder="This is my cool project everyone knows about" id="description" label="Description" />
         <x-forms.button onclick="newEmptyProject.close()" type="submit">

resources/views/livewire/project/add-environment.blade.php

@@ -1,5 +1,5 @@
 <dialog id="newEnvironment" class="modal">
-    <form method="dialog" class="flex flex-col gap-2 rounded modal-box" wire:submit.prevent='submit'>
+    <form method="dialog" class="flex flex-col gap-2 rounded modal-box" wire:submit='submit'>
         <x-forms.input placeholder="production" id="name" label="Name" required />
         <x-forms.button onclick="newEnvironment.close()" type="submit">
             Save

resources/views/livewire/project/application/advanced.blade.php

@@ -23,7 +23,7 @@
                 <x-forms.checkbox instantSave id="application.settings.is_git_lfs_enabled" label="Git LFS"
                     helper="Allow Git LFS during build process." />
             @endif
-            <form wire:submit.prevent="submit">
+            <form wire:submit="submit">
                 @if ($application->build_pack !== 'dockercompose')
                     <div class="flex gap-2">
                         <x-forms.checkbox

resources/views/livewire/project/application/configuration.blade.php

@@ -57,39 +57,39 @@
                 <livewire:project.application.general :application="$application" />
             </div>
             <div x-cloak x-show="activeTab === 'advanced'" class="h-full">
-                <livewire:project.application.advanced :application="$application" />
+                <livewire:project.application.advanced :application="$application" lazy />
             </div>
             <div x-cloak x-show="activeTab === 'environment-variables'">
-                <livewire:project.shared.environment-variable.all :resource="$application" />
+                <livewire:project.shared.environment-variable.all :resource="$application" lazy />
             </div>
             @if ($application->git_based())
                 <div x-cloak x-show="activeTab === 'source'">
-                    <livewire:project.application.source :application="$application" />
+                    <livewire:project.application.source :application="$application" lazy />
                 </div>
             @endif
             <div x-cloak x-show="activeTab === 'server'">
-                <livewire:project.shared.destination :resource="$application" :servers="$servers" />
+                <livewire:project.shared.destination :resource="$application" :servers="$servers" lazy />
             </div>
             <div x-cloak x-show="activeTab === 'storages'">
-                <livewire:project.service.storage :resource="$application" />
+                <livewire:project.service.storage :resource="$application" lazy />
             </div>
             <div x-cloak x-show="activeTab === 'webhooks'">
-                <livewire:project.shared.webhooks :resource="$application" />
+                <livewire:project.shared.webhooks :resource="$application" lazy />
             </div>
             <div x-cloak x-show="activeTab === 'previews'">
-                <livewire:project.application.previews :application="$application" />
+                <livewire:project.application.previews :application="$application" lazy />
             </div>
             <div x-cloak x-show="activeTab === 'health'">
-                <livewire:project.shared.health-checks :resource="$application" />
+                <livewire:project.shared.health-checks :resource="$application" lazy />
             </div>
             <div x-cloak x-show="activeTab === 'rollback'">
-                <livewire:project.application.rollback :application="$application" />
+                <livewire:project.application.rollback :application="$application" lazy />
             </div>
             <div x-cloak x-show="activeTab === 'resource-limits'">
-                <livewire:project.shared.resource-limits :resource="$application" />
+                <livewire:project.shared.resource-limits :resource="$application" lazy />
             </div>
             <div x-cloak x-show="activeTab === 'danger'">
-                <livewire:project.shared.danger :resource="$application" />
+                <livewire:project.shared.danger :resource="$application" lazy />
             </div>
         </div>
     </div>

resources/views/livewire/project/application/deployments.blade.php

@@ -11,12 +11,11 @@
         <x-forms.button type="submit">Filter</x-forms.button>
     </form>
     @forelse ($deployments as $deployment)
-        <a @class([
+        <a wire:navigate @class([
             'bg-coolgray-100 p-2 border-l border-dashed transition-colors hover:no-underline',
-            'hover:bg-coolgray-200' =>
-                data_get($deployment, 'status') === 'queued',
+            'hover:bg-coolgray-200' => data_get($deployment, 'status') === 'queued',
             'border-warning hover:bg-warning hover:text-black' =>
-                data_get($deployment, 'status') === 'in_progress'  ||
+                data_get($deployment, 'status') === 'in_progress' ||
                 data_get($deployment, 'status') === 'cancelled-by-user',
             'border-error hover:bg-error' =>
                 data_get($deployment, 'status') === 'failed',

resources/views/livewire/project/application/general.blade.php

@@ -1,5 +1,5 @@
 <div>
-    <form wire:submit.prevent='submit' class="flex flex-col">
+    <form wire:submit='submit' class="flex flex-col">
         <div class="flex items-center gap-2">
             <h2>General</h2>
             <x-forms.button type="submit">

resources/views/livewire/project/application/preview/form.blade.php

@@ -1,4 +1,4 @@
-<form wire:submit.prevent='submit'>
+<form wire:submit='submit'>
     <div class="flex items-center gap-2">
         <h2>Preview Deployments</h2>
         <x-forms.button type="submit">Save</x-forms.button>

resources/views/livewire/project/application/previews.blade.php

@@ -66,7 +66,8 @@
                             </a>
                         @endif
                         |
-                        <a target="_blank" href="{{ data_get($preview, 'pull_request_html_url') }}">Open PR on Git
+                        <a target="_blank" href="{{ data_get($preview, 'pull_request_html_url') }}">Open
+                            PR on Git
                             <x-external-link />
                         </a>
                     </div>

resources/views/livewire/project/application/rollback.blade.php

@@ -3,7 +3,8 @@
         <h2>Rollback</h2>
         <x-forms.button wire:click='loadImages(true)'>Reload Available Images</x-forms.button>
     </div>
-    <div class="pb-4 ">You can easily rollback to a previously built <span class="text-warning">(local)</span> images quickly.</div>
+    <div class="pb-4 ">You can easily rollback to a previously built <span class="text-warning">(local)</span> images
+        quickly.</div>
     <div wire:target='loadImages'>
         <div class="flex flex-wrap">
             @forelse ($images as $image)
@@ -25,7 +26,8 @@
                                     Rollback
                                 </x-forms.button>
                             @else
-                                <x-forms.button class="bg-coolgray-100" wire:click="rollbackImage('{{ data_get($image, 'tag') }}')">
+                                <x-forms.button class="bg-coolgray-100"
+                                    wire:click="rollbackImage('{{ data_get($image, 'tag') }}')">
                                     Rollback
                                 </x-forms.button>
                             @endif

resources/views/livewire/project/application/source.blade.php

@@ -1,5 +1,5 @@
 <div>
-    <form wire:submit.prevent='submit' class="flex flex-col">
+    <form wire:submit='submit' class="flex flex-col">
         <div class="flex items-center gap-2">
             <h2>Source</h2>
             <x-forms.button type="submit">Save</x-forms.button>

resources/views/livewire/project/clone-project.blade.php

@@ -1,4 +1,4 @@
-<form wire:submit.prevent='clone'>
+<form wire:submit='clone'>
     <div class="flex flex-col">
         <div class="flex gap-2">
             <h1>Clone</h1>

resources/views/livewire/project/database/backup-edit.blade.php

@@ -1,4 +1,4 @@
-<form wire:submit.prevent="submit">
+<form wire:submit="submit">
     <div class="flex gap-2 pb-2">
         <h2>Scheduled Backup</h2>
         <x-forms.button type="submit">

resources/views/livewire/project/database/create-scheduled-backup.blade.php

@@ -1,5 +1,5 @@
 <dialog id="createScheduledBackup" class="modal">
-    <form method="dialog" class="flex flex-col gap-2 rounded modal-box" wire:submit.prevent='submit'>
+    <form method="dialog" class="flex flex-col gap-2 rounded modal-box" wire:submit='submit'>
         <h2>New Backup</h2>
         <x-forms.input placeholder="0 0 * * * or daily" id="frequency" label="Frequency" required />
         <h3>S3 Storage</h3>

resources/views/livewire/project/database/init-script.blade.php

@@ -1,5 +1,5 @@
 <div>
-    <form wire:submit.prevent="submit">
+    <form wire:submit="submit">
         <div class="flex items-end gap-2">
             <x-forms.input id="filename" label="Filename" />
             <x-forms.button type="submit">Save</x-forms.button>

resources/views/livewire/project/database/mariadb/general.blade.php

@@ -1,5 +1,5 @@
 <div>
-    <form wire:submit.prevent="submit" class="flex flex-col gap-2">
+    <form wire:submit="submit" class="flex flex-col gap-2">
         <div class="flex items-center gap-2">
             <h2>General</h2>
             <x-forms.button type="submit">

resources/views/livewire/project/database/mongodb/general.blade.php

@@ -1,5 +1,5 @@
 <div>
-    <form wire:submit.prevent="submit" class="flex flex-col gap-2">
+    <form wire:submit="submit" class="flex flex-col gap-2">
         <div class="flex items-center gap-2">
             <h2>General</h2>
             <x-forms.button type="submit">

resources/views/livewire/project/database/mysql/general.blade.php

@@ -1,5 +1,5 @@
 <div>
-    <form wire:submit.prevent="submit" class="flex flex-col gap-2">
+    <form wire:submit="submit" class="flex flex-col gap-2">
         <div class="flex items-center gap-2">
             <h2>General</h2>
             <x-forms.button type="submit">

resources/views/livewire/project/database/postgresql/general.blade.php

@@ -1,6 +1,6 @@
 <div>
     <dialog id="newInitScript" class="modal">
-        <form method="dialog" class="flex flex-col gap-2 rounded modal-box" wire:submit.prevent='save_new_init_script'>
+        <form method="dialog" class="flex flex-col gap-2 rounded modal-box" wire:submit='save_new_init_script'>
             <h3 class="text-lg font-bold">Add Init Script</h3>
             <x-forms.input placeholder="create_test_db.sql" id="new_filename" label="Filename" required />
             <x-forms.textarea placeholder="CREATE DATABASE test;" id="new_content" label="Content" required />
@@ -13,7 +13,7 @@
         </form>
     </dialog>
 
-    <form wire:submit.prevent="submit" class="flex flex-col gap-2">
+    <form wire:submit="submit" class="flex flex-col gap-2">
         <div class="flex items-center gap-2">
             <h2>General</h2>
             <x-forms.button type="submit">
@@ -76,8 +76,8 @@
     </form>
     <h3 class="pt-4">Advanced</h3>
     <div class="flex flex-col">
-        <x-forms.checkbox helper="Drain logs to your configured log drain endpoint in your Server settings." instantSave="instantSaveAdvanced"
-            id="database.is_log_drain_enabled" label="Drain Logs" />
+        <x-forms.checkbox helper="Drain logs to your configured log drain endpoint in your Server settings."
+            instantSave="instantSaveAdvanced" id="database.is_log_drain_enabled" label="Drain Logs" />
     </div>
     <div class="pb-16">
         <div class="flex gap-2 pt-4 pb-2">

resources/views/livewire/project/database/redis/general.blade.php

@@ -1,5 +1,5 @@
 <div>
-    <form wire:submit.prevent="submit" class="flex flex-col gap-2">
+    <form wire:submit="submit" class="flex flex-col gap-2">
         <div class="flex items-center gap-2">
             <h2>General</h2>
             <x-forms.button type="submit">

resources/views/livewire/project/database/scheduled-backups.blade.php

@@ -13,8 +13,7 @@
                     'border-coollabs' =>
                         data_get($backup, 'id') === data_get($selectedBackup, 'id'),
                     'flex flex-col box border-l-2 border-transparent',
-                ])
-                    wire:click="setSelectedBackup('{{ data_get($backup, 'id') }}')">
+                ]) wire:click="setSelectedBackup('{{ data_get($backup, 'id') }}')">
                     <div>Frequency: {{ $backup->frequency }}</div>
                     <div>Last backup: {{ data_get($backup->latest_log, 'status', 'No backup yet') }}</div>
                     <div>Number of backups to keep (locally): {{ $backup->number_of_backups_locally }}</div>

resources/views/livewire/project/edit.blade.php

@@ -1,5 +1,5 @@
 <div>
-    <form wire:submit.prevent='submit' class="flex flex-col gap-2 ">
+    <form wire:submit='submit' class="flex flex-col gap-2 ">
         <div class="flex items-end gap-2">
             <h1>Project: {{ data_get($project, 'name') }}</h1>
             <x-forms.button type="submit">Save</x-forms.button>

resources/views/livewire/project/new/docker-compose.blade.php

@@ -1,7 +1,7 @@
 <div>
     <h1>Create a new Service</h1>
     <div class="pb-4">You can deploy complex services easily with Docker Compose.</div>
-    <form wire:submit.prevent="submit">
+    <form wire:submit="submit">
         <div class="flex gap-2 pb-1">
             <h2>Docker Compose</h2>
             <x-forms.button type="submit">Save</x-forms.button>

resources/views/livewire/project/new/docker-image.blade.php

@@ -1,7 +1,7 @@
 <div>
     <h1>Create a new Application</h1>
     <div class="pb-4">You can deploy an existing Docker Image from any Registry.</div>
-    <form wire:submit.prevent="submit">
+    <form wire:submit="submit">
         <div class="flex gap-2 pb-1">
             <h2>Docker Image</h2>
             <x-forms.button type="submit">Save</x-forms.button>

resources/views/livewire/project/new/github-private-repository-deploy-key.blade.php

@@ -40,7 +40,7 @@
                 <li class="step step-secondary">Select a Private Key</li>
                 <li class="step step-secondary">Select a Repository, Branch & Save</li>
             </ul>
-            <form class="flex flex-col gap-2 pb-6" wire:submit.prevent='submit'>
+            <form class="flex flex-col gap-2 pb-6" wire:submit='submit'>
                 <div class="flex gap-2">
                     <x-forms.input id="repository_url" required label="Repository URL"
                         helper="{!! __('repository.url') !!}" />

resources/views/livewire/project/new/github-private-repository.blade.php

@@ -41,7 +41,7 @@
                 @if ($repositories->count() > 0)
                     <div class="flex items-end gap-2">
                         <x-forms.select class="w-full" label="Repository URL" helper="{!! __('repository.url') !!}"
-                            wire:model.defer="selected_repository_id">
+                            wire:model="selected_repository_id">
                             @foreach ($repositories as $repo)
                                 @if ($loop->first)
                                     <option selected value="{{ data_get($repo, 'id') }}">
@@ -67,7 +67,7 @@
                 @endif
                 @if ($branches->count() > 0)
                     <div class="flex flex-col gap-2 pb-6">
-                        <form class="flex flex-col" wire:submit.prevent='submit'>
+                        <form class="flex flex-col" wire:submit='submit'>
                             <div class="flex flex-col gap-2 pb-6">
                                 <div class="flex gap-2">
                                     <x-forms.select id="selected_branch_name" label="Branch">

resources/views/livewire/project/new/public-git-repository.blade.php

@@ -1,12 +1,11 @@
 <div>
     <h1>Create a new Application</h1>
     <div class="pb-4">Deploy any public Git repositories.</div>
-    <form class="flex flex-col gap-2" wire:submit.prevent='load_branch'>
+    <form class="flex flex-col gap-2" wire:submit='load_branch'>
         <div class="flex flex-col gap-2">
             <div class="flex flex-col">
                 <div class="flex items-end gap-2">
-                    <x-forms.input required  id="repository_url" label="Repository URL"
-                        helper="{!! __('repository.url') !!}" />
+                    <x-forms.input required id="repository_url" label="Repository URL" helper="{!! __('repository.url') !!}" />
                     <x-forms.button type="submit">
                         Check repository
                     </x-forms.button>
@@ -16,7 +15,7 @@
                         <div class="flex gap-2 py-2">
                             <div>Rate Limit</div>
                             <x-helper
-                                helper="Rate limit remaining: {{ $rate_limit_remaining }}<br>Rate limit reset at: {{ $rate_limit_reset }} UTC"  />
+                                helper="Rate limit remaining: {{ $rate_limit_remaining }}<br>Rate limit reset at: {{ $rate_limit_reset }} UTC" />
                         </div>
                     @endif
                     <div class="flex flex-col gap-2 pb-6">

resources/views/livewire/project/new/select.blade.php

@@ -90,7 +90,8 @@
                             New PostgreSQL
                         </div>
                         <div class="description">
-                            PostgreSQL is an open-source, object-relational database management system known for its robustness, advanced features, and strong standards compliance.
+                            PostgreSQL is an open-source, object-relational database management system known for its
+                            robustness, advanced features, and strong standards compliance.
                         </div>
                     </div>
                 </div>
@@ -100,7 +101,8 @@
                             New Redis
                         </div>
                         <div class="description">
-                            Redis is an open-source, in-memory data structure store used as a database, cache, and message broker, known for its high performance, flexibility, and rich data structures.
+                            Redis is an open-source, in-memory data structure store used as a database, cache, and
+                            message broker, known for its high performance, flexibility, and rich data structures.
                         </div>
                     </div>
                 </div>
@@ -110,7 +112,9 @@
                             New MongoDB
                         </div>
                         <div class="description">
-                            MongoDB is a source-available, NoSQL database program that uses JSON-like documents with optional schemas, known for its flexibility, scalability, and wide range of application use cases.
+                            MongoDB is a source-available, NoSQL database program that uses JSON-like documents with
+                            optional schemas, known for its flexibility, scalability, and wide range of application use
+                            cases.
                         </div>
                     </div>
                 </div>
@@ -120,7 +124,8 @@
                             New MySQL
                         </div>
                         <div class="description">
-                            MySQL is an open-source relational database management system known for its speed, reliability, and flexibility in managing and accessing data.
+                            MySQL is an open-source relational database management system known for its speed,
+                            reliability, and flexibility in managing and accessing data.
                         </div>
                     </div>
                 </div>
@@ -130,7 +135,8 @@
                             New Mariadb
                         </div>
                         <div class="description">
-                            MariaDB is an open-source relational database management system that serves as a drop-in replacement for MySQL, offering more robust, scalable, and reliable SQL server capabilities.
+                            MariaDB is an open-source relational database management system that serves as a drop-in
+                            replacement for MySQL, offering more robust, scalable, and reliable SQL server capabilities.
                         </div>
                     </div>
                 </div>
@@ -181,7 +187,7 @@
                                 </div>
                             </button>
                         @endif
-                        @empty
+                    @empty
                         <div>No service found. Please try to reload the list!</div>
                     @endforelse
                 @endif
@@ -248,7 +254,7 @@
             </div>
         @endif
         @if ($current_step === 'existing-postgresql')
-            <form wire:submit.prevent='addExistingPostgresql' class="flex items-end gap-2">
+            <form wire:submit='addExistingPostgresql' class="flex items-end gap-2">
                 <x-forms.input placeholder="postgres://username:password@database:5432" label="Database URL"
                     id="existingPostgresqlUrl" />
                 <x-forms.button type="submit">Add Database</x-forms.button>

resources/views/livewire/project/new/simple-dockerfile.blade.php

@@ -1,7 +1,7 @@
 <div>
     <h1>Create a new Application</h1>
     <div class="pb-4">You can deploy a simple Dockerfile, without Git.</div>
-    <form wire:submit.prevent="submit">
+    <form wire:submit="submit">
         <div class="flex gap-2 pb-1">
             <h2>Dockerfile</h2>
             <x-forms.button type="submit">Save</x-forms.button>

resources/views/livewire/project/service/application.blade.php

@@ -1,5 +1,5 @@
 <div>
-    <form wire:submit.prevent='submit'>
+    <form wire:submit='submit'>
         <div class="flex items-center gap-2 pb-4">
             @if ($application->human_name)
                 <h2>{{ Str::headline($application->human_name) }}</h2>

resources/views/livewire/project/service/database.blade.php

@@ -1,5 +1,5 @@
 <div>
-    <form wire:submit.prevent='submit'>
+    <form wire:submit='submit'>
         <div class="flex items-center gap-2 pb-4">
             @if ($database->human_name)
                 <h2>{{ Str::headline($database->human_name) }}</h2>

resources/views/livewire/project/service/file-storage.blade.php

@@ -1,9 +1,9 @@
 <x-collapsible>
     <x-slot:title>
-        <div>{{$workdir}}{{ $fs_path }} -> {{ $fileStorage->mount_path }}</div>
+        <div>{{ $workdir }}{{ $fs_path }} -> {{ $fileStorage->mount_path }}</div>
     </x-slot:title>
     <x-slot:action>
-        <form wire:submit.prevent='submit' class="flex flex-col gap-2">
+        <form wire:submit='submit' class="flex flex-col gap-2">
             <div class="w-64">
                 <x-forms.checkbox instantSave label="Is directory?" id="fileStorage.is_directory"></x-forms.checkbox>
             </div>

resources/views/livewire/project/service/stack-form.blade.php

@@ -1,4 +1,4 @@
-<form wire:submit.prevent='submit' class="flex flex-col gap-4 pb-2">
+<form wire:submit='submit' class="flex flex-col gap-4 pb-2">
     <div class="flex gap-2">
         <div>
             <h2>Service Stack</h2>
@@ -6,7 +6,7 @@
         </div>
         <x-forms.button type="submit">Save</x-forms.button>
         <x-forms.button class="w-64"
-            onclick="Livewire.emit('openModal', 'modals.edit-compose',{{ json_encode(['serviceId' => $service->id]) }})">Edit
+            onclick="Livewire.dispatch('openModal', {component: {component: 'modals.edit-compose', arguments: arguments: {{ json_encode(['serviceId' => $service->id]) }} } })">Edit
             Compose
             File</x-forms.button>
     </div>

resources/views/livewire/project/shared/destination.blade.php

@@ -13,7 +13,7 @@
         <div>
             <h3>Additional Servers</h3>
             @foreach ($servers as $server)
-                <form wire:submit.prevent='submit' class="p-2 border border-coolgray-400">
+                <form wire:submit='submit' class="p-2 border border-coolgray-400">
                     <h4>{{ $server->name }}</h4>
                     <div class="text-sm text-coolgray-600">{{ $server->description }}</div>
                     <x-forms.checkbox id="additionalServers.{{ $loop->index }}.enabled" label="Enabled">

resources/views/livewire/project/shared/environment-variable/add.blade.php

@@ -1,5 +1,5 @@
 <dialog id="newVariable" class="modal">
-    <form method="dialog" class="flex flex-col gap-2 rounded modal-box" wire:submit.prevent='submit'>
+    <form method="dialog" class="flex flex-col gap-2 rounded modal-box" wire:submit='submit'>
         <h3 class="text-lg font-bold">Add Environment Variable</h3>
         <x-forms.input placeholder="NODE_ENV" id="key" label="Name" required />
         <x-forms.input placeholder="production" id="value" label="Value" required />

resources/views/livewire/project/shared/environment-variable/all.blade.php

@@ -27,12 +27,12 @@
             @endforeach
         @endif
     @else
-        <form wire:submit.prevent='saveVariables(false)' class="flex flex-col gap-2">
+        <form wire:submit='saveVariables(false)' class="flex flex-col gap-2">
             <x-forms.textarea rows=25 class="whitespace-pre-wrap" id="variables"></x-forms.textarea>
             <x-forms.button type="submit" class="btn btn-primary">Save</x-forms.button>
         </form>
         @if ($showPreview)
-            <form wire:submit.prevent='saveVariables(true)' class="flex flex-col gap-2">
+            <form wire:submit='saveVariables(true)' class="flex flex-col gap-2">
                 <x-forms.textarea rows=25 class="whitespace-pre-wrap" label="Preview Environment Variables"
                     id="variablesPreview"></x-forms.textarea>
                 <x-forms.button type="submit" class="btn btn-primary">Save</x-forms.button>

resources/views/livewire/project/shared/environment-variable/show.blade.php

@@ -5,7 +5,8 @@
                     class="font-bold text-warning">({{ $env->key }})</span>?</p>
         </x-slot:modalBody>
     </x-modal>
-    <form wire:submit.prevent='submit' class="flex flex-col gap-2 p-4 m-2 border lg:items-center border-coolgray-300 lg:m-0 lg:p-0 lg:border-0 lg:flex-row">
+    <form wire:submit='submit'
+        class="flex flex-col gap-2 p-4 m-2 border lg:items-center border-coolgray-300 lg:m-0 lg:p-0 lg:border-0 lg:flex-row">
         @if ($isLocked)
             <svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                 <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">

resources/views/livewire/project/shared/execute-container-command.blade.php

@@ -2,6 +2,8 @@
     @if ($type === 'application')
         <h1>Execute Command</h1>
         <livewire:project.application.heading :application="$resource" />
+        <h2 class="pt-4">Command Details</h2>
+        <div class="pb-2">Run any one-shot command inside a container.</div>
     @elseif ($type === 'database')
         <h1>Execute Command</h1>
         <livewire:project.database.heading :database="$resource" />
@@ -9,7 +11,7 @@
         <h2>Execute Command</h2>
     @endif
     @if (count($containers) > 0)
-        <form class="flex flex-col gap-2 pt-4" wire:submit.prevent='runCommand'>
+        <form class="flex flex-col gap-2 pt-4" wire:submit='runCommand'>
             <div class="flex gap-2">
                 <x-forms.input placeholder="ls -l" autofocus id="command" label="Command" required />
                 <x-forms.input id="workDir" label="Working directory" />

resources/views/livewire/project/shared/get-logs.blade.php

@@ -1,6 +1,6 @@
 <div x-init="$wire.getLogs">
     <div class="flex gap-2">
-        <h4>Container: {{$container}}</h4>
+        <h4>Container: {{ $container }}</h4>
         @if ($streamLogs)
             <span wire:poll.2000ms='getLogs(true)' class="loading loading-xs text-warning loading-spinner"></span>
         @endif
@@ -9,7 +9,7 @@
         <x-forms.checkbox instantSave label="Stream Logs" id="streamLogs"></x-forms.checkbox>
         <x-forms.checkbox instantSave label="Include Timestamps" id="showTimeStamps"></x-forms.checkbox>
     </div>
-    <form wire:submit.prevent='getLogs(true)' class="flex items-end gap-2">
+    <form wire:submit='getLogs(true)' class="flex items-end gap-2">
         <x-forms.input label="Only Show Number of Lines" placeholder="1000" required id="numberOfLines"></x-forms.input>
         <x-forms.button type="submit">Refresh</x-forms.button>
     </form>

resources/views/livewire/project/shared/health-checks.blade.php

@@ -1,4 +1,4 @@
-<form wire:submit.prevent='submit' class="flex flex-col">
+<form wire:submit='submit' class="flex flex-col">
     <div class="flex items-center gap-2">
         <h2>Healthchecks</h2>
         <x-forms.button type="submit">Save</x-forms.button>

resources/views/livewire/project/shared/logs.blade.php

@@ -1,4 +1,4 @@
-<x-layout>
+<div>
     @if ($type === 'application')
         <h1>Logs</h1>
         <livewire:project.application.heading :application="$resource" />
@@ -28,8 +28,9 @@
                 </a>
             </div>
             <div class="flex-1 pl-8">
-                <livewire:project.shared.get-logs :server="$server" :resource="$resource" :servicesubtype="$serviceSubType" :container="$container" />
+                <livewire:project.shared.get-logs :server="$server" :resource="$resource" :servicesubtype="$serviceSubType"
+                    :container="$container" />
             </div>
         </div>
     @endif
-</x-layout>
+</div>

resources/views/livewire/project/shared/resource-limits.blade.php

@@ -1,5 +1,5 @@
 <div>
-    <form wire:submit.prevent='submit' class="flex flex-col">
+    <form wire:submit='submit' class="flex flex-col">
         <div class="flex items-center gap-2 ">
             <h2>Resource Limits</h2>
             <x-forms.button type='submit'>Save</x-forms.button>

resources/views/livewire/project/shared/storages/add.blade.php

@@ -1,5 +1,5 @@
 <dialog id="newStorage" class="modal">
-    <form method="dialog" class="flex flex-col gap-2 rounded modal-box" wire:submit.prevent='submit'>
+    <form method="dialog" class="flex flex-col gap-2 rounded modal-box" wire:submit='submit'>
         <h3 class="text-lg font-bold">Add Storage Volume</h3>
         <x-forms.input placeholder="pv-name" id="name" label="Name" required />
         <x-forms.input placeholder="/root" id="host_path" label="Source Path" />

resources/views/livewire/project/shared/storages/all.blade.php

@@ -2,8 +2,8 @@
     <div class="flex flex-col gap-4">
         @foreach ($resource->persistentStorages as $storage)
             @if ($resource->type() === 'service')
-                <livewire:project.shared.storages.show wire:key="storage-{{ $storage->id }}" :storage="$storage" :isFirst="$loop->first"
-                    isReadOnly='true' />
+                <livewire:project.shared.storages.show wire:key="storage-{{ $storage->id }}" :storage="$storage"
+                    :isFirst="$loop->first" isReadOnly='true' />
             @else
                 <livewire:project.shared.storages.show wire:key="storage-{{ $storage->id }}" :storage="$storage" />
             @endif

resources/views/livewire/project/shared/storages/show.blade.php

@@ -7,7 +7,7 @@
         </x-slot:modalBody>
     </x-modal>
 
-    <form wire:submit.prevent='submit' class="flex flex-col gap-2 xl:items-end xl:flex-row">
+    <form wire:submit='submit' class="flex flex-col gap-2 xl:items-end xl:flex-row">
         @if ($isReadOnly)
             @if ($isFirst)
                 <x-forms.input id="storage.name" label="Volume Name" required readonly />

resources/views/livewire/project/shared/webhooks.blade.php

@@ -13,7 +13,7 @@
         <div>
             <h3>Manual Git Webhooks</h3>
             @if ($githubManualWebhook && $gitlabManualWebhook)
-                <form wire:submit.prevent='saveSecret' class="flex flex-col gap-2">
+                <form wire:submit='saveSecret' class="flex flex-col gap-2">
                     <div class="flex items-end gap-2">
                         <x-forms.input helper="Content Type in GitHub configuration could be json or form-urlencoded."
                             readonly label="GitHub" id="githubManualWebhook"></x-forms.input>