kenmirrors/firefly-iii
1
0
Fork 0
mirror of https://github.com/firefly-iii/firefly-iii.git synced 2025-10-31 18:54:58 +00:00
Code Issues Projects Releases Wiki Activity

Match layout to Firefly III

Browse Source
This commit is contained in:
James Cole
2018-02-04 15:58:03 +01:00
parent 31a6565e17
commit ae3b369e9a
3 changed files with 55 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
resources/assets/js/components/passport/AuthorizedClients.vue
View File

@@ -11,41 +11,44 @@
<template>
<div>
<div v-if="tokens.length > 0">
<div class="panel panel-default">
<div class="panel-heading">Authorized Applications</div>
<div class="panel-body">
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">
Authorized Applications
</h3>
</div>
<div class="box-body">
<!-- Authorized Tokens -->
<table class="table table-borderless m-b-none">
<thead>
<tr>
<th>Name</th>
<th>Scopes</th>
<th></th>
</tr>
<tr>
<th>Name</th>
<th>Scopes</th>
<th></th>
</tr>
</thead>
<tbody>
<tr v-for="token in tokens">
<!-- Client Name -->
<td style="vertical-align: middle;">
{{ token.client.name }}
</td>
<tr v-for="token in tokens">
<!-- Client Name -->
<td style="vertical-align: middle;">
{{ token.client.name }}
</td>
<!-- Scopes -->
<td style="vertical-align: middle;">
<!-- Scopes -->
<td style="vertical-align: middle;">
<span v-if="token.scopes.length > 0">
{{ token.scopes.join(', ') }}
</span>
</td>
</td>
<!-- Revoke Button -->
<td style="vertical-align: middle;">
<a class="action-link text-danger" @click="revoke(token)">
Revoke
</a>
</td>
</tr>
<!-- Revoke Button -->
<td style="vertical-align: middle;">
<a class="action-link btn btn-danger btn-xs" @click="revoke(token)">
Revoke
</a>
</td>
</tr>
</tbody>
</table>
</div>
@@ -92,9 +95,9 @@
*/
getTokens() {
axios.get('/oauth/tokens')
.then(response => {
this.tokens = response.data;
});
.then(response => {
this.tokens = response.data;
});
},
/**
@@ -102,9 +105,9 @@
*/
revoke(token) {
axios.delete('/oauth/tokens/' + token.id)
.then(response => {
this.getTokens();
});
.then(response => {
this.getTokens();
});
}
}
}

25
resources/assets/js/components/passport/Clients.vue
View File

@@ -10,20 +10,14 @@
<template>
<div>
<div class="panel panel-default">
<div class="panel-heading">
<div style="display: flex; justify-content: space-between; align-items: center;">
<span>
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">
OAuth Clients
</span>
<a class="action-link" @click="showCreateClientForm">
Create New Client
</a>
</div>
</h3>
</div>
<div class="panel-body">
<div class="box-body">
<!-- Current Clients -->
<p class="m-b-none" v-if="clients.length === 0">
You have not created any OAuth clients.
@@ -59,14 +53,14 @@
<!-- Edit Button -->
<td style="vertical-align: middle;">
<a class="action-link" @click="edit(client)">
<a class="action-link btn btn-default btn-xs" @click="edit(client)">
Edit
</a>
</td>
<!-- Delete Button -->
<td style="vertical-align: middle;">
<a class="action-link text-danger" @click="destroy(client)">
<a class="action-link btn btn-danger btn-xs" @click="destroy(client)">
Delete
</a>
</td>
@@ -74,6 +68,11 @@
</tbody>
</table>
</div>
<div class="box-footer">
<a class="action-link btn btn-success" @click="showCreateClientForm">
Create New Client
</a>
</div>
</div>
<!-- Create Client Modal -->

22
resources/assets/js/components/passport/PersonalAccessTokens.vue
View File

@@ -11,20 +11,13 @@
<template>
<div>
<div>
<div class="panel panel-default">
<div class="panel-heading">
<div style="display: flex; justify-content: space-between; align-items: center;">
<span>
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">
Personal Access Tokens
</span>
<a class="action-link" @click="showCreateTokenForm">
Create New Token
</a>
</div>
</h3>
</div>
<div class="panel-body">
<div class="box-body">
<!-- No Tokens Notice -->
<p class="m-b-none" v-if="tokens.length === 0">
You have not created any personal access tokens.
@@ -56,6 +49,11 @@
</tbody>
</table>
</div>
<div class="box-footer">
<a class="action-link btn btn-success" @click="showCreateTokenForm">
Create New Token
</a>
</div>
</div>
</div>