summaryrefslogtreecommitdiff
path: root/gae/frontend/src/app/menu/lab/lab.component.ts
blob: bb7543bbb0c7040f6bb5adb4c644ab0b2daee82e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
/**
 * Copyright (C) 2018 The Android Open Source Project
 *
 * Licensed 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 } from '@angular/core';
import { MatSnackBar, MatTableDataSource, PageEvent } from '@angular/material';

import { AppService } from '../../appservice';
import { Host } from '../../model/host';
import { Lab } from '../../model/lab';
import { LabService } from './lab.service';
import { MenuBaseClass } from '../menu_base';

/** Component that handles lab and host menu. */
@Component({
  selector: 'app-lab',
  templateUrl: './lab.component.html',
  providers: [ LabService ],
  styleUrls: ['./lab.component.scss'],
})
export class LabComponent extends MenuBaseClass implements OnInit {
  labColumnTitles = [
    '_index',
    'name',
    'owner',
    'admin',
    'hostCount',
  ];
  hostColumnTitles = [
    '_index',
    'name',
    'hostname',
    'ip',
    'host_equipment',
    'vtslab_version',
  ];
  labCount = -1;
  labPageIndex = 0;

  constructor(private labService: LabService,
              appService: AppService,
              snackBar: MatSnackBar) {
    super(appService, snackBar);
  }

  labDataSource = new MatTableDataSource<Lab>();
  hostDataSource = new MatTableDataSource<Host>();

  ngOnInit(): void {
    // For labs and hosts, it does not use query pagination.
    this.getHosts();
  }

  /** Gets hosts.
   * @param size A number, at most this many results will be returned.
   * @param offset A Number of results to skip.
   */
  getHosts(size = 0, offset = 0) {
    this.loading = true;
    // Labs will not use filter for query.
    const filterJSON = '';
    this.labService.getLabs(size, offset, filterJSON, '', '')
      .subscribe(
        (response) => {
          this.loading = false;
          if (response.labs) {
            this.count = response.labs.length;
            this.hostDataSource.data = response.labs;
            this.setLabs(response.labs);
          }
        },
        (error) => this.showSnackbar(`[${error.status}] ${error.name}`)
      );
  }

  /** Sets labs from given hosts.
   * @param hosts A list of Host instances.
   */
  setLabs(hosts: Host[]) {
    if (hosts == null || hosts.length === 0) { return; }
    const labMap = new Map();
    hosts.forEach(function(host) {
      if (labMap.has(host.name)) {
        labMap.get(host.name).hosts.push(host);
      } else {
        labMap.set(host.name, {name: host.name, owner: host.owner, admin: host.admin, hosts: [host]});
      }
    });
    const labs: Lab[] = [];
    labMap.forEach((value) => labs.push(value));
    this.labDataSource.data = labs;
  }
}