= df3a37d6cb wip: refactor service connection components and add ConnectionProtocol and ConnectionProvider services
- Renamed `ConnectedServicesService` to `ConnectedAppService` and adjusted related factories, DTOs, and forms.
- Introduced `ConnectionProtocolService` and `ConnectionProviderService` for managing protocols and providers.
- Updated Livewire forms to improve validation and allow real-time provider searches.
- Added a `ConnectionStatus` field and related dropdown to service connection forms.
- Enhanced form handling with new services, search functionality, and validation rules.
- Refactored factory and DTO structure for better consistency and modularity.
- Added service layer documentation and streamlined component data mappings.
2026-05-13 13:13:29 +00:00

104 lines
3.2 KiB
PHP

<?php
use App\Livewire\Forms\StoreConnectedAppFrom;
use App\Models\ConnectionProtocol;
use App\Models\ConnectionProvider;
use App\Models\ConnectionStatus;
use App\Services\ConnectionProtocolService;
use App\Services\ConnectionProviderService;
use Illuminate\Database\Eloquent\Collection;
use Livewire\Attributes\Computed;
use Livewire\Component;
use Livewire\Attributes\Title;
new
#[Title('Create a service')]
class extends Component {
public StoreConnectedAppFrom $form;
#[Computed]
public function providers()
{
return ConnectionProvider::query()->get();
}
#[Computed]
public function protocols(): Collection
{
$protocolService = app(ConnectionProtocolService::class);
return $protocolService->getAll()->map(function (ConnectionProtocol $protocol) {
$protocol->name = strtoupper($protocol->name);
return $protocol;
});
}
/**
* @returns Collection<int, ConnectionStatus>
*/
#[Computed]
public function connectionStatuses(): Collection
{
return ConnectionStatus::query()->get()->map(function (ConnectionStatus $status) {
$status->name = ucfirst($status->name);
return $status;
});
}
public function searchProvider(string $name)
{
$providerService = app(ConnectionProviderService::class);
$this->providers = $providerService->search($name);
}
public function save()
{
$this->form->save();
}
};
?>
<div>
<x-shared.card :title="__('Create a service')" class="">
<form wire:submit="save" class="p-4 grid grid-cols-1 gap-4 md:grid-cols-2">
<x-input wire:model.live.blur="form.name" required :label="__('Name')"/>
<x-input wire:model.live.blur="form.logoUrl" :label="__('Logo Link')"/>
<x-choices
required
wire:model.live="form.protocolId"
:label="__('Protocol')"
:single="true"
:options="$this->protocols"
placeholder="Select"
/>
<x-choices required
wire:model.live="form.providerId"
:label="__('Provider')"
placeholder="Search ..."
:single="true"
:options="$this->providers"
searchable
search-function="searchProvider"
debounce="300"
/>
<x-choices
required
wire:model.live="form.statusId"
:label="__('Status')"
:single="true"
:options="$this->connectionStatuses"
placeholder="Select"
/>
<div class="md:col-span-2 flex gap-x-4 font-medium justify-end">
<x-shared.button>Cancel</x-shared.button>
<x-shared.button type="submit">Save & Add Another</x-shared.button>
<x-shared.button type="submit"
class="bg-blue-600 text-blue-50 hover:bg-blue-700 border-blue-600 min-w-20 flex justify-center items-center">
Save
</x-shared.button>
</div>
</form>
</x-shared.card>
</div>