Pimp Oauth2 table

Fixes #12302

Signed-off-by: Roeland Jago Douma <roeland@famdouma.nl>
This commit is contained in:
Roeland Jago Douma 2020-08-30 19:58:55 +02:00 committed by Julius Härtl
parent 5fb1d8d3be
commit 5659e69cd8
No known key found for this signature in database
GPG Key ID: 4C614C6ED2CDE6DF
4 changed files with 33 additions and 18 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -28,17 +28,8 @@
<table v-if="clients.length > 0" class="grid">
<thead>
<tr>
<th id="headerName" scope="col">
{{ t('oauth2', 'Name') }}
</th>
<th id="headerRedirectUri" scope="col">
{{ t('oauth2', 'Redirection URI') }}
</th>
<th id="headerClientIdentifier" scope="col">
{{ t('oauth2', 'Client Identifier') }}
</th>
<th id="headerSecret" scope="col">
{{ t('oauth2', 'Secret') }}
<th id="headerContent">
</th>
<th id="headerRemove">
&nbsp;
@ -127,3 +118,8 @@ export default {
},
}
</script>
<style scoped>
table {
max-width: 800px;
}
</style>

View File

@ -21,10 +21,26 @@
-->
<template>
<tr>
<td>{{ name }}</td>
<td>{{ redirectUri }}</td>
<td><code>{{ clientId }}</code></td>
<td><code>{{ renderedSecret }}</code><a class="icon-toggle has-tooltip" :title="t('oauth2', 'Show client secret')" @click="toggleSecret" /></td>
<td>
<table class="inline">
<tr>
<td>{{ t('oauth2', 'Name') }}</td>
<td>{{ name }}</td>
</tr>
<tr>
<td>{{ t('oauth2', 'Redirection URI') }}</td>
<td>{{ redirectUri }}</td>
</tr>
<tr>
<td>{{ t('oauth2', 'Client Identifier') }}</td>
<td><code>{{ clientId }}</code></td>
</tr>
<tr>
<td>{{ t('oauth2', 'Secret') }}</td>
<td><code>{{ renderedSecret }}</code><a class="icon-toggle has-tooltip" :title="t('oauth2', 'Show client secret')" @click="toggleSecret" /></td>
</tr>
</table>
</td>
<td class="action-column">
<span><a class="icon-delete has-tooltip" :title="t('oauth2', 'Delete')" @click="$emit('delete', id)" /></span>
</td>
@ -79,6 +95,9 @@ export default {
td code {
display: inline-block;
vertical-align: middle;
padding: 3px;
}
table.inline td {
border: none;
padding: 5px;
}
</style>