X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?p=it%2Fotf.git;a=blobdiff_plain;f=otf-frontend%2Fclient%2Fsrc%2Fapp%2Flayout%2Fvirtual-test-heads%2Fvirtual-test-heads.component.ts;fp=otf-frontend%2Fclient%2Fsrc%2Fapp%2Flayout%2Fvirtual-test-heads%2Fvirtual-test-heads.component.ts;h=0853862ee512ebc39888de69950f18afb1970b03;hp=0000000000000000000000000000000000000000;hb=14f6f95c84a4a1fa8774190db4a03fd0214ec55f;hpb=f49bd1efeaaddd4891c1f329b18d8cfb28b3e75b

diff --git a/otf-frontend/client/src/app/layout/virtual-test-heads/virtual-test-heads.component.ts b/otf-frontend/client/src/app/layout/virtual-test-heads/virtual-test-heads.component.ts
new file mode 100644
index 0000000..0853862
--- /dev/null
+++ b/otf-frontend/client/src/app/layout/virtual-test-heads/virtual-test-heads.component.ts
@@ -0,0 +1,145 @@
+/*  Copyright (c) 2019 AT&T Intellectual Property.                             #
+#                                                                              #
+#   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, Output, Input, ViewChild, ChangeDetectorRef, OnDestroy } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { AppGlobals } from '../../app.global';
+import { routerTransition } from '../../router.animations';
+import { ListService } from '../../shared/services/list.service';
+import { Router } from '@angular/router';
+import { MatTableDataSource, MatPaginator, MatSort, MatDialog, MatSnackBar } from '@angular/material';
+import { TestHeadService } from '../../shared/services/test-head.service';
+import { TestHeadModalComponent } from '../../shared/modules/test-head-modal/test-head-modal.component';
+import { AlertModalComponent } from '../../shared/modules/alert-modal/alert-modal.component';
+import { AlertSnackbarComponent } from 'app/shared/modules/alert-snackbar/alert-snackbar.component';
+import { GroupService } from 'app/shared/services/group.service';
+import { Subscription } from 'rxjs';
+
+@Component({
+  selector: 'app-virtual-test-heads',
+  templateUrl: './virtual-test-heads.component.pug',
+  providers: [AppGlobals],
+  styleUrls: ['./virtual-test-heads.component.scss'],
+  animations: [routerTransition()]
+})
+export class VirtualTestHeadsComponent implements OnInit, OnDestroy {
+
+  private toDestroy: Array<Subscription> = [];
+  public dataSource;
+  public displayedColumns: string[] = ['name', 'description', 'options'];
+  public resultsLength;
+  public loading = false;
+
+  @ViewChild(MatPaginator) paginator: MatPaginator;
+
+  constructor(private testHead: TestHeadService,
+    private router: Router,
+    private modal: MatDialog,
+    private snack: MatSnackBar,
+    private _groups: GroupService) { }
+
+  applyFilter(filterValue: string) {
+    this.dataSource.filter = filterValue.trim().toLowerCase();
+  }
+
+
+  ngOnInit() {
+    this.setComponentData(this._groups.getGroup());
+    this.toDestroy.push(this._groups.groupChange().subscribe(group => {
+      this.setComponentData(group);
+    }));
+  }
+
+  ngOnDestroy(){
+    this.toDestroy.forEach(e => e.unsubscribe());
+  }
+
+  setComponentData(group) {
+    if(group){
+      
+      this.dataSource = new MatTableDataSource();
+      this.dataSource.paginator = this.paginator;
+
+      this.testHead.find({ $limit: -1, groupId: group['_id'], $sort: { createdAt: -1 } }).subscribe((list) => {
+        this.dataSource.data = list;
+        this.resultsLength = this.dataSource.data.length;
+        this.loading = false;
+      })
+    }
+  }
+
+  createTestHead() {
+    const create = this.modal.open(TestHeadModalComponent, {
+      width: '90%',
+      data: {
+        goal: 'create'
+      }
+    })
+
+    create.afterClosed().subscribe(result => {
+      this.ngOnInit();
+      // this.list.listMap['vth'].currentList.subscribe(x => {
+      //   this.dataSource.data = x;
+      //   this.resultsLength = this.dataSource.data.length;
+      // });
+    });
+  }
+
+
+  editTestHead(th) {
+    const edit = this.modal.open(TestHeadModalComponent, {
+      width: '90%',
+      data: {
+        goal: 'edit',
+        testHead: th
+      }
+    });
+
+    edit.afterClosed().subscribe(result => {
+      this.ngOnInit();
+    });
+  }
+
+  deleteTestHead(th) {
+    const deleter = this.modal.open(AlertModalComponent, {
+      width: '250px',
+      data: {
+        type: 'confirmation',
+        message: 'Are you sure you want to delete ' + th.testHeadName + '? There may be test definitions using this test head.'
+      }
+    });
+
+    deleter.afterClosed().subscribe(result => {
+      if (result) {
+        this.testHead.delete(th._id).subscribe(response => {
+          this.snack.openFromComponent(AlertSnackbarComponent, {
+            duration: 1500,
+            data: {
+              message: 'Test Head Deleted'
+            }
+          });
+
+          this.ngOnInit();
+        });
+      }
+    });
+  }
+
+  navToTestHead(id){
+    this.router.navigate(['/test-heads', id]);
+  }
+
+}