This repo is about a schematic that generates boilerplate code for login, password recovery and password reset.
It provides a straigthforward generation of plain login in angular with all the components and routing needed. There is also the possibility to decide what background color you want for your login page.
⚠️ Be sure to have globally installed the@angular/cli
not higher than version 12 otherwise it gives you the erroNOT SUPPORTED: keyword "id", use "$id" for schema ID : TSLint
😞. If not then
npm i -g @angular/cli@12
When you have the ^@angular/cli@12
installed then
npm install @cardiosmircem/schematics
This is very simple
ng generate @cardiosmircem/schematics:@login --path=<path to where you want the login boilerplate code>
when you succeed the terminal have printed out something like
CREATE src/app/login/new-password-req.dto.ts (90 bytes)
CREATE src/app/login/login-req.dto.ts (73 bytes)
CREATE src/app/login/login.component.html (1526 bytes)
CREATE src/app/login/login.component.scss (332 bytes)
CREATE src/app/login/login.component.ts (911 bytes)
CREATE src/app/login/login.module.ts (1545 bytes)
CREATE src/app/login/login.service.ts (1484 bytes)
CREATE src/app/login/login-new-password/login-new-password.component.html (2565 bytes)
CREATE src/app/login/login-new-password/login-new-password.component.scss (124 bytes)
CREATE src/app/login/login-new-password/login-new-password.component.ts (2059 bytes)
CREATE src/app/login/login-new-password/password-strength.validators.ts (739 bytes)
CREATE src/app/login/login-reset-password/login-reset-password.component.html (1012 bytes)
CREATE src/app/login/login-reset-password/login-reset-password.component.scss (91 bytes)
CREATE src/app/login/login-reset-password/login-reset-password.component.ts (869 bytes)
⚠️ The path has to start with src/app: otherwise the schematic does not find the ngModule and throws an error