harbor/src/ui_ng/src/app/project/list-chart-versions/list-chart-versions.component.ts

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

import { Project } from './../project';
import { SessionUser } from './../../shared/session-user';
import { SessionService } from './../../shared/session.service';
import { RoleMapping } from '../../shared/shared.const';

@Component({
  selector: 'list-chart-version',
  templateUrl: './list-chart-versions.component.html',
  styleUrls: ['./list-chart-versions.component.scss']
})
export class ListChartVersionsComponent implements OnInit {

  loading = false;

  projectId: number;
  projectName: string;
  chartName: string;
  roleName: string;

  hasSignedIn: boolean;
  hasProjectAdminRole: boolean;
  currentUser: SessionUser;

  constructor(
    private route: ActivatedRoute,
    private router: Router,
    private session: SessionService) {}

  ngOnInit() {
    // Get projectId from route params snapshot.
    this.projectId = +this.route.snapshot.params['id'];
    this.chartName = this.route.snapshot.params['chart'];
    // Get current user from registered resolver.
    this.currentUser = this.session.getCurrentUser();
    let resolverData = this.route.snapshot.data;
    if (resolverData) {
      let project = <Project>(resolverData["projectResolver"]);
      this.hasProjectAdminRole = project.has_project_admin_role;
      this.roleName = RoleMapping[project.role_name];
      this.projectName = project.name;
    }
  }

  onVersionClick(version: string) {
    this.router.navigateByUrl(`${this.router.url}/${version}`);
  }

  gotoProjectList() {
    this.router.navigateByUrl('/harbor/projects');
  }

  gotoChartList() {
    this.router.navigateByUrl(`/harbor/projects/${this.projectId}/helm-charts`);
  }

}