--- /dev/null
+//- 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
+div \r
+ h2 Onboarding\r
+ ol.breadcrumb.bg-light\r
+ li.breadcrumb-item\r
+ a(href="#") Onboarding\r
+ li.breadcrumb-item\r
+ a(href="#") Test Heads\r
+ li.breadcrumb-item.active Test Definition\r
+\r
+ .row([@routerTransition])\r
+ .col-12\r
+ mat-card.mb-5\r
+ mat-card-header.bg-primary.text-white\r
+ mat-card-title\r
+ h4 Create Test Definition\r
+ mat-card-content\r
+ app-create-test-form([listKey]="listKey")\r
+ //.card.border-primary\r
+ .card-header.bg-primary.text-white.text-center\r
+ h4 Create New Tests\r
+ .card-body\r
+ app-create-test-form\r
+\r
+ //.col-sm-4\r
+ h4 Saved Tests\r
+\r
+ input.form-control.bg-light.mb-3([(ngModel)]="search.testName", type="text", placeholder="Search...")\r
+ .list-group\r
+ a.list-group-item.list-group-item-action(*ngFor="let test of test_list | filterBy: search", style="cursor:pointer")\r
+ b {{ test.testName }}\r
+\r
+\r
+//div\r
+ \r
+\r
+ .row\r
+ .col-sm-10\r
+ app-page-header([heading]="'Onboarding'", [icon]="'fa-edit'")\r
+ ol.breadcrumb.bg-light\r
+ li.breadcrumb-item\r
+ a(href="#") Onboarding\r
+ li.breadcrumb-item\r
+ a(href="#") Test Heads\r
+ li.breadcrumb-item\r
+ a(href="#") Test Strategies\r
+ li.breadcrumb-item.active Create Test\r
+ \r
+ // div\r
+ div.ps(style="position: relative; max-width: 600px; max-height: 40px;", [perfectScrollbar]="") \r
+ div hi\r
+\r
+ .footer.row.p-2.bg-light([@routerTransition], style="box-shadow:inset 0px 11px 8px -10px #CCC, inset 0px -11px 8px -10px #CCC; bottom:44px", )\r
+ .col-sm-12\r
+ div(style="width:100%")\r
+ div(style="dispaly:inline-block") Test Strategies\r
+ div(style="display:inline-block") hi\r
+ //input.form-control.col-sm-2(type="text", style="dispaly:inline-block")\r
+ .ps(style="position: relative; max-height: 110px", [perfectScrollbar]="config")\r
+ div.col-sm-12.mb-3(style="white-space: nowrap;")\r
+ .card.mr-3(*ngFor="let vts of vts_list", style="display:inline-block;border-color: #045C87")\r
+ .card-header.text-white(style="background:#045C87") {{ vts.test_strategy_name ? vts.test_strategy_name : vts.test_strategy_id }}\r
+ .card-body\r
+ img(src="assets/images/VNFHealth.PNG", style="width:100px")\r
+ \r
+ //.sidebar-right.col-sm-2.bg-light.p-2(style="box-shadow:inset 11px 0px 8px -10px #CCC, inset -11px 0px 8px -10px #CCC;")\r
+ .ps(style="position: relative;", [perfectScrollbar]="")\r
+ .card.mb-3.border-primary(*ngFor="let vth of vth_list")\r
+ .card-header.text-white.bg-primary {{ vth.test_head_name ? vth.test_head_name : vth.test_head_id }}\r
+ .card-body\r
+ | {{ vth.description }}\r
+\r
+.footer.bg-primary\r
+ .row.p-2\r
+ .col-sm-12\r
+ // button(mat-raised-button, color="primary", (click)="back()") Back\r
+ button.pull-right(mat-raised-button, color="accent", (click)="next()") Next\r