Configuración en firebase para permisos de registro de usuarios finalizada

Author: alvaro-barrera

src/app/app-routing.module.ts

@@ -7,11 +7,12 @@ import { NotFoundComponent } from './components/not-found/not-found.component';
 import { RegisterComponent } from './components/register/register.component';
 import { SettingComponent } from './components/setting/setting.component';
 import { AuthGuard } from './guards/auth.guard';
+import { SettingGuard } from './guards/setting.guard';
 
 const routes: Routes = [
   {path: "", component: BoardComponent, canActivate: [AuthGuard]},
   {path: "login", component: LoginComponent},
-  {path: "register", component: RegisterComponent},
+  {path: "register", component: RegisterComponent,canActivate: [SettingGuard]},
   {path: "setting", component: SettingComponent,canActivate: [AuthGuard]},
   {path: "client/:id", component: ClientEditComponent,canActivate: [AuthGuard]},
   {path: "**", component: NotFoundComponent},

src/app/app.module.ts

@@ -23,6 +23,7 @@ import { FormsModule } from '@angular/forms';
 import { LoginService } from './services/login.service';
 import { AuthGuard } from './guards/auth.guard';
 import { SettingService } from './services/setting.service';
+import { SettingGuard } from './guards/setting.guard';
 
 @NgModule({
   declarations: [
@@ -46,7 +47,7 @@ import { SettingService } from './services/setting.service';
     FormsModule,
   ],
   providers: [
-    ClientService, LoginService, AuthGuard,
+    ClientService, LoginService, AuthGuard, SettingGuard,
     SettingService,
     {provide: SETTINGS, useValue:{}}
   ],

src/app/components/board/board.component.html

@@ -1,4 +1,4 @@
-<header class="py-2 bg-info text-white">
+<header class="py-2 bg-navbar text-white">
   <div class="container">
     <div class="row">
       <div class="col-md-6">

src/app/components/clients/clients.component.html

@@ -94,7 +94,7 @@ <h4 class="display-4">
 >
   <div class="modal-dialog modal-lg">
     <div class="modal-content">
-      <div class="modal-header bg-info text-white">
+      <div class="modal-header bg-navbar text-white">
         <h5 class="modal-title">{{ titleModal }}</h5>
         <button
           type="button"

src/app/components/footer/footer.component.html

@@ -1,9 +1,9 @@
-<footer class="bg-warning text-white mt-5 pt-5">
+<footer class="bg-footer mt-5 pt-5 footer">
   <div class="container">
     <div class="row">
       <div class="col">
         <p class="lead text-center">
-          Copyright &copy; Álvaro Barrera 
+          Copyright &copy; <a class="fw-bolder text-wrap text-dark" href="http://alvaro-barrera.github.io/" target="_blank">Álvaro Barrera</a>
         </p>
       </div>
     </div>

src/app/components/header/header.component.html

@@ -36,7 +36,7 @@
             <i class="fas fa-user"></i> Login
           </a>
         </li>
-        <li *ngIf="!isLoggedIn" class="nav-item">
+        <li *ngIf="!isLoggedIn && registerPermission" class="nav-item">
           <a routerLink="/register" class="nav-link"
           routerLinkActive="router-link-active">
             <i class="fas fa-user"></i> Registrarme

src/app/components/header/header.component.ts

@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router';
 import { LoginService } from 'src/app/services/login.service';
+import { SettingService } from 'src/app/services/setting.service';
 
 @Component({
   selector: 'app-header',
@@ -10,10 +11,12 @@ import { LoginService } from 'src/app/services/login.service';
 export class HeaderComponent implements OnInit {
   isLoggedIn: boolean;
   loggedInUser: string | null;
+  registerPermission: boolean | undefined;
 
   constructor(
     private loginService: LoginService,
-    private router: Router
+    private router: Router,
+    private settingService: SettingService
   ) { }
 
   ngOnInit(): void {
@@ -26,6 +29,13 @@ export class HeaderComponent implements OnInit {
         this.isLoggedIn = false;
       }
     });
+
+    this.settingService.getsetting()
+    .subscribe(setting =>{
+      if (setting != undefined) {
+        this.registerPermission = setting.registerPermission;
+      }
+    })
   }
   logout(){
     this.loginService.logout();

src/app/components/login/login.component.html

@@ -1,4 +1,4 @@
-<header class="py-2 bg-info text-white">
+<header class="py-2 bg-navbar text-white">
   <div class="container">
     <div class="col-md-6">
       <h1><i class="fas fa-user"></i> Login</h1>

src/app/components/register/register.component.html

@@ -1,4 +1,4 @@
-<header class="py-2 bg-info text-white">
+<header class="py-2 bg-navbar text-white">
   <div class="container">
     <div class="col-md-6">
       <h1><i class="fas fa-user"></i> Registrarme</h1>

src/app/components/setting/setting.component.html

@@ -1,4 +1,4 @@
-<header class="py-2 bg-info text-white">
+<header class="py-2 bg-navbar text-white">
   <div class="container">
     <div class="col-md-6">
       <h1><i class="fas fa-user"></i> Configuración</h1>