From c14521bd719b24ef9bc1f001afce66bc65cbe1b4 Mon Sep 17 00:00:00 2001
From: dotcipher <wiranlarbiofficial@gmail.com>
Date: Tue, 11 Jun 2024 00:32:49 +0100
Subject: [PATCH] Initialization for developping Treatement feature

---
 backend/src/main/resources/outputs/output     |   0
 backend/src/main/resources/reports/report     |   0
 frontend/package-lock.json                    |   1 +
 frontend/package.json                         |   2 +-
 frontend/src/app/core/constants/menu.ts       |   4 +-
 .../dashboard/dashboard-routing.module.ts     |   2 +-
 .../pages/cheque/cheque.component.html        | 108 ++++++++++++++++++
 .../pages/cheque/cheque.component.ts          |  45 ++++++++
 .../pages/effet/effet.component.html          |   1 +
 .../traitement/pages/effet/effet.component.ts |   9 ++
 .../traitement/traitement-routing.module.ts   |   6 +-
 .../dashboard/traitement/traitement.module.ts |   7 +-
 12 files changed, 178 insertions(+), 7 deletions(-)
 create mode 100644 backend/src/main/resources/outputs/output
 create mode 100644 backend/src/main/resources/reports/report
 create mode 100644 frontend/src/app/modules/dashboard/traitement/pages/cheque/cheque.component.html
 create mode 100644 frontend/src/app/modules/dashboard/traitement/pages/cheque/cheque.component.ts
 create mode 100644 frontend/src/app/modules/dashboard/traitement/pages/effet/effet.component.html
 create mode 100644 frontend/src/app/modules/dashboard/traitement/pages/effet/effet.component.ts

diff --git a/backend/src/main/resources/outputs/output b/backend/src/main/resources/outputs/output
new file mode 100644
index 0000000..e69de29
diff --git a/backend/src/main/resources/reports/report b/backend/src/main/resources/reports/report
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index d631bf6..a067f7d 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -28,6 +28,7 @@
         "@types/jsonwebtoken": "^9.0.6",
         "ag-grid-angular": "^31.3.1",
         "ag-grid-charts-enterprise": "^31.3.1",
+        "ag-grid-community": "^31.3.1",
         "ag-grid-enterprise": "^31.3.1",
         "angular-calendar": "^0.31.1",
         "angular-code-input": "^2.0.0",
diff --git a/frontend/package.json b/frontend/package.json
index 5fdb609..62fc1b4 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -13,7 +13,6 @@
   },
   "private": true,
   "dependencies": {
-    "ag-grid-community": "^31.3.1",
     "@ag-grid-community/angular": "^31.3.1",
     "@ag-grid-community/client-side-row-model": "^31.3.1",
     "@ag-grid-community/core": "^31.3.1",
@@ -34,6 +33,7 @@
     "@types/jsonwebtoken": "^9.0.6",
     "ag-grid-angular": "^31.3.1",
     "ag-grid-charts-enterprise": "^31.3.1",
+    "ag-grid-community": "^31.3.1",
     "ag-grid-enterprise": "^31.3.1",
     "angular-calendar": "^0.31.1",
     "angular-code-input": "^2.0.0",
diff --git a/frontend/src/app/core/constants/menu.ts b/frontend/src/app/core/constants/menu.ts
index b74b2cc..9b7f0ce 100644
--- a/frontend/src/app/core/constants/menu.ts
+++ b/frontend/src/app/core/constants/menu.ts
@@ -11,8 +11,8 @@ export class Menu {
           label: 'Dashboard',
           route: '/dashboard',
           children: [
-            { label: 'Traitement chèque', route: '/dashboard/cheque' },
-            { label: 'Traitement effet', route: '/dashboard/effet' },
+            { label: 'Traitement chèque', route: '/dashboard/traitement/cheque' },
+            { label: 'Traitement effet', route: '/dashboard/traitement/effet' },
           ],
         },
         {
diff --git a/frontend/src/app/modules/dashboard/dashboard-routing.module.ts b/frontend/src/app/modules/dashboard/dashboard-routing.module.ts
index e35ac11..a09d70c 100644
--- a/frontend/src/app/modules/dashboard/dashboard-routing.module.ts
+++ b/frontend/src/app/modules/dashboard/dashboard-routing.module.ts
@@ -11,7 +11,7 @@ const routes: Routes = [
       component: DashboardComponent
     },
     {
-      path: 'dashboard/traitement',
+      path: 'traitement',
       loadChildren: () => import('./traitement/traitement.module').then((m) => m.TraitementModule)
     },
     {
diff --git a/frontend/src/app/modules/dashboard/traitement/pages/cheque/cheque.component.html b/frontend/src/app/modules/dashboard/traitement/pages/cheque/cheque.component.html
new file mode 100644
index 0000000..253a06e
--- /dev/null
+++ b/frontend/src/app/modules/dashboard/traitement/pages/cheque/cheque.component.html
@@ -0,0 +1,108 @@
+<!-- <div class="card flex justify-content-center">
+    <p-stepper [(activeStep)]="active">
+        <p-stepperPanel>
+            <ng-template pTemplate="header" let-onClick="onClick" let-index="index">
+                <button class="bg-transparent border-none inline-flex flex-column gap-2" (click)="onClick.emit()">
+                    <span
+                        class="border-round border-2 w-3rem h-3rem inline-flex align-items-center justify-content-center"
+                        [ngClass]="{
+                            'bg-primary border-primary': index <= active,
+                            'surface-border': index > active
+                        }"
+                    >
+                        <i class="pi pi-user"></i>
+                    </span>
+                </button>
+            </ng-template>
+            <ng-template pTemplate="content" let-nextCallback="nextCallback">
+                <div class="flex flex-column gap-2 mx-auto" style="min-height: 16rem; max-width: 20rem">
+                    <div class="text-center mt-3 mb-3 text-xl font-semibold">Create your account</div>
+                    <div class="field p-fluid">
+                        <p-iconField>
+                            <p-inputIcon>
+                                <i class="pi pi-user"></i>
+                            </p-inputIcon>
+                            <input [(ngModel)]="name" pInputText id="input" type="text" placeholder="Name" />
+                        </p-iconField>
+                    </div>
+                    <div class="field p-fluid">
+                        <p-iconField>
+                            <p-inputIcon>
+                                <i class="pi pi-envelope"></i>
+                            </p-inputIcon>
+                            <input [(ngModel)]="email" pInputText id="email" type="email" placeholder="Email" />
+                        </p-iconField>
+                    </div>
+                    <div class="field p-fluid">
+                        <p-password [(ngModel)]="password" [toggleMask]="true" placeholder="Password" />
+                    </div>
+                </div>
+                <div class="flex pt-4 justify-content-end">
+                    <p-button (onClick)="nextCallback.emit()" label="Next" icon="pi pi-arrow-right" iconPos="right" />
+                </div>
+            </ng-template>
+        </p-stepperPanel>
+        <p-stepperPanel>
+            <ng-template pTemplate="header" let-onClick="onClick" let-index="index">
+                <button class="bg-transparent border-none inline-flex flex-column gap-2" (click)="onClick.emit()">
+                    <span
+                        class="border-round border-2 w-3rem h-3rem inline-flex align-items-center justify-content-center"
+                        [ngClass]="{
+                            'bg-primary border-primary': index <= active,
+                            'surface-border': index > active
+                        }"
+                    >
+                        <i class="pi pi-star"></i>
+                    </span>
+                </button>
+            </ng-template>
+            <ng-template pTemplate="content" let-prevCallback="prevCallback" let-nextCallback="nextCallback">
+                <div class="flex flex-column gap-2 mx-auto" style="min-height: 16rem; max-width: 24rem">
+                    <div class="text-center mt-3 mb-3 text-xl font-semibold">Choose your interests</div>
+                    <div class="flex flex-wrap justify-content-center gap-3">
+                        <p-toggleButton [(ngModel)]="option1" onLabel="Nature" offLabel="Nature" />
+                        <p-toggleButton [(ngModel)]="option2" onLabel="Art" offLabel="Art" />
+                        <p-toggleButton [(ngModel)]="option3" onLabel="Music" offLabel="Music" />
+                        <p-toggleButton [(ngModel)]="option4" onLabel="Design" offLabel="Design" />
+                        <p-toggleButton [(ngModel)]="option5" onLabel="Photography" offLabel="Photography" />
+                        <p-toggleButton [(ngModel)]="option6" onLabel="Movies" offLabel="Movies" />
+                        <p-toggleButton [(ngModel)]="option7" onLabel="Sports" offLabel="Sports" />
+                        <p-toggleButton [(ngModel)]="option8" onLabel="Gaming" offLabel="Gaming" />
+                        <p-toggleButton [(ngModel)]="option9" onLabel="Traveling" offLabel="Traveling" />
+                        <p-toggleButton [(ngModel)]="option10" onLabel="Dancing" offLabel="Dancing" />
+                    </div>
+                </div>
+                <div class="flex pt-4 justify-content-between">
+                    <p-button (onClick)="prevCallback.emit()" label="Back" severity="secondary" icon="pi pi-arrow-left" />
+                    <p-button (onClick)="nextCallback.emit()" label="Next" icon="pi pi-arrow-right" iconPos="right" />
+                </div>
+            </ng-template>
+        </p-stepperPanel>
+        <p-stepperPanel>
+            <ng-template pTemplate="header" let-onClick="onClick" let-index="index">
+                <button class="bg-transparent border-none inline-flex flex-column gap-2" (click)="onClick.emit()">
+                    <span
+                        class="border-round border-2 w-3rem h-3rem inline-flex align-items-center justify-content-center"
+                        [ngClass]="{
+                            'bg-primary border-primary': index <= active,
+                            'surface-border': index > active
+                        }"
+                    >
+                        <i class="pi pi-id-card"></i>
+                    </span>
+                </button>
+            </ng-template>
+            <ng-template pTemplate="content" let-prevCallback="prevCallback">
+                <div class="flex flex-column gap-2 mx-auto" style="min-height: 16rem; max-width: 24rem">
+                    <div class="text-center mt-3 mb-3 text-xl font-semibold">Account created successfully</div>
+                    <div class="text-center">
+                        <img alt="logo" src="https://primefaces.org/cdn/primeng/images/stepper/content.svg" />
+                    </div>
+                </div>
+                <div class="flex pt-4 justify-content-start">
+                    <p-button (onClick)="prevCallback.emit()" label="Back" severity="secondary" icon="pi pi-arrow-left" />
+                </div>
+            </ng-template>
+        </p-stepperPanel>
+    </p-stepper>
+</div> -->
\ No newline at end of file
diff --git a/frontend/src/app/modules/dashboard/traitement/pages/cheque/cheque.component.ts b/frontend/src/app/modules/dashboard/traitement/pages/cheque/cheque.component.ts
new file mode 100644
index 0000000..56bc827
--- /dev/null
+++ b/frontend/src/app/modules/dashboard/traitement/pages/cheque/cheque.component.ts
@@ -0,0 +1,45 @@
+// import { Component } from '@angular/core';
+// import { ButtonModule } from 'primeng/button';
+// import { StepperModule } from 'primeng/';
+// import { InputTextModule } from 'primeng/inputtext';
+// import { ToggleButtonModule } from 'primeng/togglebutton';
+// import { IconFieldModule } from 'primeng/iconfield';
+// import { InputIconModule } from 'primeng/inputicon';
+// import { CommonModule } from '@angular/common';
+
+// @Component({
+//   selector: 'app-cheque',
+//   templateUrl: './cheque.component.html',
+//   standalone: true,
+//   imports: [StepperModule,CommonModule]
+// })
+// export class ChequeComponent {
+//   active: number | undefined = 0;
+
+//     name: string | undefined = null;
+
+//     email: string | undefined = null;
+
+//     password: string | undefined = null;
+
+//     option1: boolean | undefined = false;
+
+//     option2: boolean | undefined = false;
+
+//     option3: boolean | undefined = false;
+
+//     option4: boolean | undefined = false;
+
+//     option5: boolean | undefined = false;
+
+//     option6: boolean | undefined = false;
+
+//     option7: boolean | undefined = false;
+
+//     option8: boolean | undefined = false;
+
+//     option9: boolean | undefined = false;
+
+//     option10: boolean | undefined = false;
+
+// }
diff --git a/frontend/src/app/modules/dashboard/traitement/pages/effet/effet.component.html b/frontend/src/app/modules/dashboard/traitement/pages/effet/effet.component.html
new file mode 100644
index 0000000..6fc0c51
--- /dev/null
+++ b/frontend/src/app/modules/dashboard/traitement/pages/effet/effet.component.html
@@ -0,0 +1 @@
+<p>effet works!</p>
diff --git a/frontend/src/app/modules/dashboard/traitement/pages/effet/effet.component.ts b/frontend/src/app/modules/dashboard/traitement/pages/effet/effet.component.ts
new file mode 100644
index 0000000..2ffa498
--- /dev/null
+++ b/frontend/src/app/modules/dashboard/traitement/pages/effet/effet.component.ts
@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-effet',
+  templateUrl: './effet.component.html'
+})
+export class EffetComponent {
+
+}
diff --git a/frontend/src/app/modules/dashboard/traitement/traitement-routing.module.ts b/frontend/src/app/modules/dashboard/traitement/traitement-routing.module.ts
index 12e9b90..c6dd6c6 100644
--- a/frontend/src/app/modules/dashboard/traitement/traitement-routing.module.ts
+++ b/frontend/src/app/modules/dashboard/traitement/traitement-routing.module.ts
@@ -1,14 +1,16 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 import { TraitementComponent } from './traitement.component';
+// import { ChequeComponent } from './pages/cheque/cheque.component';
+import { EffetComponent } from './pages/effet/effet.component';
 
 const routes: Routes = [
     {
       path: '',
       component: TraitementComponent,
       children:[
-        { path: 'cheque', component: TraitementComponent},
-        { path: 'effet', component: TraitementComponent }
+        // { path: 'cheque', component: ChequeComponent},v
+        { path: 'effet', component: EffetComponent }
       ]
     }
   ];
diff --git a/frontend/src/app/modules/dashboard/traitement/traitement.module.ts b/frontend/src/app/modules/dashboard/traitement/traitement.module.ts
index 79c98b5..6d9c628 100644
--- a/frontend/src/app/modules/dashboard/traitement/traitement.module.ts
+++ b/frontend/src/app/modules/dashboard/traitement/traitement.module.ts
@@ -2,6 +2,8 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { TraitementRoutingModule } from './traitement-routing.module';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
+// import { ChequeComponent } from './pages/cheque/cheque.component';
+import { EffetComponent } from './pages/effet/effet.component';
 
 
 @NgModule({
@@ -10,6 +12,9 @@ import { HttpClient, HttpClientModule } from '@angular/common/http';
         CommonModule,
         TraitementRoutingModule
     ],
-    declarations: []
+    declarations: [
+    // ChequeComponent,
+    EffetComponent
+  ]
 })
 export class TraitementModule { }
\ No newline at end of file