Jonny Barnes
6a0bb623fc
Breaks the table out of the centred content column to full page width via a subgrid on <main> (adds a reusable .full-bleed utility), and reworks the table itself to match a Claude Design mockup: a rounded card wrapper, scope values as pill chips, a dotted status pill, and proportional column widths. Colours use the site's existing --primary-hue/light-dark() tokens so it stays correct in both themes. The card scrolls horizontally on narrow viewports instead of clipping content. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01LHN7V9kyZxrsxaspMSqoGJ
55 lines
2.5 KiB
PHP
55 lines
2.5 KiB
PHP
@extends('master')
|
|
|
|
@section('title')List Tokens « Admin CP « @stop
|
|
|
|
@section('content')
|
|
<h1>Micropub Tokens</h1>
|
|
@if($tokens->isEmpty())
|
|
<p>No tokens have been issued.</p>
|
|
@else
|
|
<div class="full-bleed token-list-wrapper">
|
|
<table class="token-list">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">Client</th>
|
|
<th scope="col">Scope</th>
|
|
<th scope="col">Issued</th>
|
|
<th scope="col">Status</th>
|
|
<th scope="col">Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach($tokens as $token)
|
|
<tr class="{{ $token->isRevoked ? 'is-revoked' : '' }}">
|
|
<td><a href="{{ $token->client_id }}" rel="noopener">{{ $token->client_id }}</a></td>
|
|
<td>
|
|
<span class="scope-chips">
|
|
@foreach(explode(' ', $token->scope) as $scope)
|
|
<span class="scope-chip">{{ $scope }}</span>
|
|
@endforeach
|
|
</span>
|
|
</td>
|
|
<td><time datetime="{{ $token->created_at->toIso8601String() }}" title="{{ $token->created_at }}">{{ $token->created_at->diffForHumans() }}</time></td>
|
|
<td>
|
|
@if($token->isRevoked)
|
|
<span class="badge badge-revoked">Revoked {{ $token->revoked_at->diffForHumans() }}</span>
|
|
@else
|
|
<span class="badge badge-active"><span class="dot"></span>Active</span>
|
|
@endif
|
|
</td>
|
|
<td>
|
|
@unless($token->isRevoked)
|
|
<form action="/admin/tokens/{{ $token->id }}/revoke" method="post" onsubmit="return confirm('Revoke this token? This cannot be undone.')">
|
|
{{ csrf_field() }}
|
|
{{ method_field('PUT') }}
|
|
<button type="submit" class="revoke" name="revoke">Revoke</button>
|
|
</form>
|
|
@endunless
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
@endif
|
|
@stop
|