New Features:

1. Trying render restart service
New Pages:
Bugs Corrected:
To Be Corrected:
0. On product delete, delete trace results
1. On product delete, delete flamegraph result
2. Add a chat

package.json

@@ -19,6 +19,7 @@
     "@angular/core": "^17.0.2",
     "@angular/fire": "^17.1.0",
     "@angular/forms": "^17.0.2",
+    "@angular/material": "^18.2.2",
     "@angular/platform-browser": "^17.0.2",
     "@angular/platform-browser-dynamic": "^17.0.2",
     "@angular/router": "^17.0.2",

src/app/app-routing.module.ts

@@ -126,6 +126,18 @@ const routes: Routes = [
     path: 'flame-graph-compare',
     loadChildren: () => import('./pages/flame-graph-compare/flame-graph-compare.module').then( m => m.FlameGraphComparePageModule)
   },
+  {
+    path: 'board',
+    loadChildren: () => import('./pages/board/board.module').then( m => m.BoardPageModule)
+  },
+  {
+    path: 'render-restart',
+    loadChildren: () => import('./pages/render-restart/render-restart.module').then( m => m.RenderRestartPageModule)
+  },
+  {
+    path: 'render',
+    loadChildren: () => import('./pages/render/render.module').then( m => m.RenderPageModule)
+  },
 ];
 
 @NgModule({

src/app/pages/board/board-routing.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+
+import { BoardPage } from './board.page';
+import {BoardPageModule} from "./board.module";
+
+const routes: Routes = [
+  {
+    path: '',
+    component: BoardPage
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes), DragDropModule],
+  exports: [RouterModule],
+})
+export class BoardPageRoutingModule {}

src/app/pages/board/board.module.ts

@@ -0,0 +1,26 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { BoardPageRoutingModule } from './board-routing.module';
+
+import { BoardPage } from './board.page';
+import {CdkDrag, CdkDropList, CdkDropListGroup} from "@angular/cdk/drag-drop";
+import {ComponentsModule} from "../../components/components.module";
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    BoardPageRoutingModule,
+    CdkDropList,
+    CdkDropListGroup,
+    CdkDrag,
+    ComponentsModule
+  ],
+  declarations: [BoardPage]
+})
+export class BoardPageModule {}

src/app/pages/board/board.page.html

@@ -0,0 +1,22 @@
+<app-header [title]="'Kanban Board'"></app-header>
+
+<ion-content [fullscreen]="true">
+  <app-title [title]="'Kanban Board'"></app-title>
+  <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">
+      <div cdkDropListGroup class="kanban-board min-w-full min-h-full">
+        <div *ngFor="let list of lists" class="kanban-column flex flex-col justify-center items-center">
+          <h3>{{ list.name }}</h3>
+          <div cdkDropList [cdkDropListData]="list.items" (cdkDropListDropped)="drop($event)" class="kanban-list min-w-full">
+            <div *ngFor="let item of list.items" cdkDrag class="kanban-item">
+              {{ item }}
+            </div>
+          </div>
+        </div>
+      </div>
+    </ion-col>
+  </ion-row>
+
+
+
+</ion-content>

src/app/pages/board/board.page.scss

@@ -0,0 +1,30 @@
+.kanban-board {
+  display: flex;
+  justify-content: space-between;
+}
+
+.kanban-column {
+  width: 30%;
+  background-color: #3e3e3e;
+  padding: 10px;
+  border-radius: 5px;
+  display: flex;
+  flex-direction: column;
+}
+
+.kanban-list {
+  min-height: 100px;
+  padding: 10px;
+  background-color: #555555;
+  border-radius: 5px;
+  flex-grow: 1;
+}
+
+.kanban-item {
+  padding: 10px;
+  margin: 5px 0;
+  background-color: #000000;
+  border-radius: 5px;
+  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
+  cursor: move;
+}

src/app/pages/board/board.page.spec.ts

@@ -0,0 +1,17 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { BoardPage } from './board.page';
+
+describe('BoardPage', () => {
+  let component: BoardPage;
+  let fixture: ComponentFixture<BoardPage>;
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(BoardPage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/board/board.page.ts

@@ -0,0 +1,44 @@
+import { Component, OnInit } from '@angular/core';
+import { CdkDragDrop, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';
+
+@Component({
+  selector: 'app-board',
+  templateUrl: './board.page.html',
+  styleUrls: ['./board.page.scss'],
+})
+export class BoardPage implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+  lists = [
+    {
+      name: 'To Do',
+      items: ['Task 1', 'Task 2', 'Task 3']
+    },
+    {
+      name: 'In Progress',
+      items: ['Task 4', 'Task 5']
+    },
+    {
+      name: 'Done',
+      items: ['Task 6']
+    }
+  ];
+
+  drop(event: CdkDragDrop<string[]>) {
+    if (event.previousContainer === event.container) {
+      moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
+    } else {
+      transferArrayItem(
+        event.previousContainer.data,
+        event.container.data,
+        event.previousIndex,
+        event.currentIndex
+      );
+    }
+  }
+
+}

src/app/pages/render-restart/render-restart-routing.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { RenderRestartPage } from './render-restart.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: RenderRestartPage
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class RenderRestartPageRoutingModule {}

src/app/pages/render-restart/render-restart.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { RenderRestartPageRoutingModule } from './render-restart-routing.module';
+
+import { RenderRestartPage } from './render-restart.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    RenderRestartPageRoutingModule
+  ],
+  declarations: [RenderRestartPage]
+})
+export class RenderRestartPageModule {}

src/app/pages/render-restart/render-restart.page.html

@@ -0,0 +1,13 @@
+<ion-header [translucent]="true">
+  <ion-toolbar>
+    <ion-title>render-restart</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+  <ion-header collapse="condense">
+    <ion-toolbar>
+      <ion-title size="large">render-restart</ion-title>
+    </ion-toolbar>
+  </ion-header>
+</ion-content>

src/app/pages/render-restart/render-restart.page.spec.ts

@@ -0,0 +1,17 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { RenderRestartPage } from './render-restart.page';
+
+describe('RenderRestartPage', () => {
+  let component: RenderRestartPage;
+  let fixture: ComponentFixture<RenderRestartPage>;
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(RenderRestartPage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/render-restart/render-restart.page.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-render-restart',
+  templateUrl: './render-restart.page.html',
+  styleUrls: ['./render-restart.page.scss'],
+})
+export class RenderRestartPage implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/pages/render/render-routing.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { RenderPage } from './render.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: RenderPage
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class RenderPageRoutingModule {}

src/app/pages/render/render.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { RenderPageRoutingModule } from './render-routing.module';
+
+import { RenderPage } from './render.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    RenderPageRoutingModule
+  ],
+  declarations: [RenderPage]
+})
+export class RenderPageModule {}