import {Component, HostListener, OnInit} from "@angular/core";
import {AbsApp} from "./AbsApp";

@Component({
  selector: 'app-clock-app',
  template: `
    <div mat-dialog-content>
      <div style="display: flex; justify-content: center">
        <p style="font-family: TechMono, sans-serif; font-size: 60px">{{clockTxt}}</p>
      </div>
    </div>
  `
})
export class ClockDialogApp extends AbsApp implements OnInit {
  clockTxt = "";
  inverval:any = null;

  ngOnInit(): void {
    this.genClock();
    if (this.inverval == null)
      this.inverval = setInterval(() => {this.genClock()},1000)
  }

  genClock() {
    this.clockTxt = new Date().toLocaleTimeString();
  }
}