Auth - MC Kit

Core para integrar facilmente Auth en tu plataforma. Incluye paginas de login ya maquetadas.

Table of Contents

• Installation
  • 1. Install MIA Core
  • 1. Install libraries
  • 2. Add Styles
• Use Login Page Layout
  • 1. Create component
  • 1. Install libraries
  • 2. Add Styles

Installation

Use Schematics

ng g @mckit/schematics:add-login-page

1. Install MIA Core

Instalar MIA Core

2. Install libraries

npm install --save @ngx-pwa/local-storage@19 @mckit/auth

Use Login Page Layout

1. Create component

<mc-auth-basic #authComp [config]="config" (submit)="onLogin($event)"></mc-auth-basic>

onLogin(data: MCAuthModel) {
  console.log(data);
}

loadConfig() {
  this.config = new MCAuthBasicConfig();
  this.config.title = 'Inicio de sesión';
  this.config.subtitle = 'Por favor, inicie sesión para continuar';
  this.config.emailPlaceholder = 'Correo electrónico';
  this.config.passwordPlaceholder = 'Contraseña';
  this.config.submitButton = 'Iniciar sesión';
  this.config.resetPassword = '¿Olvidaste tu contraseña?';
  this.config.resetPasswordLink = '/reset-password';
  this.config.register = '¿No tienes una cuenta?';
  this.config.registerLink = '/register';
}