Skip to content

Vue plugin for deveo core authentication to be used with laravel api authenticator

License

Notifications You must be signed in to change notification settings

Deveodk/vue-core-authenticator

Repository files navigation

@deveodk/vue-core-authenticator

deveo-core-authenticator

npm vue2

Vue plugin for deveo core authentication

WARNING

This is a very opinonated package. It`s made for use with laravel api authenticator If you try to use your own backend it will require alot of work. This should only be used with Deveo Core authentication packages like the one specified

Installation

import vueCoreAuthenticator from '@deveodk/vue-core-authenticator'
import '@deveodk/vue-core-authenticator/dist/@deveodk/vue-core-authenticator.css'
Vue.use(vueCoreAuthenticator, {
    baseURL: {base url here},
    facebookClientId: {facebookClientId here},
    googleClientId: {googleClientId here}
})

Browser

<!-- Include after Vue -->
<!-- Local files -->
<link rel="stylesheet" href="@deveodk/vue-core-authenticator/@deveodk/dist/vue-core-authenticator.css"></link>
<script src="@deveodk/vue-core-authenticator/@deveodk/dist/vue-core-authenticator.js"></script>

<!-- From CDN -->
<link rel="stylesheet" href="https://unpkg.com/@deveodk/vue-core-authenticator/@deveodk/dist/vue-core-authenticator.css"></link>
<script src="https://unpkg.com/@deveodk/vue-core-authenticator"></script>

USAGE

Login

# Every text can be changed through props.
# This example is in danish
# If you dont specify the props it will use english default

<core-login nextButton="Næste"
                passwordPlaceholder="Adgangskode"
                rememberMeLabel="Husk mig"
                forgotPasswordLabel="Glemt adgangskode"
                magicLinkButton="Send magisk link"
                magicLinkShowLabel="Prøv en ny måde at logge ind"
                magicLinkShowLink="Få link"
                loginFormShowLabel="Brug den gamle metode"
                loginFormShowLink="Gå til login"
                promptLabel="Vælg konto"
                magicLinkInstructions="Åben din inbox og følg instruktionerne i din email"
                accountPromptLabel="Vælg bruger">
    </core-login> 

Password reset

# Every text can be changed through props.
# This example is in danish
# If you dont specify the props it will use english default

<core-reset emailSent="En email er blevet sendt, tryk på linket for at nulstille"
            actionButton="Nulstil"
            resetButton="Nulstil"
            forbinddenText="Forbudt"
            passwordPlaceholder="Ny Adgangskode"
            passwordConfirmationPlaceholder="Gentag adgangskode">
</core-reset>

License

MIT

made with love and cofee

About

Vue plugin for deveo core authentication to be used with laravel api authenticator

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published