workplacex-cli/Framework.Cli/Template/Application.Website/src/app/bootstrap-navbar/bootstrap-navbar.component.ts

Create database applications with Angular 11, ASP.NET Core 5.0 and MS-SQL for Linux and Windows.

import { Component, OnInit, Input } from '@angular/core';
import { DataService, CommandJson, Json } from '../data.service';

/* BootstrapNavbar */
@Component({
  selector: '[data-BootstrapNavbar]',
  templateUrl: './bootstrap-navbar.component.html'
})
export class BootstrapNavbarComponent implements OnInit {

  constructor(private dataService: DataService) { }

  ngOnInit(): void {
  }

  @Input() json!: Json

  click(button: any) {
    button.IsShowSpinner = true;
    this.dataService.update(<CommandJson> { CommandEnum: 7, ComponentId: this.json.Id, BootstrapNavbarButtonId: button.Id });
    return false;
  }

  clickHome() {
    this.json.IsShowSpinner = true;
    this.dataService.update(<CommandJson> { CommandEnum: 15, ComponentId: this.json.Id });
    return false;
  }

  trackBy(index: any, item: any) {
    return index; // or item.id
  }  
}