opnform/resources/js/pages/settings/admin.vue

93 lines
2.2 KiB
Vue
Raw Normal View History

2022-09-20 19:59:52 +00:00
<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">
2022-09-20 19:59:52 +00:00
Tools
</h3>
<div class="flex flex-wrap mb-5">
2022-09-20 19:59:52 +00:00
<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>
2022-09-20 19:59:52 +00:00
</form>
</div>
2022-09-20 19:59:52 +00:00
</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'
2022-09-20 19:59:52 +00:00
export default {
2022-10-17 13:42:04 +00:00
components: { },
2022-09-20 19:59:52 +00:00
middleware: 'admin',
scrollToTop: false,
mixins: [SeoMeta],
2022-09-20 19:59:52 +00:00
setup () {
const authStore = useAuthStore()
const workspacesStore = useWorkspacesStore()
return {
authStore,
workspacesStore
}
},
2022-09-20 19:59:52 +00:00
data: () => ({
metaTitle: 'Admin',
2022-09-20 19:59:52 +00:00
form: new Form({
identifier: ''
}),
loading: false
}),
methods: {
async impersonate () {
this.loading = true
this.authStore.startImpersonating()
2022-09-20 19:59:52 +00:00
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)
2022-09-20 19:59:52 +00:00
// Fetch the user.
await this.authStore.fetchUser()
2022-09-20 19:59:52 +00:00
// Redirect to the dashboard.
this.workspacesStore.set([])
2022-09-20 19:59:52 +00:00
this.$router.push({ name: 'home' })
}).catch((error) => {
this.alertError(error.response.data.message)
this.loading = false
})
// this.form.reset()
}
}
}
</script>