From 28c8b2a511e9ca0b40e3aef9b816cf1fd7898014 Mon Sep 17 00:00:00 2001
From: Juan Cisneros <jfcisnerosg@icloud.com>
Date: Wed, 18 Sep 2024 16:52:50 -0500
Subject: [PATCH] New Features: 1. Better design for the load test New Pages:
 Bugs Corrected: To Be Corrected: 0. On product delete, delete trace results
 1. On product delete, delete flamegraph result

---
 .../load_test/load-test/load-test.page.html   | 19 +++++++++++++++++--
 .../load_test/load-test/load-test.page.ts     |  7 +++++++
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/app/pages/load_test/load-test/load-test.page.html b/src/app/pages/load_test/load-test/load-test.page.html
index 42a22b3..13be543 100644
--- a/src/app/pages/load_test/load-test/load-test.page.html
+++ b/src/app/pages/load_test/load-test/load-test.page.html
@@ -3,8 +3,12 @@
   <ion-grid>
     <app-title [title]="'New Load Test'"></app-title>
     <ion-row class="lg:m-10 md:m-10">
-      <ion-col size="12" size-md="8" size-lg="8" class="">
-        <ion-input class="" label="Target" placeholder="Enter a target" type="text" labelPlacement="stacked" [(ngModel)]="target"></ion-input>
+      <ion-col size="12" >
+        <ion-card>
+          <ion-card-content>
+            <ion-input class="" label="Target" placeholder="Enter a target" type="text" labelPlacement="stacked" [(ngModel)]="target"></ion-input>
+          </ion-card-content>
+        </ion-card>
       </ion-col>
     </ion-row>
     <ion-row class="lg:m-10 md:m-10">
@@ -49,6 +53,17 @@ <h1 class="text-2xl text-white">{{ totalNumberOfRequests | number:'1.0-0' }}</h1
       </ion-card>
     </ion-row>
 
+    <app-title [title]="'Results for date: '"></app-title>
+    <ion-row class="lg:m-10 md:m-10">
+      <ion-col size="12" class="w-full">
+        <ion-list class="w-full">
+          <ion-item *ngFor="let day of listOfDates" (click)="viewHistory(day)" class="w-full">
+            <ion-label>{{ day }}</ion-label>
+            <ion-icon name="arrow-forward" color="primary"></ion-icon>
+          </ion-item>
+        </ion-list>
+      </ion-col>
+    </ion-row>
 
   </ion-grid>
 </ion-content>
diff --git a/src/app/pages/load_test/load-test/load-test.page.ts b/src/app/pages/load_test/load-test/load-test.page.ts
index befd8e8..0b7c7cd 100644
--- a/src/app/pages/load_test/load-test/load-test.page.ts
+++ b/src/app/pages/load_test/load-test/load-test.page.ts
@@ -56,6 +56,8 @@ responseTimeOptions: EChartsOption = {
     ]
   }
 
+  listOfDates: string[] = [];
+
 
   constructor(
     private router: Router,
@@ -216,6 +218,7 @@ responseTimeOptions: EChartsOption = {
     console.log(codes);
 
     let keys = Object.keys(codes);
+    this.listOfDates = keys;
     let typesOfCodes = new Set() as Set<string>;
 
 for (let key of keys) {
@@ -470,4 +473,8 @@ for (let metric in total) {
   }
 
 
+  viewHistory(day: string) {
+
+
+  }
 }