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%2Fonboarding%2Ftest-head%2Ftest-head.component.pug;fp=otf-frontend%2Fclient%2Fsrc%2Fapp%2Flayout%2Fonboarding%2Ftest-head%2Ftest-head.component.pug;h=69ef306f753d5b637b16260d8350f92421a4da1a;hp=0000000000000000000000000000000000000000;hb=14f6f95c84a4a1fa8774190db4a03fd0214ec55f;hpb=f49bd1efeaaddd4891c1f329b18d8cfb28b3e75b

diff --git a/otf-frontend/client/src/app/layout/onboarding/test-head/test-head.component.pug b/otf-frontend/client/src/app/layout/onboarding/test-head/test-head.component.pug
new file mode 100644
index 0000000..69ef306
--- /dev/null
+++ b/otf-frontend/client/src/app/layout/onboarding/test-head/test-head.component.pug
@@ -0,0 +1,52 @@
+//-  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.                                             #
+//- #############################################################################
+
+
+div([@routerTransition])
+  app-page-header([heading]="'Onboarding'", [icon]="'fa-edit'")
+  
+  ol.breadcrumb.bg-light
+    li.breadcrumb-item
+      a(href="#") Onboarding
+    li.breadcrumb-item.active Test Heads
+
+
+  .row.mb-5
+    .col-sm-8
+      mat-card
+        mat-card-header.bg-primary.text-white
+          mat-card-title 
+            h4 Create Test Head
+        mat-card-content
+          app-create-test-head-form([options]="createFormOptions")
+      //.card.mb-12.bg-light.border-primary
+        .card-header.bg-primary.text-white.text-center
+          h4 New Virtual Test Head
+        .card-body
+          app-create-test-head-form([options]="createFormOptions")
+
+    .col-sm-4
+      h4 Saved Test Heads
+
+      input.form-control.bg-light.mb-3([(ngModel)]="search.testHeadName", type="text", placeholder="Search...")
+      .list-group
+          a.list-group-item.list-group-item-action((click)="openTestHead(vth)",*ngFor="let vth of vth_list | filterBy: search", style="cursor:pointer")
+            b {{ vth.testHeadName }}
+
+.footer.bg-primary
+  .row.p-2
+    .col-sm-12
+      //button(mat-raised-button, color="primary", (click)="back()") Back
+      //button.pull-right(mat-raised-button, color="accent", (click)="next()") Next