Get-Net SignIn Widget

This library gives you a customizable login widget, that can be used to authenticate users on your web application

Get started

To use this library you need to do the following steps:

1. Visit our kyc service
2. Create your own application
3. Provide redirect uri, its the base url of your app, where widget is gona be used
4. After app is created you can click on edit icon add see a client ID, it will be needed later

Installation

Using npm:

    npm install gtn-signin-widget

Import the module

    // ES module
    import { SignInGTN } from 'gtn-signin-widget'
    const widget = new SignInGTN({
        // config
    })

Using unpkg

    <script src="https://unpkg.com/gtn-signin-widget@latest/public/build/bundle.js"></script>

Instance of SignInGTN avaliable globally

    const widget = new SignInGTN({
        // config
    })

Usage

You must provide configuration object and callbacks to SignInGTN instance:

    let widgetConfig = {
        client_uid: "your client id",
        appearance: {
            logo: {
                src: "https://www.get-net.ru/img/logo.png",
                width: "400px"
            },
            signInFormText: "Get-Net Sign in",
            signUpFormText: "Get-Net Sign Up",
            width: "500px" //total widget width
        },
        lang: "en", //or ru
        features: {
            registration: true, //registration feature is optional
            rememberMe : true   //remember me feature is optional
        }
    }

    const successCallback = function() {
        //your success logic goes here
    }
    const errorCallback = function(error) {
        //your error logic goes here
    }
    const widget = new SignInGTN(widgetConfig, successCallback, errorCallback)

To render widget use renderEl function of created instance:

    const widget = new SignInGTN(widgetConfig, scal, ercal)

    widget.renderEl("app") //optional id

Widget will be rendered inside the html element with id="app"

Get Token

    const token = widget.getToken()

Get UserInfo

    const userInfo = widget.getUserInfo()

Logout

    widget.logout()

Check User unfo

    const token_valid = await widget.checkTokenValid()

You can acces widget globally trough window object

    let widget = window.$gtn_widget

Styling

Apply default style for widget: using npm:

    import 'gtn-signin-widget/public/build/bundle.css'

using unpkg:

    <link rel="stylesheet" href="https://unpkg.com/gtn-signin-widget@latest/public/build/bundle.css"

Override default styles

All ui elements of widget are inherited from gtn-widget-wrapper class

input elements have widget-input class

For more detail information watch repository