import { Component, OnInit } from '@angular/core';
import { SocketService } from './socket.service';
import { Subject } from 'rxjs';
import { AuthService } from './auth/auth.service';
import { eventOfType } from './const';
import { map, startWith } from 'rxjs/operators';

@Component({
  selector: 'dia-man-tools-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit {

  getLogsSubj = new Subject<string>();
  isLogged = this.auth.isLogged;
  clientsCount$ = this.socket.socket.pipe(
    eventOfType('CONNECTED_CLIENTS'),
    map(({ payload }) => payload.length || 0),
    startWith(1)
  );

  constructor(
    private readonly socket: SocketService,
    private readonly auth: AuthService
  ) {
  }

  logout() {
    this.auth.logout();
  }

  ngOnInit(): void {
  }
}