added svcapi ui and camunda code
[it/otf.git] / otf-frontend / client / src / app / layout / onboarding / onboarding.component.pug
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 (file)
index 0000000..48d9530
--- /dev/null
@@ -0,0 +1,83 @@
+//-  Copyright (c) 2019 AT&T Intellectual Property.                             #\r
+//-                                                                             #\r
+//-  Licensed under the Apache License, Version 2.0 (the "License");            #\r
+//-  you may not use this file except in compliance with the License.           #\r
+//-  You may obtain a copy of the License at                                    #\r
+//-                                                                             #\r
+//-      http://www.apache.org/licenses/LICENSE-2.0                             #\r
+//-                                                                             #\r
+//-  Unless required by applicable law or agreed to in writing, software        #\r
+//-  distributed under the License is distributed on an "AS IS" BASIS,          #\r
+//-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #\r
+//-  See the License for the specific language governing permissions and        #\r
+//-  limitations under the License.                                             #\r
+//- #############################################################################\r
+\r
+\r
+router-outlet\r
+//div([@routerTransition])\r
+  app-page-header([heading]="'Onboarding'", [icon]="'fa-edit'")\r
+  .row\r
+\r
+    .col-lg-6\r
+  \r
+      .card.mb-12\r
+        .card-header\r
+          | Virtual Test Heads\r
+        .card-body\r
+          .list-group\r
+            a.list-group-item.list-group-item-action(href="#",*ngFor="let vth of vth_list")\r
+              b {{ vth.test_head_id }}\r
+              p {{ vth.description }}\r
+              a(href="{{ vth.url_path }}") {{ vth.url_path }}\r
+\r
+    .col-lg-6\r
+\r
+      .card.bg-light.mb-12\r
+        .card-header\r
+          | New Virtual Test Head\r
+        .card-body\r
+          form(role='form')\r
+            fieldset.form-group\r
+              label Test Head ID\r
+              input.form-control(type="text", )\r
+              p\r
+            \r
+              label Test Head Name\r
+              input.form-control(type="text", )\r
+              p\r
+\r
+              label Description\r
+              input.form-control(type="text",)\r
+              p\r
+\r
+              label Test Head Type\r
+              select.form-control()\r
+                option Proxy\r
+                option Regular\r
+                option Script\r
+                option Adapter\r
+              p\r
+              \r
+              label Implementation Language\r
+              select.form-control()\r
+                option Java\r
+                option Python\r
+                option Javascript/NodeJS \r
+              p\r
+              \r
+              label Base URL\r
+              input.form-control(type="url")\r
+              p\r
+\r
+              label Request Method\r
+              input.form-control(type="url")\r
+              p\r
+\r
+              label Creator\r
+              input.form-control(type="text")\r
+              p\r
+\r
+              button.btn.btn-primary((click)='next($event)') Submit \r
+\r
+ <router-outlet></router-outlet>\r