From a0d972f510dfbfbf9414122121cd6b3cee9d4edf Mon Sep 17 00:00:00 2001
From: Ludek <novyludek@gmail.com>
Date: Thu, 16 Apr 2020 11:23:57 +0200
Subject: [PATCH] item report status (#59)

---
 .../item-detail/item-detail.component.html    | 27 ++++++++++++++++---
 .../item-detail/item-detail.component.scss    |  2 +-
 src/app/item-detail/item-detail.component.ts  |  1 +
 src/app/items.service.model.ts                |  7 +++++
 4 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/src/app/item-detail/item-detail.component.html b/src/app/item-detail/item-detail.component.html
index adc0c290..3f9a1d69 100644
--- a/src/app/item-detail/item-detail.component.html
+++ b/src/app/item-detail/item-detail.component.html
@@ -9,13 +9,34 @@
       [itemDetailData]="{note: itemData.note, environment: itemData.environment, hostname: itemData.hostname, isBase: itemData.isBase, params: itemParams}"
       (itemDetailChange)="itemDetailChanged($event)"></app-edit-item>
     <app-attachements [params]="itemParams" [attachements]="itemData.attachements"></app-attachements>
-    <app-delete-item [itemData]="itemParams"></app-delete-item>
+    <app-delete-item  *ngIf="itemData.reportStatus !== 'in_progress'" [itemData]="itemParams"></app-delete-item>
   </div>
-
 </app-control-panel>
 
+<div class="not-ready content-container" *ngIf="itemData.reportStatus === 'in_progress'">
+  <dir class="container-fluid">
+    <div class="row">
+      <div class="col-sm">
+          <div class="alert alert-primary" role="alert">
+            Test report is being processed. Please wait.
+          </div>
+      </div>
+    </div>
+  </dir>
+</div>
+<div class="not-ready content-container" *ngIf="itemData.reportStatus === 'error'">
+  <dir class="container-fluid">
+    <div class="row">
+      <div class="col-sm">
+          <div class="alert alert-danger" role="alert">
+            An error occured during processing test report.
+          </div>
+      </div>
+    </div>
+  </dir>
+</div>
 
-<div class="items-overview content-container" *ngIf="itemData.overview !== null">
+<div class="items-overview content-container" *ngIf="itemData.overview !== null && itemData.reportStatus === 'ready'">
   <div class="container-fluid">
     <div class="overview-info">
       <div class="row">
diff --git a/src/app/item-detail/item-detail.component.scss b/src/app/item-detail/item-detail.component.scss
index ef7944e8..c3c408b3 100644
--- a/src/app/item-detail/item-detail.component.scss
+++ b/src/app/item-detail/item-detail.component.scss
@@ -1,4 +1,4 @@
-.items-overview {
+.items-overview, .not-ready {
   padding-left: 200px;
   padding-right: 200px;
   background-color: #f0f1f4;
diff --git a/src/app/item-detail/item-detail.component.ts b/src/app/item-detail/item-detail.component.ts
index 00061057..f93615b3 100644
--- a/src/app/item-detail/item-detail.component.ts
+++ b/src/app/item-detail/item-detail.component.ts
@@ -31,6 +31,7 @@ export class ItemDetailComponent implements OnInit {
     baseId: null,
     note: null,
     plot: null,
+    reportStatus: null,
     hostname: null,
     statistics: [],
     testName: null,
diff --git a/src/app/items.service.model.ts b/src/app/items.service.model.ts
index 4eb595ef..962b8348 100644
--- a/src/app/items.service.model.ts
+++ b/src/app/items.service.model.ts
@@ -13,6 +13,12 @@ export interface Items {
   total: number;
 }
 
+export enum ReportStatus {
+  InProgress = 'in_progress',
+  Error = 'error',
+  Ready = 'ready'
+}
+
 export interface ItemDetail {
   overview: {
     avgLatency: number
@@ -25,6 +31,7 @@ export interface ItemDetail {
     startDate: string
     throughput: number
   };
+  reportStatus: ReportStatus;
   monitoringData: { cpu: [], mem: [], maxCpu?: number, maxMem?: number};
   baseId: string;
   testName: string;