isaaccladandCursor
817afb0c2b
Deploy Ladill Servers / deploy (push) Successful in 29s
Add shared btn-primary components and plus icons on create/new actions for a consistent Ladill UI. Co-authored-by: Cursor <cursoragent@cursor.com>
79 lines
4.6 KiB
PHP
79 lines
4.6 KiB
PHP
@extends('layouts.email')
|
|
@section('title', 'Developers — Ladill Email')
|
|
@section('content')
|
|
<div class="mx-auto max-w-3xl">
|
|
<h1 class="text-xl font-semibold tracking-tight text-slate-900">Developers</h1>
|
|
<p class="mt-0.5 text-sm text-slate-500">API tokens to manage your mailboxes programmatically.</p>
|
|
|
|
@if($newToken)
|
|
<div class="mt-6 rounded-2xl border border-emerald-200 bg-emerald-50 p-5">
|
|
<p class="text-sm font-semibold text-emerald-900">Your new token — copy it now</p>
|
|
<p class="mt-1 text-xs text-emerald-700">This is the only time it will be shown.</p>
|
|
<div class="mt-3 flex items-center gap-2" x-data="{ copied: false }">
|
|
<code class="flex-1 truncate rounded-lg bg-white px-3 py-2 font-mono text-xs text-slate-800 ring-1 ring-emerald-200">{{ $newToken }}</code>
|
|
<button @click="navigator.clipboard.writeText('{{ $newToken }}'); copied = true; setTimeout(() => copied = false, 1500)"
|
|
class="rounded-lg bg-emerald-600 px-3 py-2 text-xs font-semibold text-white hover:bg-emerald-700">
|
|
<span x-show="!copied">Copy</span><span x-show="copied" x-cloak>Copied ✓</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
|
|
{{-- Create --}}
|
|
<div class="mt-6 rounded-2xl border border-slate-200 bg-white p-5">
|
|
<h2 class="text-sm font-semibold text-slate-900">Create a token</h2>
|
|
<form method="POST" action="{{ route('account.developers.store') }}" class="mt-4 flex flex-col gap-3 sm:flex-row sm:items-end">
|
|
@csrf
|
|
<div class="flex-1">
|
|
<label class="block text-[11px] font-medium text-slate-500">Token name</label>
|
|
<input type="text" name="name" required placeholder="e.g. CI server"
|
|
class="mt-1 w-full rounded-lg border border-slate-200 bg-slate-50 px-3 py-2 text-sm focus:border-indigo-300 focus:bg-white focus:outline-none focus:ring-2 focus:ring-indigo-100">
|
|
@error('name')<p class="mt-1 text-xs text-rose-600">{{ $message }}</p>@enderror
|
|
</div>
|
|
<button class="btn-primary">Generate token</button>
|
|
</form>
|
|
</div>
|
|
|
|
{{-- Tokens --}}
|
|
<div class="mt-6 rounded-2xl border border-slate-200 bg-white">
|
|
<div class="border-b border-slate-100 px-5 py-3.5"><h2 class="text-sm font-semibold text-slate-900">Your tokens</h2></div>
|
|
@forelse($tokens as $token)
|
|
<div class="flex items-center justify-between px-5 py-3.5 {{ ! $loop->last ? 'border-b border-slate-50' : '' }}">
|
|
<div>
|
|
<p class="text-sm font-medium text-slate-900">{{ $token->name }}</p>
|
|
<p class="text-xs text-slate-400">
|
|
Created {{ $token->created_at->diffForHumans() }} ·
|
|
{{ $token->last_used_at ? 'last used '.$token->last_used_at->diffForHumans() : 'never used' }}
|
|
</p>
|
|
</div>
|
|
<x-confirm-dialog
|
|
:name="'revoke-token-'.$token->id"
|
|
title="Revoke API token?"
|
|
:message="'Revoke '.$token->name.'? Apps using this token will stop working.'"
|
|
:action="route('account.developers.destroy', $token->id)"
|
|
method="DELETE"
|
|
confirm-label="Revoke"
|
|
>
|
|
<x-slot:trigger>
|
|
<button type="button" class="text-xs font-medium text-rose-600 hover:underline">Revoke</button>
|
|
</x-slot:trigger>
|
|
</x-confirm-dialog>
|
|
</div>
|
|
@empty
|
|
<p class="px-5 py-8 text-center text-sm text-slate-400">No tokens yet.</p>
|
|
@endforelse
|
|
</div>
|
|
|
|
{{-- Docs --}}
|
|
<div class="mt-6 rounded-2xl border border-slate-200 bg-slate-900 p-5 text-slate-200">
|
|
<h2 class="text-sm font-semibold text-white">Quick start</h2>
|
|
<p class="mt-1 text-xs text-slate-400">Authenticate with a Bearer token. Base URL:</p>
|
|
<code class="mt-2 block rounded-lg bg-black/40 px-3 py-2 font-mono text-[11px] text-emerald-300">{{ $apiBase }}</code>
|
|
<pre class="mt-3 overflow-x-auto rounded-lg bg-black/40 px-3 py-3 font-mono text-[11px] leading-relaxed text-slate-300"><code>curl {{ $apiBase }}/mailboxes \
|
|
-H "Authorization: Bearer <your-token>" \
|
|
-H "Accept: application/json"</code></pre>
|
|
<p class="mt-3 text-[11px] text-slate-400">Endpoints: <span class="font-mono text-slate-300">GET /me</span>, <span class="font-mono text-slate-300">GET /mailboxes</span>. More coming soon.</p>
|
|
</div>
|
|
</div>
|
|
@endsection
|