Updated API tokens list to new responsive format

This commit is contained in:
Dan Brown 2022-10-30 15:37:52 +00:00
parent 2c114e1a4a
commit ab184c01d8
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9

View File

@ -1,6 +1,6 @@
<section class="card content-wrap auto-height" id="api_tokens"> <section class="card content-wrap auto-height" id="api_tokens">
<div class="grid half mb-s"> <div class="flex-container-row wrap justify-space-between items-center mb-s">
<div><h2 class="list-heading">{{ trans('settings.users_api_tokens') }}</h2></div> <h2 class="list-heading">{{ trans('settings.users_api_tokens') }}</h2>
<div class="text-right pt-xs"> <div class="text-right pt-xs">
@if(userCan('access-api')) @if(userCan('access-api'))
<a href="{{ url('/api/docs') }}" class="button outline">{{ trans('settings.users_api_tokens_docs') }}</a> <a href="{{ url('/api/docs') }}" class="button outline">{{ trans('settings.users_api_tokens_docs') }}</a>
@ -9,25 +9,25 @@
</div> </div>
</div> </div>
@if (count($user->apiTokens) > 0) @if (count($user->apiTokens) > 0)
<table class="table"> <div class="item-list my-m">
<tr>
<th>{{ trans('common.name') }}</th>
<th>{{ trans('settings.users_api_tokens_expires') }}</th>
<th></th>
</tr>
@foreach($user->apiTokens as $token) @foreach($user->apiTokens as $token)
<tr> <div class="item-list-row flex-container-row items-center wrap py-xs gap-x-m">
<td> <div class="flex px-m py-xs min-width-m">
{{ $token->name }} <br> <a href="{{ $user->getEditUrl('/api-tokens/' . $token->id) }}">{{ $token->name }}</a> <br>
<span class="small text-muted italic">{{ $token->token_id }}</span> <span class="small text-muted italic">{{ $token->token_id }}</span>
</td> </div>
<td>{{ $token->expires_at->format('Y-m-d') ?? '' }}</td> <div class="flex flex-container-row items-center min-width-m">
<td class="text-right"> <div class="flex px-m py-xs text-muted">
<strong class="text-small">{{ trans('settings.users_api_tokens_expires') }}</strong> <br>
{{ $token->expires_at->format('Y-m-d') ?? '' }}
</div>
<div class="flex px-m py-xs text-right">
<a class="button outline small" href="{{ $user->getEditUrl('/api-tokens/' . $token->id) }}">{{ trans('common.edit') }}</a> <a class="button outline small" href="{{ $user->getEditUrl('/api-tokens/' . $token->id) }}">{{ trans('common.edit') }}</a>
</td> </div>
</tr> </div>
</div>
@endforeach @endforeach
</table> </div>
@else @else
<p class="text-muted italic py-m">{{ trans('settings.users_api_tokens_none') }}</p> <p class="text-muted italic py-m">{{ trans('settings.users_api_tokens_none') }}</p>
@endif @endif