X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?p=it%2Fotf.git;a=blobdiff_plain;f=otf-frontend%2Fclient%2Fsrc%2Fapp%2Fshared%2Fmodules%2Fcreate-test-head-form%2Fcreate-test-head-form.component.ts;fp=otf-frontend%2Fclient%2Fsrc%2Fapp%2Fshared%2Fmodules%2Fcreate-test-head-form%2Fcreate-test-head-form.component.ts;h=4e0f4594a86a0252db0cafe8b1529c101db7d8e9;hp=0000000000000000000000000000000000000000;hb=14f6f95c84a4a1fa8774190db4a03fd0214ec55f;hpb=f49bd1efeaaddd4891c1f329b18d8cfb28b3e75b

diff --git a/otf-frontend/client/src/app/shared/modules/create-test-head-form/create-test-head-form.component.ts b/otf-frontend/client/src/app/shared/modules/create-test-head-form/create-test-head-form.component.ts
new file mode 100644
index 0000000..4e0f459
--- /dev/null
+++ b/otf-frontend/client/src/app/shared/modules/create-test-head-form/create-test-head-form.component.ts
@@ -0,0 +1,170 @@
+/*  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, Input, Output, EventEmitter, ViewChild } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { ListService } from '../../services/list.service';
+import { TestHeadService } from '../../services/test-head.service';
+import { GroupService } from '../../services/group.service';
+import 'codemirror/mode/yaml/yaml.js';
+import { MatSnackBar, MatDialog, MatDialogRef } from '@angular/material';
+import { AlertSnackbarComponent } from '../alert-snackbar/alert-snackbar.component';
+import { AlertModalComponent } from '../alert-modal/alert-modal.component';
+
+
+@Component({
+  selector: 'app-create-test-head-form',
+  templateUrl: './create-test-head-form.component.pug',
+  styleUrls: ['./create-test-head-form.component.scss']
+})
+export class CreateTestHeadFormComponent implements OnInit {
+  yaml;
+
+  private hasPrevCredential;
+
+  public codeConfig = {
+    mode: "yaml",
+    theme: "eclipse",
+    lineNumbers: true
+  };
+
+  @Input() public formData;
+  @Input() public options;
+
+  @Output() public childEvent = new EventEmitter();
+
+  //Virtual Test Head Type Options
+  types = [
+    'Proxy',
+    'Regular',
+    'Script',
+    'Adapter'
+  ]
+
+  //Implementation Language Options
+  langs = [
+    'Java',
+    'Python',
+    'JavaScript/NodeJS'
+  ]
+
+  public vth;
+  public groups;
+
+  @ViewChild('testHeadForm') form: any;
+
+  constructor(public dialogRef: MatDialogRef<CreateTestHeadFormComponent>, private http: HttpClient, private list: ListService, private dialog: MatDialog, private snack: MatSnackBar, private testHead: TestHeadService, private group: GroupService) { }
+
+  ngOnInit() {
+    this.setNew();
+    if(this.formData){
+      this.vth = Object.assign({}, this.formData);
+      if(!this.vth.authorizationCredential){
+          this.vth.authorizationCredential = "";
+          this.hasPrevCredential = false;
+      }
+      else{
+          this.hasPrevCredential = true
+      }
+    }
+  }
+
+  markAsDirty(){
+    this.form.control.markAsDirty();
+  }
+
+  create(){
+
+    this.testHead.create(this.vth)
+    .subscribe((vth) => {
+      //this.list.addElement('vth', vth);
+      this.clear(this.form);
+      this.snack.openFromComponent(AlertSnackbarComponent, {
+        duration: 1500,
+        data: {
+          message:'Test Head Created'
+        }
+      });
+      this.dialogRef.close();
+      //this.dialog.closeAll();
+    }, err => {
+      this.dialog.open(AlertModalComponent, {
+        data: {
+          type: 'alert',
+          message: JSON.stringify(err)
+        },
+        width: '450px'
+      })
+    });
+
+  }
+  //grab file
+  saveFileContents(){
+    this.getFileContents(val => {
+      this.vth.vthInputTemplate = val;
+    });
+  }
+
+  getFileContents(callback) {
+    var val = "x";
+    var fileToLoad = (document.getElementById('file'))['files'][0];
+    var fileReader = new FileReader();
+    if (!fileToLoad) {
+      return null;
+    }
+    fileReader.onload = function (event) {
+      //
+      val = event.target['result'];
+
+      //
+      callback(val);
+    }
+    fileReader.readAsText(fileToLoad);
+  }
+
+  update(){
+    if(!this.hasPrevCredential && this.vth.authorizationCredential == ""){
+          delete this.vth.authorizationCredential;
+    }
+    this.testHead.patch(this.vth)
+    .subscribe((vth) => {
+      // this.list.updateElement('vth', '_id', vth['_id'], vth);
+      this.childEvent.emit();
+        this.snack.openFromComponent(AlertSnackbarComponent, {
+            duration: 1500,
+            data: {
+                message:'Test Head Updated'
+            }
+        });
+        this.dialogRef.close();
+    });
+  }
+
+  clear(form){
+    this.setNew();
+    if(form){
+      form.reset();
+    }
+    this.childEvent.emit();
+  }
+
+  setNew(){
+    this.vth = {};
+    this.vth.vthInputTemplate = '';
+
+    //this.vth.vthOutputTemplate = '';
+  }
+}