This commit is contained in:
Andras Bacsai 2023-06-12 13:48:26 +02:00
parent 3476d6087d
commit fa1fca7dbd
3 changed files with 80 additions and 72 deletions

View File

@ -8,7 +8,7 @@
<div {{ $attributes->merge(['class' => 'flex flex-col']) }}> <div {{ $attributes->merge(['class' => 'flex flex-col']) }}>
@if ($label) @if ($label)
<label class="label" for={{ $id }}> <label class="label" for={{ $id }}>
<span class="label-text"> <span class="flex gap-1 label-text">
{{ $label }} {{ $label }}
@if ($required) @if ($required)
<span class="text-warning">*</span> <span class="text-warning">*</span>

View File

@ -3,69 +3,75 @@
<div class="pb-4 text-sm">Deploy any public or private git repositories through a GitHub App.</div> <div class="pb-4 text-sm">Deploy any public or private git repositories through a GitHub App.</div>
@if ($github_apps->count() > 0) @if ($github_apps->count() > 0)
<form class="flex flex-col" wire:submit.prevent='submit'> <form class="flex flex-col" wire:submit.prevent='submit'>
<h3 class="py-2">Select a GitHub App</h3> <div class="flex flex-col gap-2">
@foreach ($github_apps as $ghapp) <h3 class="py-2">Select a GitHub App</h3>
@if ($selected_github_app_id == $ghapp->id) @foreach ($github_apps as $ghapp)
<x-forms.button class="bg-coollabs hover:bg-coollabs-100 h-7" wire:key="{{ $ghapp->id }}" @if ($selected_github_app_id == $ghapp->id)
wire:click.prevent="loadRepositories({{ $ghapp->id }})"> <x-forms.button class="bg-coollabs hover:bg-coollabs-100 h-7" wire:key="{{ $ghapp->id }}"
{{ $ghapp->name }} wire:click.prevent="loadRepositories({{ $ghapp->id }})">
</x-forms.button> {{ $ghapp->name }}
@else </x-forms.button>
<x-forms.button wire:key="{{ $ghapp->id }}" @else
wire:click.prevent="loadRepositories({{ $ghapp->id }})"> <x-forms.button wire:key="{{ $ghapp->id }}"
{{ $ghapp->name }} wire:click.prevent="loadRepositories({{ $ghapp->id }})">
</x-forms.button> {{ $ghapp->name }}
@endif </x-forms.button>
@endforeach @endif
<div class="flex flex-col"> @endforeach
@if ($repositories->count() > 0) <div class="flex flex-col">
<div class="flex items-end gap-2"> @if ($repositories->count() > 0)
<x-forms.select class="w-full" label="Repository URL" helper="{!! __('repository.url') !!}" <div class="flex items-end gap-2">
wire:model.defer="selected_repository_id"> <x-forms.select class="w-full" label="Repository URL" helper="{!! __('repository.url') !!}"
@foreach ($repositories as $repo) wire:model.defer="selected_repository_id">
@if ($loop->first) @foreach ($repositories as $repo)
<option selected value="{{ data_get($repo, 'id') }}">{{ data_get($repo, 'name') }} @if ($loop->first)
</option> <option selected value="{{ data_get($repo, 'id') }}">
@else {{ data_get($repo, 'name') }}
<option value="{{ data_get($repo, 'id') }}">{{ data_get($repo, 'name') }}</option> </option>
@endif @else
@endforeach <option value="{{ data_get($repo, 'id') }}">{{ data_get($repo, 'name') }}
</x-forms.select> </option>
<x-forms.button wire:click.prevent="loadBranches"> Check @endif
repository</x-forms.button> @endforeach
</div> </x-forms.select>
@endif <x-forms.button wire:click.prevent="loadBranches"> Check
</div> repository</x-forms.button>
<div> </div>
@if ($branches->count() > 0) @endif
<div class="flex gap-2"> </div>
<x-forms.select id="selected_branch_name" label="Branch"> <div>
<option value="default" disabled selected>Select a branch</option> @if ($branches->count() > 0)
@foreach ($branches as $branch) <div class="flex items-end gap-2 pb-4">
@if ($loop->first) <x-forms.checkbox instantSave id="is_static" label="Is it a static site?"
<option selected value="{{ data_get($branch, 'name') }}"> helper="If your application is a static site or the final build assets should be served as a static site, enable this." />
{{ data_get($branch, 'name') }} <x-forms.select id="selected_branch_name" label="Branch">
</option> <option value="default" disabled selected>Select a branch</option>
@else @foreach ($branches as $branch)
<option value="{{ data_get($branch, 'name') }}">{{ data_get($branch, 'name') }} @if ($loop->first)
</option> <option selected value="{{ data_get($branch, 'name') }}">
@endif {{ data_get($branch, 'name') }}
@endforeach </option>
</x-forms.select> @else
@if ($is_static) <option value="{{ data_get($branch, 'name') }}">
<x-forms.input class="h-8" id="publish_directory" label="Publish Directory" {{ data_get($branch, 'name') }}
helper="If there is a build process involved (like Svelte, React, Next, etc..), please specify the output directory for the build assets." /> </option>
@else @endif
<x-forms.input class="h-8" type="number" id="port" label="Port" :readonly="$is_static" @endforeach
helper="The port your application listens on." /> </x-forms.select>
@endif @if ($is_static)
</div> <x-forms.input id="publish_directory" label="Publish Directory"
<x-forms.checkbox instantSave id="is_static" label="Is it a static site?" helper="If there is a build process involved (like Svelte, React, Next, etc..), please specify the output directory for the build assets." />
helper="If your application is a static site or the final build assets should be served as a static site, enable this." /> @else
<x-forms.button type="submit"> <x-forms.input type="number" id="port" label="Port" :readonly="$is_static"
Save New Application helper="The port your application listens on." />
</x-forms.button> @endif
@endif </div>
<x-forms.button type="submit">
Save New Application
</x-forms.button>
@endif
</div>
</div> </div>
</form> </form>
@else @else

View File

@ -1,10 +1,10 @@
<div> <div>
<h1>Create a new Application</h1> <h1>Create a new Application</h1>
<div class="pb-4 text-sm">Deploy any public git repositories.</div> <div class="pb-4 text-sm">Deploy any public git repositories.</div>
<form class="flex flex-col gap-2" wire:submit.prevent='submit'> <form class="flex flex-col gap-2" wire:submit.prevent>
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<div class="flex flex-col"> <div class="flex flex-col">
<div class="flex flex-col gap-2"> <div class="flex items-end gap-2">
<x-forms.input wire:keydown.enter='load_branches' id="repository_url" label="Repository URL" <x-forms.input wire:keydown.enter='load_branches' id="repository_url" label="Repository URL"
helper="{!! __('repository.url') !!}" /> helper="{!! __('repository.url') !!}" />
<x-forms.button wire:click.prevent="load_branches"> <x-forms.button wire:click.prevent="load_branches">
@ -12,7 +12,9 @@
</x-forms.button> </x-forms.button>
</div> </div>
@if (count($branches) > 0) @if (count($branches) > 0)
<div class="flex gap-2"> <div class="flex items-end gap-2 pb-4">
<x-forms.checkbox instantSave id="is_static" label="Is it a static site?"
helper="If your application is a static site or the final build assets should be served as a static site, enable this." />
<x-forms.select id="selected_branch" label="Branch"> <x-forms.select id="selected_branch" label="Branch">
<option value="default" disabled selected>Select a branch</option> <option value="default" disabled selected>Select a branch</option>
@foreach ($branches as $branch) @foreach ($branches as $branch)
@ -20,16 +22,16 @@
@endforeach @endforeach
</x-forms.select> </x-forms.select>
@if ($is_static) @if ($is_static)
<x-forms.input class="h-8" id="publish_directory" label="Publish Directory" <x-forms.input id="publish_directory" label="Publish Directory"
helper="If there is a build process involved (like Svelte, React, Next, etc..), please specify the output directory for the build assets." /> helper="If there is a build process involved (like Svelte, React, Next, etc..), please specify the output directory for the build assets." />
@else @else
<x-forms.input class="h-8" type="number" id="port" label="Port" :readonly="$is_static" <x-forms.input type="number" id="port" label="Port" :readonly="$is_static"
helper="The port your application listens on." /> helper="The port your application listens on." />
@endif @endif
</div> </div>
<x-forms.checkbox instantSave id="is_static" label="Is it a static site?"
helper="If your application is a static site or the final build assets should be served as a static site, enable this." /> <x-forms.button wire:click.prevent='submit'>
<x-forms.button type="submit">
Save New Application Save New Application
</x-forms.button> </x-forms.button>
@endif @endif