added svcapi ui and camunda code

[it/otf.git] / otf-frontend / client / src / app / layout / dashboard / dashboard.component.pug

diff --git a/otf-frontend/client/src/app/layout/dashboard/dashboard.component.pug b/otf-frontend/client/src/app/layout/dashboard/dashboard.component.pug
new file mode 100644 (file)
index 0000000..a823e68
--- /dev/null
+++ b/otf-frontend/client/src/app/layout/dashboard/dashboard.component.pug
@@ -0,0 +1,115 @@
+//-  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(style="position: relative")\r
+  .row\r
+    .col-12\r
+      .pull-left\r
+        mat-form-field(style="width:110px")\r
+          input(matInput, [matDatepicker]="fromPicker", placeholder="From Date", [(ngModel)]="stats.filters.startDate")\r
+          mat-datepicker-toggle(matSuffix, [for]="fromPicker")\r
+          mat-datepicker(#fromPicker)\r
+        mat-form-field.ml-2(style="width:110px")\r
+          input(matInput, [matDatepicker]="toPicker", placeholder="To Date", [(ngModel)]="stats.filters.endDate")\r
+          mat-datepicker-toggle(matSuffix, [for]="toPicker")\r
+          mat-datepicker(#toPicker)\r
+        button.ml-2(mat-icon-button, (click)="stats.getDefaultData(_groups.getGroup())") \r
+          mat-icon arrow_forward\r
+          \r
+      .pull-right\r
+        mat-form-field\r
+          input(matInput, [ngModel]="stats.executionList?.length", placeholder="Total Executions", disabled)\r
+  //- div\r
+  //-   button.pull-right(mat-button, (click)="openFilterModal()")\r
+  //-     mat-icon() filter_list\r
+  //-     span(style="font-size: 13px") Filter\r
+\r
+  //-   button.pull-right(mat-button, (click)="resetData()")\r
+  //-     mat-icon() refresh\r
+  //-     span(style="font-size: 13px") Reset\r
+\r
+  .row\r
+    .col-12\r
+      mat-card\r
+        mat-card-content\r
+          app-line-chart(height="201px")\r
+\r
+  .row.mt-2\r
+    .col-lg-5\r
+      mat-card\r
+        mat-card-header\r
+          mat-card-title \r
+            h5 Test Results\r
+        mat-card-content\r
+          app-pie-chart(height="230px")\r
+    \r
+    .col-lg-7\r
+      mat-card\r
+        mat-card-header\r
+          mat-card-title \r
+            h5 Test Definition Usage\r
+        mat-card-content\r
+          app-test-definition-executions-bar-chart(height="230px")\r
+  .row.mt-2\r
+    \r
+    .col-lg-7\r
+      mat-card\r
+        mat-card-header\r
+          mat-card-title \r
+            h5 Virtual Test Head Executions\r
+        mat-card-content\r
+          app-test-head-executions-line-chart(height="230px")\r
+    \r
+    .col-lg-5\r
+      mat-card\r
+        mat-card-header\r
+          mat-card-title \r
+            h5 Virtual Test Head Usage & Status Codes\r
+        mat-card-content\r
+          app-test-head-execution-bar-chart(height="230px")\r
+  //- mat-card.w-100\r
+  //-   mat-card-header\r
+  //-     mat-card-title(style="font-weight: bold") Selected Definitions: \r
+  //-       span(style="color: #4F8CA9") {{TD_selectedTDs}}\r
+\r
+  //-   .row.mb-4  \r
+  //-     .col-md-7\r
+  //-       app-line-chart(height="380px")\r
+\r
+  //-     .col-md-5\r
+  //-       app-pie-chart(height="380px")\r
+\r
+  //- mat-card.w-100\r
+  //-   mat-card-header\r
+  //-     mat-card-title(style="font-weight: bold") Selected Instances: \r
+  //-       span(style="color: #4F8CA9") {{TI_selectedTIs}}\r
+  //-     mat-card-title(style="font-weight: bold") Selected Definitions: \r
+  //-       span(style="color: #4F8CA9") {{TI_selectedTDs}}\r
+  //-   .row.mb-4\r
+  //-     .col-md-7\r
+  //-       app-multi-line-chart(height="380px")\r
+  //-     .col-md-5\r
+  //-       app-horiz-bar-chart(height="380px")\r
+  \r
+  //- mat-card.w-100\r
+  //-   mat-card-header\r
+  //-     mat-card-title(style="font-weight: bold") Scheduled Tests \r
+  //-     mat-card-title(style="font-weight: bold") Selected Instances: \r
+  //-       span(style="color: #4F8CA9") {{sched_selectedTIs}}\r
+  //-   .row\r
+  //-     .col-md-4\r
+  //-       app-schedule\r
+\r