mirror of
https://github.com/tiennm99/coolify.git
synced 2026-08-20 06:23:23 +00:00
56 lines
3.2 KiB
PHP
56 lines
3.2 KiB
PHP
<div>
|
|
@can('manageInvitations', currentTeam())
|
|
@if ($invitations->count() > 0)
|
|
<x-application.settings-section title="Pending invitations"
|
|
description="Invitation links that have not been accepted yet." flush>
|
|
<div class="overflow-x-auto">
|
|
<div class="data-table min-w-[760px]">
|
|
<div
|
|
class="data-table-header grid-cols-[minmax(13rem,1.2fr)_7rem_7rem_minmax(15rem,1.5fr)_6rem]">
|
|
<span>Email</span>
|
|
<span>Method</span>
|
|
<span>Role</span>
|
|
<span>Invitation link</span>
|
|
<span class="text-right">Actions</span>
|
|
</div>
|
|
@foreach ($invitations as $invite)
|
|
<div wire:key="team-invitation-{{ $invite->id }}"
|
|
class="data-table-row grid-cols-[minmax(13rem,1.2fr)_7rem_7rem_minmax(15rem,1.5fr)_6rem] border-b border-neutral-200 last:border-b-0 dark:border-white/[0.07]">
|
|
<div class="truncate text-[12px] font-medium text-black dark:text-fg">
|
|
{{ $invite->email }}
|
|
</div>
|
|
<div class="text-[12px] capitalize text-neutral-500 dark:text-fg-dim">
|
|
{{ $invite->via }}
|
|
</div>
|
|
<div class="text-[12px] capitalize text-neutral-500 dark:text-fg-dim">
|
|
{{ $invite->role }}
|
|
</div>
|
|
<div class="flex min-w-0 items-center gap-2">
|
|
<span
|
|
class="min-w-0 truncate font-mono text-[12px] text-neutral-500 dark:text-fg-dim"
|
|
title="{{ $invite->link }}">{{ $invite->link }}</span>
|
|
<button type="button"
|
|
class="button h-7! shrink-0 px-2!"
|
|
title="Copy invitation link"
|
|
aria-label="Copy invitation link"
|
|
x-data
|
|
x-on:click.prevent="window.copyToClipboard(@js($invite->link))">
|
|
<x-reicon name="file-content" class="size-3.5" />
|
|
</button>
|
|
</div>
|
|
<div class="text-right">
|
|
<button type="button"
|
|
class="button h-7! px-2.5! text-[11px]! text-error! hover:text-error!"
|
|
wire:click.prevent="deleteInvitation({{ $invite->id }})">
|
|
Revoke
|
|
</button>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</x-application.settings-section>
|
|
@endif
|
|
@endcan
|
|
</div>
|