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

diff --git a/otf-frontend/client/src/app/layout/onboarding/onboarding.component.pug b/otf-frontend/client/src/app/layout/onboarding/onboarding.component.pug
new file mode 100644
index 0000000..48d9530
--- /dev/null
+++ b/otf-frontend/client/src/app/layout/onboarding/onboarding.component.pug
@@ -0,0 +1,83 @@
+//-  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.                                             #
+//- #############################################################################
+
+
+router-outlet
+//div([@routerTransition])
+  app-page-header([heading]="'Onboarding'", [icon]="'fa-edit'")
+  .row
+
+    .col-lg-6
+  
+      .card.mb-12
+        .card-header
+          | Virtual Test Heads
+        .card-body
+          .list-group
+            a.list-group-item.list-group-item-action(href="#",*ngFor="let vth of vth_list")
+              b {{ vth.test_head_id }}
+              p {{ vth.description }}
+              a(href="{{ vth.url_path }}") {{ vth.url_path }}
+
+    .col-lg-6
+
+      .card.bg-light.mb-12
+        .card-header
+          | New Virtual Test Head
+        .card-body
+          form(role='form')
+            fieldset.form-group
+              label Test Head ID
+              input.form-control(type="text", )
+              p
+            
+              label Test Head Name
+              input.form-control(type="text", )
+              p
+
+              label Description
+              input.form-control(type="text",)
+              p
+
+              label Test Head Type
+              select.form-control()
+                option Proxy
+                option Regular
+                option Script
+                option Adapter
+              p
+              
+              label Implementation Language
+              select.form-control()
+                option Java
+                option Python
+                option Javascript/NodeJS 
+              p
+              
+              label Base URL
+              input.form-control(type="url")
+              p
+
+              label Request Method
+              input.form-control(type="url")
+              p
+
+              label Creator
+              input.form-control(type="text")
+              p
+
+              button.btn.btn-primary((click)='next($event)') Submit 
+
+ <router-outlet></router-outlet>