mirror of
https://github.com/vitodeploy/vito.git
synced 2025-07-02 14:36:17 +00:00
Redesign (#124)
- redesign the dashboard - add search bar - Mobile-friendly design
This commit is contained in:
@ -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">
|
||||
|
@ -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
|
||||
|
Reference in New Issue
Block a user