102 lines
2.6 KiB
JavaScript
102 lines
2.6 KiB
JavaScript
|
const m = require('mithril')
|
||
|
const Authentication = require('../authentication')
|
||
|
const Api = require('../api/common')
|
||
|
|
||
|
const Login = {
|
||
|
loading: false,
|
||
|
redirect: '',
|
||
|
error: '',
|
||
|
|
||
|
oninit: function(vnode) {
|
||
|
Login.redirect = vnode.attrs.redirect || ''
|
||
|
if (Authentication.currentUser) return m.route.set('/')
|
||
|
Login.error = ''
|
||
|
|
||
|
this.username = ''
|
||
|
this.password = ''
|
||
|
},
|
||
|
|
||
|
oncreate: function() {
|
||
|
if (Authentication.currentUser) return
|
||
|
},
|
||
|
|
||
|
loginuser: function(vnode, e) {
|
||
|
e.preventDefault()
|
||
|
if (!this.username) {
|
||
|
Login.error = 'Email is missing'
|
||
|
} else if (!this.password) {
|
||
|
Login.error = 'Password is missing'
|
||
|
} else {
|
||
|
Login.error = ''
|
||
|
}
|
||
|
if (Login.error) return
|
||
|
|
||
|
Login.loading = true
|
||
|
|
||
|
Api.sendRequest({
|
||
|
method: 'POST',
|
||
|
url: '/api/authentication/login',
|
||
|
body: {
|
||
|
email: this.username,
|
||
|
password: this.password,
|
||
|
},
|
||
|
})
|
||
|
.then(function(result) {
|
||
|
if (!result.token) {
|
||
|
return Promise.reject(new Error('Server authentication down.'))
|
||
|
}
|
||
|
Authentication.updateToken(result.token)
|
||
|
m.route.set(Login.redirect || '/')
|
||
|
})
|
||
|
.catch(function(error) {
|
||
|
Login.error = 'Error while logging into NFP! ' + error.message
|
||
|
vnode.state.password = ''
|
||
|
})
|
||
|
.then(function () {
|
||
|
Login.loading = false
|
||
|
m.redraw()
|
||
|
})
|
||
|
},
|
||
|
|
||
|
view: function(vnode) {
|
||
|
return [
|
||
|
m('div.login-wrapper', [
|
||
|
m('div.login-icon'),
|
||
|
m('article.login', [
|
||
|
m('header', [
|
||
|
m('h1', 'NFP.moe login'),
|
||
|
]),
|
||
|
m('div.content', [
|
||
|
m('h5', 'Please login to access restricted area'),
|
||
|
Login.error ? m('div.error', Login.error) : null,
|
||
|
Login.loading ? m('div.loading-spinner') : null,
|
||
|
m('form', {
|
||
|
hidden: Login.loading,
|
||
|
onsubmit: this.loginuser.bind(this, vnode),
|
||
|
}, [
|
||
|
m('label', 'Email'),
|
||
|
m('input', {
|
||
|
type: 'text',
|
||
|
value: this.username,
|
||
|
oninput: function(e) { vnode.state.username = e.currentTarget.value },
|
||
|
}),
|
||
|
m('label', 'Password'),
|
||
|
m('input', {
|
||
|
type: 'password',
|
||
|
value: this.password,
|
||
|
oninput: function(e) { vnode.state.password = e.currentTarget.value },
|
||
|
}),
|
||
|
m('input', {
|
||
|
type: 'submit',
|
||
|
value: 'Login',
|
||
|
}),
|
||
|
]),
|
||
|
]),
|
||
|
]),
|
||
|
]),
|
||
|
]
|
||
|
},
|
||
|
}
|
||
|
|
||
|
module.exports = Login
|