- redesign the dashboard
- add search bar
- Mobile-friendly design
This commit is contained in:
Saeed Vaziry
2024-03-21 15:57:57 +01:00
committed by GitHub
parent 7949165648
commit d3aaf2a6fa
55 changed files with 1175 additions and 1009 deletions

View File

@ -11,45 +11,49 @@
</x-card-header>
<x-live id="live-deployments">
<x-table>
<tr>
<x-th>{{ __("Commit") }}</x-th>
<x-th>{{ __("Date") }}</x-th>
<x-th>{{ __("Status") }}</x-th>
<x-th></x-th>
</tr>
@foreach ($deployments as $deployment)
<tr>
<x-td class="truncate">
<a
href="{{ $deployment->commit_data["url"] }}"
target="_blank"
class="block max-w-[500px] truncate font-semibold text-primary-600"
>
{{ $deployment->commit_data["message"] }}
</a>
</x-td>
<x-td>
<x-datetime :value="$deployment->created_at" />
</x-td>
<x-td>
<div class="inline-flex">
@include("application.partials.deployment-status", ["status" => $deployment->status])
</div>
</x-td>
<x-td>
<x-icon-button
x-on:click="$dispatch('open-modal', 'show-log')"
id="show-log-{{ $deployment->id }}"
hx-get="{{ route('servers.sites.application.deployment.log', ['server' => $server, 'site' => $site, 'deployment' => $deployment]) }}"
hx-target="#show-log-content"
hx-select="#show-log-content"
hx-swap="outerHTML"
>
<x-heroicon name="o-eye" class="h-5 w-5" />
</x-icon-button>
</x-td>
</tr>
@endforeach
<x-thead>
<x-tr>
<x-th>{{ __("Commit") }}</x-th>
<x-th>{{ __("Date") }}</x-th>
<x-th>{{ __("Status") }}</x-th>
<x-th></x-th>
</x-tr>
</x-thead>
<x-tbody>
@foreach ($deployments as $deployment)
<x-tr>
<x-td class="truncate">
<a
href="{{ $deployment->commit_data["url"] }}"
target="_blank"
class="block max-w-[500px] truncate font-semibold text-primary-600"
>
{{ $deployment->commit_data["message"] }}
</a>
</x-td>
<x-td>
<x-datetime :value="$deployment->created_at" />
</x-td>
<x-td>
<div class="inline-flex">
@include("application.partials.deployment-status", ["status" => $deployment->status])
</div>
</x-td>
<x-td>
<x-icon-button
x-on:click="$dispatch('open-modal', 'show-log')"
id="show-log-{{ $deployment->id }}"
hx-get="{{ route('servers.sites.application.deployment.log', ['server' => $server, 'site' => $site, 'deployment' => $deployment]) }}"
hx-target="#show-log-content"
hx-select="#show-log-content"
hx-swap="outerHTML"
>
<x-heroicon name="o-eye" class="h-5 w-5" />
</x-icon-button>
</x-td>
</x-tr>
@endforeach
</x-tbody>
</x-table>
</x-live>
<div class="mt-5">

View File

@ -5,12 +5,12 @@
{{ __("Here you can manage your application") }}
</x-slot>
<x-slot name="aside">
<div class="flex items-center">
<div class="mr-2">
<div class="flex flex-col items-end lg:flex-row lg:items-center">
<div class="mb-2 lg:mb-0 lg:mr-2">
@include("application.deploy")
</div>
@if ($site->source_control_id)
<div class="mr-2">
<div class="mb-2 lg:mb-0 lg:mr-2">
@include("application.auto-deployment")
</div>
@endif