42 lines
1.9 KiB
PHP
42 lines
1.9 KiB
PHP
<div>
|
|
<div class="flex items-center gap-2">
|
|
<h1>Environments</h1>
|
|
<x-slide-over>
|
|
<x-slot:title>New Environment</x-slot:title>
|
|
<x-slot:content>
|
|
<livewire:project.add-environment :project="$project" />
|
|
</x-slot:content>
|
|
<button @click="slideOverOpen=true" class="button">+
|
|
Add</button>
|
|
</x-slide-over>
|
|
<livewire:project.delete-project :disabled="$project->resource_count() > 0" :project_id="$project->id" />
|
|
</div>
|
|
<div class="text-xs truncate subtitle lg:text-sm">{{ $project->name }}.</div>
|
|
<div class="grid gap-2 lg:grid-cols-2">
|
|
@forelse ($project->environments as $environment)
|
|
<div class="gap-2 border border-transparent cursor-pointer box group" x-data
|
|
x-on:click="goto('{{ $project->uuid }}','{{ $environment->name }}')">
|
|
<a class="flex flex-col justify-center flex-1 mx-6 hover:no-underline"
|
|
href="{{ route('project.resource.index', [$project->uuid, $environment->name]) }}">
|
|
<div class="font-bold dark:text-white"> {{ $environment->name }}</div>
|
|
<div class="description">
|
|
{{ $environment->description }}</div>
|
|
</a>
|
|
<div class="flex items-center">
|
|
<a class="mx-4 font-bold hover:underline dark:hover:no-underline"
|
|
href="{{ route('project.environment.edit', ['project_uuid' => data_get($project, 'uuid'), 'environment_name' => $environment->name]) }}">
|
|
Settings
|
|
</a>
|
|
</div>
|
|
</div>
|
|
@empty
|
|
<p>No environments found.</p>
|
|
@endforelse
|
|
<script>
|
|
function goto(projectUuid, environmentName) {
|
|
window.location.href = '/project/' + projectUuid + '/' + environmentName;
|
|
}
|
|
</script>
|
|
</div>
|
|
</div>
|