93 lines
2.2 KiB
Vue
93 lines
2.2 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<h3 class="font-semibold text-2xl text-gray-900">Admin settings</h3>
|
||
|
|
<small class="text-gray-600">Manage settings.</small>
|
||
|
|
|
||
|
|
|
||
|
|
<h3 class="mt-3 text-lg font-semibold mb-4">
|
||
|
|
Tools
|
||
|
|
</h3>
|
||
|
|
<div class="flex flex-wrap mb-5">
|
||
|
|
<a href="/stats">
|
||
|
|
<v-button class="mx-1" color="gray" shade="lighter">
|
||
|
|
Stats
|
||
|
|
</v-button>
|
||
|
|
</a>
|
||
|
|
<a href="/horizon">
|
||
|
|
<v-button class="mx-1" color="gray" shade="lighter">
|
||
|
|
Horizon
|
||
|
|
</v-button>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<h3 class="text-lg font-semibold mb-4">
|
||
|
|
Impersonate User
|
||
|
|
</h3>
|
||
|
|
<form @submit.prevent="impersonate" @keydown="form.onKeydown($event)">
|
||
|
|
<!-- Password -->
|
||
|
|
<text-input name="identifier" :form="form" label="Identifier"
|
||
|
|
:required="true" help="User Id, User Email or Form Slug"
|
||
|
|
/>
|
||
|
|
|
||
|
|
<!-- Submit Button -->
|
||
|
|
<v-button :loading="loading" class="mt-4">Impersonate User</v-button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import Form from 'vform'
|
||
|
|
import axios from 'axios'
|
||
|
|
import { useAuthStore } from '../../stores/auth'
|
||
|
|
import { useWorkspacesStore } from '../../stores/workspaces'
|
||
|
|
import SeoMeta from '../../mixins/seo-meta.js'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components: { },
|
||
|
|
middleware: 'admin',
|
||
|
|
scrollToTop: false,
|
||
|
|
mixins: [SeoMeta],
|
||
|
|
|
||
|
|
setup () {
|
||
|
|
const authStore = useAuthStore()
|
||
|
|
const workspacesStore = useWorkspacesStore()
|
||
|
|
return {
|
||
|
|
authStore,
|
||
|
|
workspacesStore
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
data: () => ({
|
||
|
|
metaTitle: 'Admin',
|
||
|
|
form: new Form({
|
||
|
|
identifier: ''
|
||
|
|
}),
|
||
|
|
loading: false
|
||
|
|
}),
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
async impersonate () {
|
||
|
|
this.loading = true
|
||
|
|
this.authStore.startImpersonating()
|
||
|
|
axios.get('/api/admin/impersonate/' + encodeURI(this.form.identifier)).then(async (response) => {
|
||
|
|
this.loading = false
|
||
|
|
|
||
|
|
// Save the token.
|
||
|
|
this.authStore.saveToken(response.data.token, false)
|
||
|
|
|
||
|
|
// Fetch the user.
|
||
|
|
await this.authStore.fetchUser()
|
||
|
|
|
||
|
|
// Redirect to the dashboard.
|
||
|
|
this.workspacesStore.set([])
|
||
|
|
this.$router.push({ name: 'home' })
|
||
|
|
}).catch((error) => {
|
||
|
|
this.alertError(error.response.data.message)
|
||
|
|
this.loading = false
|
||
|
|
})
|
||
|
|
|
||
|
|
// this.form.reset()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|