otf-frontend/client/src/app/layout/onboarding/create-test/create-test.component.pug

   1 //-  Copyright (c) 2019 AT&T Intellectual Property.                             #\r
   2 //-                                                                             #\r
   3 //-  Licensed under the Apache License, Version 2.0 (the "License");            #\r
   4 //-  you may not use this file except in compliance with the License.           #\r
   5 //-  You may obtain a copy of the License at                                    #\r
   6 //-                                                                             #\r
   7 //-      http://www.apache.org/licenses/LICENSE-2.0                             #\r
   8 //-                                                                             #\r
   9 //-  Unless required by applicable law or agreed to in writing, software        #\r
  10 //-  distributed under the License is distributed on an "AS IS" BASIS,          #\r
  11 //-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #\r
  12 //-  See the License for the specific language governing permissions and        #\r
  13 //-  limitations under the License.                                             #\r
  14 //- #############################################################################\r
  15 \r
  16 \r
  17 div \r
  18   h2 Onboarding\r
  19   ol.breadcrumb.bg-light\r
  20     li.breadcrumb-item\r
  21       a(href="#") Onboarding\r
  22     li.breadcrumb-item\r
  23       a(href="#") Test Heads\r
  24     li.breadcrumb-item.active Test Definition\r
  25 \r
  26   .row([@routerTransition])\r
  27     .col-12\r
  28       mat-card.mb-5\r
  29         mat-card-header.bg-primary.text-white\r
  30           mat-card-title\r
  31             h4 Create Test Definition\r
  32         mat-card-content\r
  33           app-create-test-form([listKey]="listKey")\r
  34       //.card.border-primary\r
  35         .card-header.bg-primary.text-white.text-center\r
  36           h4 Create New Tests\r
  37         .card-body\r
  38           app-create-test-form\r
  39 \r
  40     //.col-sm-4\r
  41       h4 Saved Tests\r
  42 \r
  43       input.form-control.bg-light.mb-3([(ngModel)]="search.testName", type="text", placeholder="Search...")\r
  44       .list-group\r
  45           a.list-group-item.list-group-item-action(*ngFor="let test of test_list | filterBy: search", style="cursor:pointer")\r
  46             b {{ test.testName }}\r
  47 \r
  48 \r
  49 //div\r
  50   \r
  51 \r
  52   .row\r
  53     .col-sm-10\r
  54       app-page-header([heading]="'Onboarding'", [icon]="'fa-edit'")\r
  55       ol.breadcrumb.bg-light\r
  56         li.breadcrumb-item\r
  57           a(href="#") Onboarding\r
  58         li.breadcrumb-item\r
  59           a(href="#") Test Heads\r
  60         li.breadcrumb-item\r
  61           a(href="#") Test Strategies\r
  62         li.breadcrumb-item.active Create Test\r
  63       \r
  64     //  div\r
  65         div.ps(style="position: relative; max-width: 600px; max-height: 40px;", [perfectScrollbar]="") \r
  66           div hi\r
  67 \r
  68       .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
  69         .col-sm-12\r
  70           div(style="width:100%")\r
  71             div(style="dispaly:inline-block") Test Strategies\r
  72             div(style="display:inline-block") hi\r
  73             //input.form-control.col-sm-2(type="text", style="dispaly:inline-block")\r
  74         .ps(style="position: relative; max-height: 110px", [perfectScrollbar]="config")\r
  75           div.col-sm-12.mb-3(style="white-space: nowrap;")\r
  76             .card.mr-3(*ngFor="let vts of vts_list", style="display:inline-block;border-color: #045C87")\r
  77               .card-header.text-white(style="background:#045C87") {{ vts.test_strategy_name ? vts.test_strategy_name : vts.test_strategy_id }}\r
  78               .card-body\r
  79                 img(src="assets/images/VNFHealth.PNG", style="width:100px")\r
  80   \r
  81     //.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
  82       .ps(style="position: relative;", [perfectScrollbar]="")\r
  83         .card.mb-3.border-primary(*ngFor="let vth of vth_list")\r
  84           .card-header.text-white.bg-primary {{ vth.test_head_name ? vth.test_head_name : vth.test_head_id }}\r
  85           .card-body\r
  86             | {{ vth.description }}\r
  87 \r
  88 .footer.bg-primary\r
  89   .row.p-2\r
  90     .col-sm-12\r
  91      // button(mat-raised-button, color="primary", (click)="back()") Back\r
  92       button.pull-right(mat-raised-button, color="accent", (click)="next()") Next\r