= 9b6af8135d refactor: remove unused UI components and factories for cleanup
- Deleted obsolete components (`Choices`, `Input`, `ListItem`, `Table`) and trait (`HasAttributeHelpers`) from the `App\View\Components` namespace.
- Removed `ConnectedAppFactory` as it is no longer utilized in the current workflow.
2026-05-16 09:44:54 +00:00

113 lines
3.5 KiB
PHP

<?php
use App\Data\Ui\ManageRoles\{RoleData, ServiceData};
use App\Data\Ui\TableHeader;
use App\Data\Users\UserData;
use App\Enums\RolesStatusEnum;
use Livewire\Component;
use Spatie\LaravelData\Attributes\DataCollectionOf;
use Spatie\LaravelData\DataCollection;
new class extends Component {
#[DataCollectionOf(TableHeader::class)]
public DataCollection $header;
#[DataCollectionOf(class: RoleData::class)]
public DataCollection $roles;
public function mount(): void
{
$this->header = TableHeader::collect([
[
"key" => "name",
"label" => "Role Name",
],
[
"key" => "users",
"label" => "User Assigned",
],
[
"key" => "services",
"label" => "Services",
],
[
"key" => "status",
"label" => "Status",
],
], DataCollection::class);
$this->roles = RoleData::collect(
[
new RoleData(
name: "Super Admin",
users: UserData::collect(
[
new UserData(
name: "Kushal Saha",
email: "kushal@example.com",
),
new UserData(
name: "Test Example",
email: "test@example.com",
),
],
DataCollection::class,
),
services: ServiceData::collect(
[
new ServiceData(name: "Teams"),
new ServiceData(name: "Outlook"),
],
DataCollection::class,
),
status: RolesStatusEnum::Active,
),
],
DataCollection::class,
);
}
};
?>
<div>
<x-shared.card title="Roles" icon="lucide-shield-ellipsis" class="p-0">
<x-slot:actions>
<x-shared.button icon="lucide-plus">
{{ __('Add role') }}
</x-shared.button>
</x-slot:actions>
<x-mary-table :headers="$header->toArray()" :rows="$roles->items()">
@scope('cell_users', $role)
@php /** @var RoleData $role */ @endphp
<div class="flex -space-x-3">
@foreach($role->users as $user)
<x-shared.avatar class="text-blue-800" :placeholder="$user->name"/>
@endforeach
</div>
@endscope
@scope('cell_status', $role)
@php /** @var RoleData $role */ @endphp
<x-shared.badge class="bg-lime-200 text-lime-800 font-bold">
{{ ucfirst($role->status->name) }}
</x-shared.badge>
@endscope
@scope('cell_services', $role)
@php /** @var RoleData $role */ @endphp
@foreach($role->services as $service)
<x-shared.badge class="bg-indigo-200 text-indigo-800 font-bold">
{{$service->name}}
</x-shared.badge>
@endforeach
@endscope
@scope('actions', $role)
<x-shared.button icon="lucide-square-pen"/>
@endscope
</x-mary-table>
</x-shared.card>
</div>