FM / passport

/home/techb158/ileadtechnology.com/resources/js/components/passport/

/home/techb158/ileadtechnology.com/resources/js/components/passport

Name	Size	Mode	Actions
AuthorizedClients.vue	3119	0644	edit dl rm
Clients.vue	15641	0644	edit dl rm
PersonalAccessTokens.vue	10545	0644	edit dl rm

Edit: /home/techb158/ileadtechnology.com/resources/js/components/passport/AuthorizedClients.vue (3119B)

<template>
    <div>
        <div v-if="tokens.length > 0">
            <div class="card card-default">
                <div class="card-header">Authorized Applications</div>

<div class="card-body">
                    
                    <table class="table table-responsive table-borderless mb-0">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Scopes</th>
                                <th></th>
                            </tr>
                        </thead>

<tbody>
                            <tr v-for="token in tokens">
                                
                                <td style="vertical-align: middle;">
                                    {{ token.client.name }}
                                </td>

<td style="vertical-align: middle;">
                                    <span v-if="token.scopes.length > 0">
                                        {{ token.scopes.join(', ') }}
                                    </span>
                                </td>

<td style="vertical-align: middle;">
                                    <a class="action-link text-danger" @click="revoke(token)">
                                        Revoke
                                    </a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</template>

/**
         * Prepare the component (Vue 1.x).
         */
        ready() {
            this.prepareComponent();
        },

/**
         * Prepare the component (Vue 2.x).
         */
        mounted() {
            this.prepareComponent();
        },

methods: {
            /**
             * Prepare the component (Vue 2.x).
             */
            prepareComponent() {
                this.getTokens();
            },

/**
             * Get all of the authorized tokens for the user.
             */
            getTokens() {
                axios.get('/oauth/tokens')
                        .then(response => {
                            this.tokens = response.data;
                        });
            },

/**
             * Revoke the given token.
             */
            revoke(token) {
                axios.delete('/oauth/tokens/' + token.id)
                        .then(response => {
                            this.getTokens();
                        });
            }
        }
    }
</script>