New Features:

1. Flamegraph navigation by product and date New Pages: 1. flame-graph-for.page.html 2. flame-graph-date.page.html Bugs Corrected: 1. Ghost object in DB flame-graph-date.page.html To Be Corrected: 0. On product delete, delete trace results 1. On product delete, delete flamegraph results
juanfranciscocis · Aug 14, 2024 · 67f0e6d · 67f0e6d
1 parent 1970a70
commit 67f0e6d
Show file tree

Hide file tree

Showing 13 changed files with 56 additions and 11 deletions.
diff --git a/src/app/pages/flame-graph-date/flame-graph-date.page.html b/src/app/pages/flame-graph-date/flame-graph-date.page.html
@@ -3,7 +3,9 @@
 <ion-content [fullscreen]="true">
 
 
-
+  <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
+    <ion-refresher-content></ion-refresher-content>
+  </ion-refresher>
 
   <ion-grid>
     <app-title [title]="'Usage for date'"></app-title>

diff --git a/src/app/pages/flame-graph/flame-graph.page.ts b/src/app/pages/flame-graph/flame-graph.page.ts
@@ -1,6 +1,10 @@
 import { Component, OnInit } from '@angular/core';
 import {FlameGraphConfig} from "ngx-flamegraph";
 import {RawData} from "ngx-flamegraph/lib/utils";
+import {FlameGraphService} from "../../services/flame-graph.service";
+import {LoadingController} from "@ionic/angular";
+import {ActivatedRoute, Router} from "@angular/router";
+import {Product} from "../../interfaces/product";
 
 
 @Component({
@@ -10,17 +14,44 @@ import {RawData} from "ngx-flamegraph/lib/utils";
 })
 export class FlameGraphPage implements OnInit {
 
+  product:Product = {}
+  date:string = ''
+
+
   // @ts-ignore
-  config:FlameGraphConfig = {data }
+  config:FlameGraphConfig = {data}
 
 
-  constructor() { }
+  constructor(
+    private flameGraphService: FlameGraphService,
+    private loadingCtrl: LoadingController,
+    private router: Router,
+    private route: ActivatedRoute,
+  ) { }
 
   ngOnInit() {
+    this.getProductAndDateFromParams();
+  }
+
+
+  /**
+   * This method gets the product and date from URL parameters.
+   */
+  getProductAndDateFromParams() {
+    // Get product from URL params
+    this.route.queryParams.subscribe(params => {
+      this.product = JSON.parse(params['product']);
+      this.date = params['date'];
+    });
+    console.log(this.product.productObjective);
+    console.log(this.date);
+
   }
 
 
 
+
+
 }
 
 const data = [

diff --git a/src/app/services/flame-graph.service.ts b/src/app/services/flame-graph.service.ts
@@ -22,17 +22,29 @@ export class FlameGraphService {
     }
   }
 
-  async getDates(orgName:string, productObjective:string){
+  async getDates(orgName: string, productObjective: string) {
     try {
       const collectionRef = collection(this.firestore, 'teams', orgName, 'products', productObjective, 'cpu_usage');
       const dates = await getDocs(collectionRef);
-      return dates.docs.map(doc => doc.id as string);
+      return dates.docs.map(doc => doc.id);
     } catch (e) {
       console.log(e);
       return [];
     }
   }
 
+  async getFlameGraphByDate(orgName:string, productObjective:string, date:string){
+    try {
+      const collectionRef = collection(this.firestore, 'teams', orgName, 'products', productObjective, 'cpu_usage', date);
+      const flameGraph = await getDocs(collectionRef);
+      return flameGraph.docs.map(doc => doc.data());
+    } catch (e) {
+      console.log(e);
+      return [];
+    }
+
+  }
+
 
 
 

diff --git a/www/1101.e0a79530497c783e.js b/www/1101.e0a79530497c783e.js
diff --git a/www/1101.f7c3270bcef40a51.js b/www/1101.f7c3270bcef40a51.js
diff --git a/www/2839.f18aa287a35f0889.js b/www/2839.f18aa287a35f0889.js
diff --git a/www/2839.f89495cfcfd7a447.js b/www/2839.f89495cfcfd7a447.js
diff --git a/www/common.4e1606ba30770961.js b/www/common.4e1606ba30770961.js
diff --git a/www/common.954f85895ad30209.js b/www/common.954f85895ad30209.js
diff --git a/www/index.html b/www/index.html
@@ -21,6 +21,6 @@
 
 <body>
   <app-root></app-root>
-<script src="runtime.2756c0baf7697a4a.js" type="module"></script><script src="polyfills.e9ea84778c1ce49f.js" type="module"></script><script src="main.5a2ee82c6e83ca42.js" type="module"></script></body>
+<script src="runtime.b3691e1dd012508d.js" type="module"></script><script src="polyfills.e9ea84778c1ce49f.js" type="module"></script><script src="main.4c8a11abcdd96918.js" type="module"></script></body>
 
 </html>
diff --git a/www/main.4c8a11abcdd96918.js b/www/main.4c8a11abcdd96918.js
diff --git a/www/main.5a2ee82c6e83ca42.js b/www/main.5a2ee82c6e83ca42.js