login-dialog.component.ts

import {Component, NgZone, OnInit} from '@angular/core';
import {MatDialog, MatDialogConfig} from "@angular/material";
import {LoginComponent} from "../login-component/login.component";
import {Router} from "@angular/router";

@Component({
  selector: 'moya-login-dialog',
  templateUrl: './login-dialog.component.html',
  styleUrls: ['./login-dialog.component.css']
})
export class LoginDialogComponent implements OnInit {

  constructor(private router: Router, private dialog: MatDialog) { }

  ngOnInit() {
  }

  openLoginDialog(): void  {

    let conf = new MatDialogConfig();

    conf.autoFocus = true;
    /*conf.height = "800px";
    conf.width = "500px";*/

    let dialogRef = this.dialog.open(LoginComponent, conf);

    dialogRef.componentInstance.loginEvent.subscribe((success) => {
      if(success) {
        dialogRef.close();
      } else {
        dialogRef.close();
        this.router.navigateByUrl("/login");
      }
    });
  }

}