service = $service; } public function mount(): void { $this->initTableHeaders(); } private function initTableHeaders(): void { $this->headers = TableHeader::collect([ new TableHeader(key: 'name', label: 'Name',), new TableHeader(key: 'provider', label: 'Provider'), new TableHeader(key: 'protocol', label: 'Protocol'), new TableHeader(key: 'status', label: 'Status'), ], DataCollection::class); } /** * @return PaginatedDataCollection */ #[Computed] public function getConnectedApps(): PaginatedDataCollection { return $this->service->getAll(); } public function edit(int $appId): void { $this->redirectRoute('apps.edit', ['id' => $appId], navigate: true); } public function delete(int $appId): void { $this->attempt( action: fn() => $this->service->delete($appId), successMessage: 'The app has been deleted !' ); } public function createApp(): void { $this->appSelectionForm->validate(); $this->redirectRoute('apps.create', [ 'protocol' => $this->appSelectionForm->connectionProtocol, 'type' => $this->appSelectionForm->applicationType ], navigate: true); } }; ?>

Add App

@scope('cell_protocol', $row) {{$row->protocol->name}} @endscope @scope('cell_status', $row) @endscope @scope('actions', $row)

@endscope

Protocol

Application Type

Choose what type of application you are trying to connect. This helps to properly generate responses.

Cancel

Create