51 lines
1.5 KiB
Vue
51 lines
1.5 KiB
Vue
<template lang="pug">
|
|
.login(:class='{ "is-error": error }')
|
|
.login-container(:class='{ "is-expanded": strategies.length > 1 }')
|
|
.login-error(v-if='error')
|
|
strong
|
|
i.icon-warning-outline
|
|
| {{ error.title }}
|
|
span {{ error.message }}
|
|
.login-providers(v-show='strategies.length > 1')
|
|
button.is-active(:title='$t("auth:providers.local")')
|
|
i.nc-icon-outline.ui-1_database
|
|
span {{ $t('auth:providers.local') }}
|
|
button(v-for='strategy in strategies', @onclick='selectProvider(strategy.key, strategy.useForm)', :title='strategy.title')
|
|
//-!= strategy.icon
|
|
span {{ strategy.title }}
|
|
.login-frame
|
|
h1 {{ siteTitle }}
|
|
h2 {{ $t('auth:loginrequired') }}
|
|
form(method='post', action='/login')
|
|
input#login-user(type='text', name='email', :placeholder='$t("auth:fields.emailuser")')
|
|
input#login-pass(type='password', name='password', :placeholder='$t("auth:fields.password")')
|
|
button.button.is-light-blue.is-fullwidth(type='submit')
|
|
span {{ $t('auth:actions.login') }}
|
|
.login-copyright
|
|
span {{ $t('footer.poweredby') }}
|
|
a(href='https://wiki.js.org', rel='external', title='Wiki.js') Wiki.js
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'login',
|
|
data() {
|
|
return {
|
|
error: false,
|
|
strategies: []
|
|
}
|
|
},
|
|
computed: {
|
|
siteTitle() {
|
|
return siteConfig.title
|
|
}
|
|
}
|
|
methods: {
|
|
selectProvider(key, useForm) {
|
|
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|