misc_pterodactyl-panel/resources/assets/scripts/store/modules/auth.ts

107 lines
3.8 KiB
TypeScript
Raw Normal View History

2018-12-16 23:29:44 +00:00
import User, {UserData} from '../../models/user';
import {ActionContext} from "vuex";
2018-12-17 02:57:34 +00:00
import {AuthenticationState} from "../types";
const route = require('./../../../../../vendor/tightenco/ziggy/src/js/route').default;
2018-12-16 23:29:44 +00:00
type LoginAction = {
user: string,
password: string,
}
type UpdateEmailAction = {
email: string,
password: string,
}
2018-07-15 23:57:00 +00:00
export default {
namespaced: true,
state: {
2018-12-16 23:29:44 +00:00
// @ts-ignore
user: typeof window.PterodactylUser === 'object' ? new User(window.PterodactylUser) : null,
},
getters: {
/**
* Return the currently authenticated user.
*/
2018-12-16 23:29:44 +00:00
getUser: function (state: AuthenticationState): null | User {
return state.user;
2018-06-12 05:36:43 +00:00
},
},
setters: {},
actions: {
2018-06-12 05:36:43 +00:00
/**
* Log a user into the Panel.
*/
2018-12-16 23:29:44 +00:00
login: ({commit}: ActionContext<AuthenticationState, any>, {user, password}: LoginAction): Promise<{
complete: boolean,
intended?: string,
token?: string,
}> => {
return new Promise((resolve, reject) => {
2018-12-16 23:29:44 +00:00
// @ts-ignore
window.axios.post(route('auth.login'), {user, password})
2018-12-16 23:29:44 +00:00
// @ts-ignore
.then(response => {
commit('logout');
// If there is a 302 redirect or some other odd behavior (basically, response that isnt
// in JSON format) throw an error and don't try to continue with the login.
if (!(response.data instanceof Object)) {
return reject(new Error('An error was encountered while processing this request.'));
}
if (response.data.complete) {
commit('login', response.data.user);
return resolve({
complete: true,
intended: response.data.intended,
});
}
return resolve({
complete: false,
token: response.data.login_token,
});
})
.catch(reject);
});
},
2018-06-12 05:36:43 +00:00
/**
* Update a user's email address on the Panel and store the updated result in Vuex.
*/
2018-12-16 23:29:44 +00:00
updateEmail: function ({commit}: ActionContext<AuthenticationState, any>, {email, password}: UpdateEmailAction): Promise<void> {
return new Promise((resolve, reject) => {
2018-12-16 23:29:44 +00:00
// @ts-ignore
window.axios.put(route('api.client.account.update-email'), {email, password})
2018-12-16 23:29:44 +00:00
// @ts-ignore
2018-06-12 05:36:43 +00:00
.then(response => {
// If there is a 302 redirect or some other odd behavior (basically, response that isnt
// in JSON format) throw an error and don't try to continue with the login.
if (!(response.data instanceof Object) && response.status !== 201) {
2018-06-12 05:36:43 +00:00
return reject(new Error('An error was encountered while processing this request.'));
}
commit('setEmail', email);
return resolve();
})
.catch(reject);
2018-06-12 05:36:43 +00:00
});
},
},
mutations: {
2018-12-16 23:29:44 +00:00
setEmail: function (state: AuthenticationState, email: string) {
if (state.user) {
state.user.email = email;
}
2018-06-12 05:36:43 +00:00
},
2018-12-16 23:29:44 +00:00
login: function (state: AuthenticationState, data: UserData) {
state.user = new User(data);
},
2018-12-16 23:29:44 +00:00
logout: function (state: AuthenticationState) {
state.user = null;
},
},
};