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.pug;fp=otf-frontend%2Fclient%2Fsrc%2Fapp%2Fshared%2Fmodules%2Fcreate-test-head-form%2Fcreate-test-head-form.component.pug;h=8807f2daca96cbdecb49f7b5095bc0ba1cb76ae6;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.pug b/otf-frontend/client/src/app/shared/modules/create-test-head-form/create-test-head-form.component.pug
new file mode 100644
index 0000000..8807f2d
--- /dev/null
+++ b/otf-frontend/client/src/app/shared/modules/create-test-head-form/create-test-head-form.component.pug
@@ -0,0 +1,78 @@
+//-  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.                                             #
+//- #############################################################################
+
+
+form(#testHeadForm="ngForm", style="width:100%")
+  .row
+    .col-sm-6
+      mat-form-field(*ngIf="vth._id")
+        input(matInput, type="text", name="_id", placeholder="Test Head ID", [ngModel]='vth._id', disabled)
+
+      mat-form-field
+        input(matInput, type="text", name="test_head_name", placeholder="Name", [(ngModel)]="vth.testHeadName", required)
+
+      mat-form-field
+        input(matInput, type="text", name="test_head_hostname", placeholder="Hostname", [(ngModel)]="vth.hostname")
+
+      mat-form-field
+        input(matInput, type="text", name="test_head_urlPath", placeholder="Resource Path", [(ngModel)]="vth.resourcePath")
+
+    .col-sm-6
+      mat-form-field
+        input(matInput, name="description", placeholder="Description", [(ngModel)]="vth.testHeadDescription", required)
+
+      mat-form-field
+        input(matInput, type="text", name="test_head_port", placeholder="Port", [(ngModel)]="vth.port")
+
+      .row
+          .col-sm-4
+             mat-checkbox(name="test_head_authorization_enabled", (change)="markAsDirty()", [(ngModel)]="vth.authorizationEnabled") Authorization
+
+          .col-sm-3
+              mat-form-field
+                  input(matInput, type="text", name="test_head_authorization_type", placeholder="Type (ex: ApiKey)", [(ngModel)]="vth.authorizationType")
+
+          .col-sm-5
+              mat-form-field
+                  input(matInput, type="text", autocomplete="off", name="test_head_authorization_credential", placeholder="Password", [(ngModel)]="vth.authorizationCredential")
+
+
+
+          //- mat-form-field
+      //-   mat-select((selectionChange)="markAsDirty()", name="ns", placeholder="User Group", [(value)]="vth.groupId", required)
+      //-     mat-option(*ngFor="let group of groups", value="{{group._id}}") {{ group.groupName }}
+
+    .col-12
+      h5.text-muted vthInputTemplate.yaml
+      input( type="file", id="file", (change)="saveFileContents()")
+      div(style="border: 1px solid lightgrey; font-size: 16px !important")
+        codemirror([config]="codeConfig", [(ngModel)]='vth.vthInputTemplate', name="vthInputTemplate")
+
+  //- .row.mt-3
+  //-   .col
+  //-     h5.text-muted vthOutputTemplate.yaml
+  //-     div(style="border: 1px solid lightgrey; font-size: 16px !important")
+  //-       codemirror([config]="codeConfig", [(ngModel)]='vth.vthOutputTemplate', name="vthOutputTemplate")
+
+
+  .row(style="height:30px")
+  .row.form-buttons
+    .col-12
+      .pull-left
+        .mr-3(mat-button, *ngIf="testHeadForm.form.valid && !testHeadForm.form.dirty && options.goal == 'edit'") saved
+          mat-icon(style="color:green") check
+      .pull-right
+        button.mr-3(mat-raised-button, color="primary", (click)='create()', *ngIf="options.goal == 'create'", [disabled]="!testHeadForm.form.valid") Create
+        button.mr-3(mat-raised-button, color="accent", (click)='update()', *ngIf="options.goal == 'edit'", [disabled]="!testHeadForm.form.valid || !testHeadForm.form.dirty") Update