ohayolibs/src/app/shared/components/main-menu/main-menu.component.ts

Ohayo is a set of essential modules for ohayojp.

import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Inject, OnDestroy, OnInit, Output } from '@angular/core';
import { I18NService, MetaService } from '@core';
import { OHAYO_I18N_TOKEN } from '@ohayo/theme';
import { Subject } from 'rxjs';
import { takeUntil } from 'rxjs/operators';

@Component({
  selector: 'main-menu, [main-menu]',
  templateUrl: './main-menu.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class MainMenuComponent implements OnInit, OnDestroy {
  private unsubscribe$ = new Subject<void>();
  count = 0;

  @Output() readonly to = new EventEmitter<string>();

  get menus(): any[] {
    return this.meta.menus!;
  }

  constructor(private meta: MetaService, @Inject(OHAYO_I18N_TOKEN) private i18n: I18NService, private cdr: ChangeDetectorRef) { }

  ngOnInit(): void {
    this.i18n.change.pipe(takeUntil(this.unsubscribe$)).subscribe(() => this.cdr.markForCheck());
    this.count = this.meta.menus?.reduce((p: number, c: any) => (p += c.list.length), 0);
  }

  ngOnDestroy(): void {
    const { unsubscribe$ } = this;
    unsubscribe$.next();
    unsubscribe$.complete();
  }
}