dp-world-side-login

``` <dp-world-side-login [open]="sideLoginOpen" [testUsersList]="testUsersList" [isStaging]="false" (loginClicked)="login($event)" (sideLoginWasClosed)="sideLoginWasClosed()" (signupClicked)="signupClicked()" (forgotPasswor

Usage no npm install needed!

<script type="module">
  import dpWorldSideLogin from 'https://cdn.skypack.dev/dp-world-side-login';
</script>

README

Example Usage

<dp-world-side-login 
    [open]="sideLoginOpen" 
    [testUsersList]="testUsersList" 
    [isStaging]="false"
    (loginClicked)="login($event)" 
    (sideLoginWasClosed)="sideLoginWasClosed()"
    (signupClicked)="signupClicked()"
    (forgotPasswordClicked)="forgotPasswordClicked()"
    [registerLinkOn]='true'
    [forgotLinkOn]='true'
    [loggingIn]='loggingIn'
    [title]=" 'Sign In' "
    [loginFailsBeforeRecaptcha]="2"> 
</dp-world-side-login>

  // test account easy login buttons that will only show in dev
  testUsersList = [
    {
      username: 'jeff@century.com',
      password: 'yep'
      type: 'shipping company',
    },
  ];

  openSideLogin(){
    this.sideLoginOpen=true;
  }

  sideLoginWasClosed(){
    this.sideLoginOpen=false;
  }

  signupClicked(){
    console.log("signupClicked;");
  }

  forgotPasswordClicked(){
    console.log("forgotPasswordClicked");
  }

Code scaffolding

Run ng generate component component-name --project dp-world-side-login to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module --project dp-world-side-login.

Note: Don't forget to add --project dp-world-side-login or else it will be added to the default project in your angular.json file.

Build

Run ng build dp-world-side-login to build the project. The build artifacts will be stored in the dist/ directory.

Publishing

After building your library with ng build dp-world-side-login, go to the dist folder cd dist/dp-world-side-login and run npm publish.

Running unit tests

Run ng test dp-world-side-login to execute the unit tests via Karma.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.