From 50beb077742d04f32732a19040aafd612e54eae9 Mon Sep 17 00:00:00 2001
From: Bello Babakolo <fleetbeekay@gmail.com>
Date: Thu, 11 Jan 2024 00:29:34 +0100
Subject: [PATCH] Modularize the profile component

---
 src/app/app-routing.module.ts                 | 10 ++---
 .../privacy-policy.component.ts               |  2 +-
 .../pages/profile/profile.component.html      | 10 ++++-
 .../pages/profile/profile.component.scss      |  0
 .../pages/profile/profile.component.ts        |  9 ++---
 src/app/user-profile/user-profile.module.ts   | 38 +++++++++++++++++++
 6 files changed, 55 insertions(+), 14 deletions(-)
 rename src/app/{ => user-profile}/pages/profile/profile.component.html (91%)
 rename src/app/{ => user-profile}/pages/profile/profile.component.scss (100%)
 rename src/app/{ => user-profile}/pages/profile/profile.component.ts (71%)
 create mode 100644 src/app/user-profile/user-profile.module.ts

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 2516b9e..0735ef4 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
-import { ProfileComponent } from './pages/profile/profile.component';
+import { ProfileComponent } from './user-profile/pages/profile/profile.component';
 import { PrivacyPolicyComponent } from './privacy-policy/pages/privacy-policy/privacy-policy.component';
 import { ImprintComponent } from './imprint/pages/imprint/imprint.component';
 
@@ -17,10 +17,10 @@ const routes: Routes = [
   //   path: 'delivery',
   //   component: DeliveryComponent,
   // },
-  {
-    path: 'profile',
-    component: ProfileComponent, // TODO Place into module.
-  },
+  // {
+  //   path: 'profile',
+  //   component: ProfileComponent,
+  // },
   // {
   //   path: 'about-us',
   //   component: ImprintComponent,
diff --git a/src/app/privacy-policy/pages/privacy-policy/privacy-policy.component.ts b/src/app/privacy-policy/pages/privacy-policy/privacy-policy.component.ts
index db3bb7e..16c2986 100644
--- a/src/app/privacy-policy/pages/privacy-policy/privacy-policy.component.ts
+++ b/src/app/privacy-policy/pages/privacy-policy/privacy-policy.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-privacy-policy',
diff --git a/src/app/pages/profile/profile.component.html b/src/app/user-profile/pages/profile/profile.component.html
similarity index 91%
rename from src/app/pages/profile/profile.component.html
rename to src/app/user-profile/pages/profile/profile.component.html
index e0df9a1..3ceda60 100644
--- a/src/app/pages/profile/profile.component.html
+++ b/src/app/user-profile/pages/profile/profile.component.html
@@ -1,4 +1,4 @@
-<section class="content-area" role="main">
+<!-- <section class="content-area" role="main">
   <h1>{{ "Profile.Title" | translate }}</h1>
   <hr />
   <div class="row mb-2">
@@ -53,4 +53,10 @@ <h2>{{ "Profile.CreateAnAccount" | translate }}</h2>
       </div>
     </div>
   </div>
-</section>
+</section> -->
+<h3>OK</h3>
+<!-- <vcl-icogram>GOAT</vcl-icogram> -->
+
+<!-- <vcl-icogram>
+  {{ "Profile.Continue" | translate }}
+</vcl-icogram> -->
diff --git a/src/app/pages/profile/profile.component.scss b/src/app/user-profile/pages/profile/profile.component.scss
similarity index 100%
rename from src/app/pages/profile/profile.component.scss
rename to src/app/user-profile/pages/profile/profile.component.scss
diff --git a/src/app/pages/profile/profile.component.ts b/src/app/user-profile/pages/profile/profile.component.ts
similarity index 71%
rename from src/app/pages/profile/profile.component.ts
rename to src/app/user-profile/pages/profile/profile.component.ts
index b144bc9..b7f7018 100644
--- a/src/app/pages/profile/profile.component.ts
+++ b/src/app/user-profile/pages/profile/profile.component.ts
@@ -1,21 +1,18 @@
-import { Component, OnInit } from '@angular/core';
-import { CartService } from 'src/app/services/cart.service';
+import { Component } from '@angular/core';
 import { ScreenService } from 'src/app/services/screen.service';
 
 @Component({
-  selector: 'profile',
+  selector: 'app-profile',
   templateUrl: './profile.component.html',
   styleUrls: ['./profile.component.scss'],
 })
-export class ProfileComponent implements OnInit {
+export class ProfileComponent {
   public password: string = '';
   public email: string = '';
   public remember: boolean = false;
 
   constructor(private displayService: ScreenService) {}
 
-  ngOnInit(): void {}
-
   screenWidth() {
     return this.displayService.getScreenSize();
   }
diff --git a/src/app/user-profile/user-profile.module.ts b/src/app/user-profile/user-profile.module.ts
new file mode 100644
index 0000000..e04a285
--- /dev/null
+++ b/src/app/user-profile/user-profile.module.ts
@@ -0,0 +1,38 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ProfileComponent } from './pages/profile/profile.component';
+import { RouterModule, Routes } from '@angular/router';
+import {
+  VCLFormControlGroupModule,
+  VCLInputModule,
+  VCLPasswordInputModule,
+  VCLRadioButtonModule,
+} from '@vcl/ng-vcl';
+import { SharedModule } from '../shared/shared.module';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: ProfileComponent,
+  },
+];
+
+const vclModules = [
+  VCLInputModule,
+  VCLPasswordInputModule,
+  VCLRadioButtonModule,
+  VCLFormControlGroupModule,
+  // VCLIconModule,
+  // VCLIcogramModule,
+];
+
+@NgModule({
+  declarations: [ProfileComponent],
+  imports: [
+    CommonModule,
+    ...vclModules,
+    SharedModule,
+    RouterModule.forChild(routes),
+  ],
+})
+export class UserProfileModule {}