New Features:

1.flamegraph page better design
New Pages:
1. flame-graph.page.ts
Bugs Corrected:
To Be Corrected:
0. On product delete, delete trace results
1. On product delete, delete flamegraph results

src/app/pages/flame-graph/flame-graph.module.ts

@@ -8,14 +8,16 @@ import { FlameGraphPageRoutingModule } from './flame-graph-routing.module';
 
 import { FlameGraphPage } from './flame-graph.page';
 import {NgxFlamegraphModule} from "ngx-flamegraph";
+import {ComponentsModule} from "../../components/components.module";
 
 @NgModule({
     imports: [
         CommonModule,
         FormsModule,
         IonicModule,
         FlameGraphPageRoutingModule,
-        NgxFlamegraphModule
+        NgxFlamegraphModule,
+        ComponentsModule
     ],
   declarations: [FlameGraphPage]
 })

src/app/pages/flame-graph/flame-graph.page.html

@@ -1,20 +1,32 @@
-<ion-header [translucent]="true">
-  <ion-toolbar>
-    <ion-title>flame-graph</ion-title>
-  </ion-toolbar>
-</ion-header>
+<app-header-return [title]="'Flame Graph'"></app-header-return>
 
 <ion-content [fullscreen]="true">
-  <ion-header collapse="condense">
-    <ion-toolbar>
-      <ion-title size="large">flame-graph</ion-title>
-    </ion-toolbar>
-  </ion-header>
 
-  <h3> Responsive </h3>
-  <div class="wrapper-responsive">
-    <ngx-flamegraph [config]="config"></ngx-flamegraph>
-  </div>
+  <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
+    <ion-refresher-content></ion-refresher-content>
+  </ion-refresher>
+
+  <app-title [title]="'Flame Graph'"></app-title>
+  <ion-row class="lg:m-10 md:m-10">
+    <ion-col size="12" size-md="4" size-lg="4" class="">
+      <p>Showing data for : {{date}}</p>
+    </ion-col>
+  </ion-row>
+
+  <ion-row class="lg:m-10">
+    <ion-col size="12">
+      <ion-card class="p-5">
+      <ion-card class="bg-transparent">
+        <div class="wrapper-responsive">
+          <ngx-flamegraph [config]="config"></ngx-flamegraph>
+        </div>
+      </ion-card>
+      </ion-card>
+    </ion-col>
+  </ion-row>
 
 
 </ion-content>
+
+
+

src/app/pages/flame-graph/flame-graph.page.ts

@@ -119,26 +119,14 @@ export class FlameGraphPage implements OnInit {
         children: allRawData
       }];
 
-
       this.config = {data: allRawData};
       console.log("final object",allRawData);
 
-
-
-
-
-
-
-
-
       await this.hideLoading();
 
-
-
-
-
       } catch (e) {
       console.log(e);
+      await this.hideLoading();
     }
   }
 
@@ -221,10 +209,10 @@ export class FlameGraphPage implements OnInit {
   }
 
 
-
-
-
-
+  async doRefresh($event: any) {
+    await this.getFlameGraph();
+    $event.target.complete();
+  }
 }
 
 const data = [