avancement boutons pages

src/app/pages/parameters/parameters-profile/parameters-profile.component.ts

@@ -1,11 +1,45 @@
-import { Component } from '@angular/core';
+import {Component, signal} from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
 
 @Component({
   selector: 'app-parameters-profile',
-  imports: [],
+  imports: [FormsModule, CommonModule],
   templateUrl: './parameters-profile.component.html',
   styleUrl: './parameters-profile.component.css'
 })
 export class ParametersProfileComponent {
+  username = signal('Doggeybag');
+  bio = signal('Joueur Valorant');
+
+  editingUsername = signal(false);
+  editingBio = signal(false);
+
+  profileImage = signal<string | null>(null);
+
+  onPhotoChange(event: Event): void {
+    const input = event.target as HTMLInputElement;
+    if (input.files && input.files[0]) {
+      const reader = new FileReader();
+      reader.onload = (e) => {
+        this.profileImage.set(e.target?.result as string);
+      };
+      reader.readAsDataURL(input.files[0]);
+    }
+  }
+
+  triggerFileInput(): void {
+    const input = document.getElementById('photoInput') as HTMLInputElement;
+    input?.click();
+  }
+
+  toggleEditUsername(): void {
+    this.editingUsername.update((v) => !v);
+  }
+
+  toggleEditBio(): void {
+    this.editingBio.update((v) => !v);
+  }
 
 }