1 import { Component, OnInit, ViewChild } from '@angular/core';
3 import { MyserviceService } from './../myservice.service';
4 import { serviceinfo, serviceDetails } from '../datainterface';
6 import {MatTableDataSource} from '@angular/material/table';
7 import { MatPaginator } from '@angular/material/paginator';
10 selector: 'app-services',
11 templateUrl: './services.component.html',
12 styleUrls: ['./services.component.scss']
14 export class ServicesComponent implements OnInit {
16 serviceColumns: string [] = ['serviceName','serviceType','clusterIp','externalIp','ports','age','selector'];
17 serviceDataSource = new MatTableDataSource<serviceinfo>(SERVICE_INFO_LIST);
18 serviceArrayList = [];
19 selectedNamespace: string;
25 servicesInfo = {} as serviceDetails;
28 // {value: 'eliot01', viewValue: 'eliot01'},
29 // {value: 'eliot02', viewValue: 'eliot02'},
30 // {value: 'eliot03', viewValue: 'eliot03'}
35 // nodewise = {} as nodesDropDownDetails;
38 @ViewChild(MatPaginator, {static: true}) paginator: MatPaginator;
40 constructor(private serviceobj:MyserviceService) { }
45 this.serviceDataSource.paginator = this.paginator;
53 console.log("on Node Selection triggered....");
54 console.log(this.selectedNode);
55 this.serviceDataSource.filter = this.selectedNode.trim().toLowerCase();
58 serviceFilter(filterValue: string) {
59 this.serviceDataSource.filter = filterValue.trim().toLowerCase();
63 this.serviceobj.getServicesInfo()
67 this.servicesInfo = data;
68 this.serviceArrayList = this.servicesInfo.eliotServices;
69 this.serviceDataSource = new MatTableDataSource(this.serviceArrayList);
70 this.serviceDataSource.paginator = this.paginator;
71 console.log(this.serviceArrayList);
73 error => console.log(error));
79 // this.serviceobj.getNodesArray()
80 // .subscribe(data => {
83 // this.nodewise = data;
84 // this.nodesArray = this.nodewise.nodesArray;
86 // error => console.log(error));
91 const SERVICE_INFO_LIST: serviceinfo[] = [
92 { serviceName: '', serviceType: '', clusterIp: '', externalIp: '',ports: '', age: '', selector: ''}