UX: Make the api-keys new and show page a little more responsive (#10629)

This commit is contained in:
Roman Rizzi
2020-09-11 10:38:28 -03:00
committed by GitHub
parent 81395be4c1
commit 636a3be827
3 changed files with 98 additions and 28 deletions
@@ -3,7 +3,7 @@
{{i18n "admin.api.all_api_keys"}}
{{/link-to}}
<div class="api-key">
<div class="api-key api-key-new">
{{#if model.id}}
{{#admin-form-row label="admin.api.key"}}
<div>{{model.key}}</div>
@@ -39,7 +39,7 @@
{{#unless useGlobalKey}}
<div class="scopes-title">{{i18n "admin.api.scopes.title"}}</div>
<p>{{i18n "admin.api.scopes.description"}}</p>
<table class="scopes-table">
<table class="scopes-table grid">
<thead>
<tr>
<td></td>
@@ -50,8 +50,8 @@
</thead>
<tbody>
{{#each-in scopes as |resource actions|}}
<tr>
<td class="scope-resource-name"><b>{{resource}}</b></td>
<tr class="scope-resource-name">
<td><b>{{resource}}</b></td>
<td></td>
<td></td>
<td></td>
@@ -70,9 +70,7 @@
</td>
<td>
{{#each act.params as |p|}}
<div>
{{input maxlength="255" value=(get act p) placeholder=p}}
</div>
{{input maxlength="255" value=(get act p) placeholder=p}}
{{/each}}
</td>
</tr>
@@ -3,7 +3,7 @@
{{i18n "admin.api.all_api_keys"}}
{{/link-to}}
<div class="api-key">
<div class="api-key api-key-show">
{{#admin-form-row label="admin.api.key"}}
{{#if model.revoked_at}}{{d-icon "times-circle"}}{{/if}}
{{model.truncatedKey}}
@@ -57,6 +57,8 @@
{{#admin-form-row label="admin.api.revoked"}}
{{#if model.revoked_at}}
{{format-date model.revoked_at leaveAgo="true"}}
{{else}}
<span>{{i18n "no_value"}}</span>
{{/if}}
<div class="controls">
{{#if model.revoked_at}}
@@ -83,7 +85,7 @@
{{#if model.api_key_scopes.length}}
<div class="scopes-title">{{i18n "admin.api.scopes.title"}}</div>
<table class="scopes-table">
<table class="scopes-table grid">
<thead>
<tr>
<td>{{i18n "admin.api.scopes.resource"}}</td>