helix-front/client/app/instance/instance-detail/instance-detail.component.ts

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';

import { Instance } from '../shared/instance.model';
import { HelperService } from '../../shared/helper.service';
import { InstanceService } from '../shared/instance.service';

@Component({
  selector: 'hi-instance-detail',
  templateUrl: './instance-detail.component.html',
  styleUrls: ['./instance-detail.component.scss'],
  providers: [InstanceService],
})
export class InstanceDetailComponent implements OnInit {
  readonly tabLinks = [
    { label: 'Resources', link: 'resources' },
    { label: 'Configuration', link: 'configs' },
    { label: 'History', link: 'history' },
  ];

  clusterName: string;
  instanceName: string;
  instance: Instance;
  isLoading = true;
  can = false;

  constructor(
    protected route: ActivatedRoute,
    protected router: Router,
    protected service: InstanceService,
    protected helperService: HelperService
  ) {}

  ngOnInit() {
    this.service.can().subscribe((data) => (this.can = data));
    this.clusterName = this.route.snapshot.params.cluster_name;
    this.instanceName = this.route.snapshot.params.instance_name;
    this.loadInstance();
  }

  removeInstance() {
    this.helperService
      .showConfirmation('Are you sure you want to remove this Instance?')
      .then((result) => {
        if (result) {
          this.service
            .remove(this.clusterName, this.instance.name)
            .subscribe((data) => {
              this.helperService.showSnackBar(
                `Instance: ${this.instance.name} removed!`
              );
              this.router.navigate(['..'], { relativeTo: this.route });
            });
        }
      });
  }

  enableInstance() {
    this.service.enable(this.clusterName, this.instance.name).subscribe(
      () => this.loadInstance(),
      (error) => this.helperService.showError(error)
    );
  }

  disableInstance() {
    this.service.disable(this.clusterName, this.instance.name).subscribe(
      () => this.loadInstance(),
      (error) => this.helperService.showError(error)
    );
  }

  protected loadInstance() {
    this.isLoading = true;
    this.service.get(this.clusterName, this.instanceName).subscribe(
      (instance) => (this.instance = instance),
      (error) => this.helperService.showError(error),
      () => (this.isLoading = false)
    );
  }
}