otf-frontend/client/src/app/layout/dashboard/dashboard.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(style="position: relative")\r
  18   .row\r
  19     .col-12\r
  20       .pull-left\r
  21         mat-form-field(style="width:110px")\r
  22           input(matInput, [matDatepicker]="fromPicker", placeholder="From Date", [(ngModel)]="stats.filters.startDate")\r
  23           mat-datepicker-toggle(matSuffix, [for]="fromPicker")\r
  24           mat-datepicker(#fromPicker)\r
  25         mat-form-field.ml-2(style="width:110px")\r
  26           input(matInput, [matDatepicker]="toPicker", placeholder="To Date", [(ngModel)]="stats.filters.endDate")\r
  27           mat-datepicker-toggle(matSuffix, [for]="toPicker")\r
  28           mat-datepicker(#toPicker)\r
  29         button.ml-2(mat-icon-button, (click)="stats.getDefaultData(_groups.getGroup())") \r
  30           mat-icon arrow_forward\r
  31           \r
  32       .pull-right\r
  33         mat-form-field\r
  34           input(matInput, [ngModel]="stats.executionList?.length", placeholder="Total Executions", disabled)\r
  35   //- div\r
  36   //-   button.pull-right(mat-button, (click)="openFilterModal()")\r
  37   //-     mat-icon() filter_list\r
  38   //-     span(style="font-size: 13px") Filter\r
  39 \r
  40   //-   button.pull-right(mat-button, (click)="resetData()")\r
  41   //-     mat-icon() refresh\r
  42   //-     span(style="font-size: 13px") Reset\r
  43 \r
  44   .row\r
  45     .col-12\r
  46       mat-card\r
  47         mat-card-content\r
  48           app-line-chart(height="201px")\r
  49 \r
  50   .row.mt-2\r
  51     .col-lg-5\r
  52       mat-card\r
  53         mat-card-header\r
  54           mat-card-title \r
  55             h5 Test Results\r
  56         mat-card-content\r
  57           app-pie-chart(height="230px")\r
  58     \r
  59     .col-lg-7\r
  60       mat-card\r
  61         mat-card-header\r
  62           mat-card-title \r
  63             h5 Test Definition Usage\r
  64         mat-card-content\r
  65           app-test-definition-executions-bar-chart(height="230px")\r
  66   .row.mt-2\r
  67     \r
  68     .col-lg-7\r
  69       mat-card\r
  70         mat-card-header\r
  71           mat-card-title \r
  72             h5 Virtual Test Head Executions\r
  73         mat-card-content\r
  74           app-test-head-executions-line-chart(height="230px")\r
  75     \r
  76     .col-lg-5\r
  77       mat-card\r
  78         mat-card-header\r
  79           mat-card-title \r
  80             h5 Virtual Test Head Usage & Status Codes\r
  81         mat-card-content\r
  82           app-test-head-execution-bar-chart(height="230px")\r
  83   //- mat-card.w-100\r
  84   //-   mat-card-header\r
  85   //-     mat-card-title(style="font-weight: bold") Selected Definitions: \r
  86   //-       span(style="color: #4F8CA9") {{TD_selectedTDs}}\r
  87 \r
  88   //-   .row.mb-4  \r
  89   //-     .col-md-7\r
  90   //-       app-line-chart(height="380px")\r
  91 \r
  92   //-     .col-md-5\r
  93   //-       app-pie-chart(height="380px")\r
  94 \r
  95   //- mat-card.w-100\r
  96   //-   mat-card-header\r
  97   //-     mat-card-title(style="font-weight: bold") Selected Instances: \r
  98   //-       span(style="color: #4F8CA9") {{TI_selectedTIs}}\r
  99   //-     mat-card-title(style="font-weight: bold") Selected Definitions: \r
 100   //-       span(style="color: #4F8CA9") {{TI_selectedTDs}}\r
 101   //-   .row.mb-4\r
 102   //-     .col-md-7\r
 103   //-       app-multi-line-chart(height="380px")\r
 104   //-     .col-md-5\r
 105   //-       app-horiz-bar-chart(height="380px")\r
 106   \r
 107   //- mat-card.w-100\r
 108   //-   mat-card-header\r
 109   //-     mat-card-title(style="font-weight: bold") Scheduled Tests \r
 110   //-     mat-card-title(style="font-weight: bold") Selected Instances: \r
 111   //-       span(style="color: #4F8CA9") {{sched_selectedTIs}}\r
 112   //-   .row\r
 113   //-     .col-md-4\r
 114   //-       app-schedule\r
 115 \r