fix: dashboard view if no project found

This commit is contained in:
Andras Bacsai
2024-03-18 14:32:49 +01:00
parent c3da2bfade
commit 8e2ee5e5e4

View File

@@ -15,18 +15,14 @@
subscription is activated.<br> Please be patient.</span> subscription is activated.<br> Please be patient.</span>
</div> </div>
@endif @endif
@if ($projects->count() === 0 && $servers->count() === 0) @if ($servers->count() === 0)
No resources found. Add your first server & private key <a class="text-white underline" No resources found. Add your first server & private key <a class="text-white underline"
href="{{ route('server.create') }}">here</a> or go to the <a class="text-white underline" href="{{ route('onboarding') }}">onboarding page</a>. href="{{ route('server.create') }}">here</a> or go to the <a class="text-white underline"
href="{{ route('onboarding') }}">onboarding page</a>.
@endif @endif
@if ($projects->count() > 0)
<h3 class="pb-4">Projects</h3> <h3 class="pb-4">Projects</h3>
@if ($projects->count() === 1)
<div class="grid grid-cols-1 gap-2">
@else
<div class="grid grid-cols-1 gap-2 xl:grid-cols-2"> <div class="grid grid-cols-1 gap-2 xl:grid-cols-2">
@endif @forelse ($projects as $project)
@foreach ($projects as $project)
<div class="gap-2 border border-transparent cursor-pointer box group"> <div class="gap-2 border border-transparent cursor-pointer box group">
@if (data_get($project, 'environments')->count() === 1) @if (data_get($project, 'environments')->count() === 1)
<a class="flex flex-col flex-1 mx-6 hover:no-underline" <a class="flex flex-col flex-1 mx-6 hover:no-underline"
@@ -61,18 +57,23 @@
</a> </a>
</div> </div>
</div> </div>
@endforeach @empty
<div>
No project found.
<x-forms.button class="btn" onclick="newEmptyProject.showModal()">+ Add</x-forms.button>
<livewire:project.add-empty />
</div>
@endforelse
</div> </div>
@if ($projects->count() > 0)
<h3 class="py-4">Servers</h3> <h3 class="py-4">Servers</h3>
@endif
@if ($servers->count() === 1) @if ($servers->count() === 1)
<div class="grid grid-cols-1 gap-2"> <div class="grid grid-cols-1 gap-2">
@else @else
<div class="grid grid-cols-1 gap-2 xl:grid-cols-2"> <div class="grid grid-cols-1 gap-2 xl:grid-cols-2">
@endif @endif
@foreach ($servers as $server) @foreach ($servers as $server)
<a href="{{ route('server.show', ['server_uuid' => data_get($server, 'uuid')]) }}" @class([ <a href="{{ route('server.show', ['server_uuid' => data_get($server, 'uuid')]) }}"
@class([
'gap-2 border cursor-pointer box group', 'gap-2 border cursor-pointer box group',
'border-transparent' => $server->settings->is_reachable, 'border-transparent' => $server->settings->is_reachable,
'border-red-500' => !$server->settings->is_reachable, 'border-red-500' => !$server->settings->is_reachable,
@@ -98,7 +99,6 @@
<div class="flex-1"></div> <div class="flex-1"></div>
</a> </a>
@endforeach @endforeach
</div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<h3 class="py-4">Deployments</h3> <h3 class="py-4">Deployments</h3>
@@ -138,7 +138,8 @@
<div>No deployments running.</div> <div>No deployments running.</div>
@endforelse @endforelse
</div> </div>
@endif
<script> <script>
function gotoProject(uuid, environment = 'production') { function gotoProject(uuid, environment = 'production') {
window.location.href = '/project/' + uuid + '/' + environment; window.location.href = '/project/' + uuid + '/' + environment;