services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.ts

/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

import { Component, OnInit, Output, EventEmitter, OnDestroy } from '@angular/core';
import { ToastrService } from 'ngx-toastr';
import { MatTableDataSource } from '@angular/material';
import { Subscription } from 'rxjs';

import { ProjectDataService } from '../project-data.service';
import { ProjectService } from '../../../core/services';
import { Project } from '../project.component';

@Component({
  selector: 'project-list',
  templateUrl: './project-list.component.html',
  styleUrls: ['./project-list.component.scss']
})
export class ProjectListComponent implements OnInit, OnDestroy {

  displayedColumns: string[] = ['name', 'status', 'endpoints', 'groups', 'actions'];
  dataSource: Project[] | any = [];
  @Output() editItem: EventEmitter<{}> = new EventEmitter();
  @Output() deleteItem: EventEmitter<{}> = new EventEmitter();
  @Output() toggleStatus: EventEmitter<{}> = new EventEmitter();

  private subscriptions: Subscription = new Subscription();

  constructor(
    public toastr: ToastrService,
    private projectDataService: ProjectDataService,
    private projectService: ProjectService
  ) { }


  ngOnInit() {
    this.subscriptions.add(this.projectDataService._projects.subscribe((value: Project[]) => {
      if (value) this.dataSource = new MatTableDataSource(value);
    }));
  }

  ngOnDestroy() {
    this.subscriptions.unsubscribe();
  }

  public toggleProjectStatus(project, action) {
    this.toggleStatus.emit({ project, action });
  }

  public editProject(item: Project[]) {
    this.editItem.emit(item);
  }

  public deleteProject(item: Project[]) {
    this.deleteItem.emit(item);
  }
}