CODE WITH EDD | PLANTILLA LOGOUT (Componente Angular)

Plantilla reutilizable para generar un componente en Angular para el cierre de la sesión de cualquier proyecto web.

Archivo logout.component.html

<div class="p-grid p-mt-4">
    <div class="p-col-12 p-sm-5">
        <div class="center">
            <img src="../../../../assets/imgs/logout.png" title="Hanbai Pedidos" alt="Hanbai Pedidos">
        </div>
    </div>
    <div class="p-col-12 p-sm-6">
        <br>
        <div><h1>{{company}} <small class="font-18">({{title}})</small></h1></div>
        <div class="">
            <p>Su sesión se ha cerrado correctamente.</p>
            <p>Gracias por usar nuestra aplicación web y esperamos que regrese pronto.</p>
            <p>
                <a class="btn" href="javascript:void(0)" [routerLink]="['/login']" routerLinkActive="router-link-active" title="Iniciar sesión">Iniciar sesión</a>
            </p>
            <hr>
        </div>
    </div>
</div>

Archivo logout.component.ts

import { Component, OnInit } from '@angular/core';
import { CookiesService } from 'src/app/services/ng-global/cookies.service';
import { Global } from 'src/app/services/ng-global/global';

@Component({
  selector: 'app-logout',
  templateUrl: './logout.component.html',
  styleUrls: ['./logout.component.css'],
  providers: [ CookiesService ]
})
export class LogoutComponent implements OnInit {
  public title = '';
  public company = '';

  constructor(private cookie: CookiesService) { }

  ngOnInit(): void {
    this.title = Global.product;
    this.company = Global.company;

    localStorage.clear();
    this.cookie.removeCookies();
  }

}

Se utiliza PrimeNG en el proyecto.

PLANTILLA LOGOUT (Componente Angular)

Edd Lozano

Web | + posts

Full Stack Web Developer && SDK SAPB1 Developer.

Melómano, Gamer (Xbox), Comprador compulsivo de Amazon y Posiblemente con TDAH.