From 506d6bf26e3375787dcbe73ad88086e90ba7b2f1 Mon Sep 17 00:00:00 2001
From: Juan Cisneros <jfcisnerosg@icloud.com>
Date: Wed, 28 Aug 2024 12:22:05 -0500
Subject: [PATCH] New Features: 1.Compare dates flamegraph, new design 2. Show
 in rows not columns 3. Added AI space New Pages: Bugs Corrected: To Be
 Corrected: 0. On product delete, delete trace results 1. On product delete,
 delete flamegraph results

---
 .../flame-graph-compare.module.ts             | 18 +++++----
 .../flame-graph-compare.page.html             | 39 +++++++++++++------
 .../flame-graph-compare.page.ts               |  4 ++
 3 files changed, 42 insertions(+), 19 deletions(-)

diff --git a/src/app/pages/flame-graph-compare/flame-graph-compare.module.ts b/src/app/pages/flame-graph-compare/flame-graph-compare.module.ts
index c677dd6..81c7b62 100644
--- a/src/app/pages/flame-graph-compare/flame-graph-compare.module.ts
+++ b/src/app/pages/flame-graph-compare/flame-graph-compare.module.ts
@@ -9,16 +9,18 @@ import { FlameGraphComparePageRoutingModule } from './flame-graph-compare-routin
 import { FlameGraphComparePage } from './flame-graph-compare.page';
 import {ComponentsModule} from "../../components/components.module";
 import {NgxFlamegraphModule} from "ngx-flamegraph";
+import {MarkdownComponent} from "ngx-markdown";
 
 @NgModule({
-  imports: [
-    CommonModule,
-    FormsModule,
-    IonicModule,
-    FlameGraphComparePageRoutingModule,
-    ComponentsModule,
-    NgxFlamegraphModule
-  ],
+    imports: [
+        CommonModule,
+        FormsModule,
+        IonicModule,
+        FlameGraphComparePageRoutingModule,
+        ComponentsModule,
+        NgxFlamegraphModule,
+        MarkdownComponent
+    ],
   declarations: [FlameGraphComparePage]
 })
 export class FlameGraphComparePageModule {}
diff --git a/src/app/pages/flame-graph-compare/flame-graph-compare.page.html b/src/app/pages/flame-graph-compare/flame-graph-compare.page.html
index 20e1198..3e0213a 100644
--- a/src/app/pages/flame-graph-compare/flame-graph-compare.page.html
+++ b/src/app/pages/flame-graph-compare/flame-graph-compare.page.html
@@ -7,19 +7,36 @@
 
   <app-title [title]="'Compare Flame Graphs'"></app-title>
 
-  <ion-row class="lg:m-10">
-    <ion-col size="12">
-      <ng-container *ngFor="let date of datesForComparison">
-        <ion-card class="p-5">
-          <ion-card class="bg-transparent">
-            <h3>{{ date }}</h3>
-            <div class="wrapper-responsive">
-              <ngx-flamegraph [config]="configurations[date]"></ngx-flamegraph>
-            </div>
+
+  <ion-row class="lg:m-10 md:m-10">
+    <ion-col *ngFor="let date of datesForComparison" size="12" size-md="4" size-lg="4" class="">
+      <ion-card class="w-full">
+        <ng-container>
+          <ion-card>
+            <ion-card-header>
+              <ion-card-title>Data for: {{date}}</ion-card-title>
+            </ion-card-header>
+          <ngx-flamegraph [config]="configurations[date]" ></ngx-flamegraph>
           </ion-card>
-        </ion-card>
-      </ng-container>
+        </ng-container>
+      </ion-card>
+    </ion-col>
+  </ion-row>
+
+  <ion-row class="lg:m-10 md:m-10">
+    <ion-col size="12" size-md="12" size-lg="12" class="flex flex-row justify-center">
+      <ion-card class="min-w-full">
+        <ion-card-header>
+          <ion-card-title>DevProbe AI Analytic</ion-card-title>
+        </ion-card-header>
+        <ion-card-content>
+            <markdown class="text-white">{{aiAnalytic}}</markdown>
+        </ion-card-content>
+      </ion-card>
     </ion-col>
   </ion-row>
 
+
+
+
 </ion-content>
diff --git a/src/app/pages/flame-graph-compare/flame-graph-compare.page.ts b/src/app/pages/flame-graph-compare/flame-graph-compare.page.ts
index 1b84470..02a3bba 100644
--- a/src/app/pages/flame-graph-compare/flame-graph-compare.page.ts
+++ b/src/app/pages/flame-graph-compare/flame-graph-compare.page.ts
@@ -15,7 +15,9 @@ export class FlameGraphComparePage implements OnInit {
 
   product: Product = {};
   datesForComparison: string[] = [];
+  lenDates: number = 0;
   configurations: { [key: string]: { data: RawData[] } } = {};
+  aiAnalytic: string = '# holaaaa';
 
   constructor(
     private flameGraphService: FlameGraphService,
@@ -108,6 +110,8 @@ export class FlameGraphComparePage implements OnInit {
       this.product = JSON.parse(params['product']);
       this.datesForComparison = JSON.parse(params['dates']);
     });
+
+    this.lenDates = this.datesForComparison.length;
     console.log(this.product.productObjective);
     console.log(this.datesForComparison);