74 lines
		
	
	
		
			3.0 KiB
		
	
	
	
		
			PHP
		
	
	
	
	
	
			
		
		
	
	
			74 lines
		
	
	
		
			3.0 KiB
		
	
	
	
		
			PHP
		
	
	
	
	
	
<div>
 | 
						|
    <x-slot:title>
 | 
						|
        API Tokens | Coolify
 | 
						|
    </x-slot>
 | 
						|
    <x-security.navbar />
 | 
						|
    <div class="pb-4 ">
 | 
						|
        <h2>API Tokens</h2>
 | 
						|
        <div>Tokens are created with the current team as scope. You will only have access to this team's resources.
 | 
						|
        </div>
 | 
						|
    </div>
 | 
						|
    <h3>New Token</h3>
 | 
						|
    <form class="flex flex-col gap-2 pt-4" wire:submit='addNewToken'>
 | 
						|
        <div class="flex items-end gap-2">
 | 
						|
            <x-forms.input required id="description" label="Description" />
 | 
						|
            <x-forms.button type="submit">Create New Token</x-forms.button>
 | 
						|
        </div>
 | 
						|
        <div class="flex">
 | 
						|
            Permissions <x-helper class="px-1" helper="These permissions will be granted to the token." /><span
 | 
						|
                class="pr-1">:</span>
 | 
						|
            <div class="flex gap-1 font-bold dark:text-white">
 | 
						|
                @if ($permissions)
 | 
						|
                    @foreach ($permissions as $permission)
 | 
						|
                        @if ($permission === '*')
 | 
						|
                            <div>All (root/admin access), be careful!</div>
 | 
						|
                        @else
 | 
						|
                            <div>{{ $permission }}</div>
 | 
						|
                        @endif
 | 
						|
                    @endforeach
 | 
						|
                @endif
 | 
						|
            </div>
 | 
						|
        </div>
 | 
						|
        <h4>Token Permissions</h4>
 | 
						|
        <div class="w-64">
 | 
						|
            <x-forms.checkbox label="Read-only" wire:model.live="readOnly"></x-forms.checkbox>
 | 
						|
            <x-forms.checkbox label="View Sensitive Data" wire:model.live="viewSensitiveData"></x-forms.checkbox>
 | 
						|
        </div>
 | 
						|
    </form>
 | 
						|
    @if (session()->has('token'))
 | 
						|
        <div class="py-4 font-bold dark:text-warning">Please copy this token now. For your security, it won't be shown
 | 
						|
            again.
 | 
						|
        </div>
 | 
						|
        <div class="pb-4 font-bold dark:text-white"> {{ session('token') }}</div>
 | 
						|
    @endif
 | 
						|
    <h3 class="py-4">Issued Tokens</h3>
 | 
						|
    <div class="grid gap-2 lg:grid-cols-1">
 | 
						|
        @forelse ($tokens as $token)
 | 
						|
            <div class="flex flex-col gap-1 p-2 border dark:border-coolgray-200 hover:no-underline">
 | 
						|
                <div>Description: {{ $token->name }}</div>
 | 
						|
                <div>Last used: {{ $token->last_used_at ? $token->last_used_at->diffForHumans() : 'Never' }}</div>
 | 
						|
                <div class="flex gap-1">
 | 
						|
                    @if ($token->abilities)
 | 
						|
                        Abilities:
 | 
						|
                        @foreach ($token->abilities as $ability)
 | 
						|
                            <div class="font-bold dark:text-white">{{ $ability }}</div>
 | 
						|
                        @endforeach
 | 
						|
                    @endif
 | 
						|
                </div>
 | 
						|
 | 
						|
                <x-modal-confirmation isErrorButton action="revoke({{ data_get($token, 'id') }})">
 | 
						|
                    <x-slot:button-title>
 | 
						|
                        Revoke token
 | 
						|
                    </x-slot:button-title>
 | 
						|
                    This API Token will be deleted and anything using it will fail. <br>Please think again.
 | 
						|
                </x-modal-confirmation>
 | 
						|
            </div>
 | 
						|
        @empty
 | 
						|
            <div>
 | 
						|
                <div>No API tokens found.</div>
 | 
						|
            </div>
 | 
						|
        @endforelse
 | 
						|
    </div>
 | 
						|
 | 
						|
</div>
 |