Mise à jour articles et produits

src/app/components/settings/settings.component.ts

@@ -8,6 +8,7 @@ import { MatDividerModule } from '@angular/material/divider';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
+import { MatSelectModule } from '@angular/material/select';
 
 import { Observable, Subscription } from 'rxjs';
 
@@ -20,7 +21,7 @@ import { ListErrorsComponent } from 'src/app/components/shared';
     standalone: true,
     imports: [
         RouterLink, FormsModule, ReactiveFormsModule,
-        MatButtonModule, MatIconModule, MatFormFieldModule, MatInputModule, MatDividerModule,
+        MatButtonModule, MatIconModule, MatDividerModule, MatFormFieldModule, MatInputModule, MatSelectModule,
         ListErrorsComponent
     ],
     styleUrl: './settings.component.scss',
@@ -38,6 +39,18 @@ export class SettingsComponent implements OnInit, OnDestroy {
     errors: Errors = { errors: {} };
     isSubmitting = false;
     destroyRef = inject(DestroyRef);
+    imgPath = '/assets/images/avatars/';
+    imgExt = '.jpg';
+    avatars = [
+        `${this.imgPath}animal_001${this.imgExt}`, `${this.imgPath}animal_002${this.imgExt}`,
+        `${this.imgPath}animal_003${this.imgExt}`, `${this.imgPath}animal_004${this.imgExt}`,
+        `${this.imgPath}animal_005${this.imgExt}`, `${this.imgPath}animal_006${this.imgExt}`,
+        `${this.imgPath}animal_007${this.imgExt}`, `${this.imgPath}animal_008${this.imgExt}`,
+        `${this.imgPath}animal_009${this.imgExt}`, `${this.imgPath}animal_010${this.imgExt}`,
+        `${this.imgPath}animal_011${this.imgExt}`, `${this.imgPath}animal_012${this.imgExt}`,
+        `${this.imgPath}animal_013${this.imgExt}`, `${this.imgPath}animal_014${this.imgExt}`,
+        `${this.imgPath}animal_015${this.imgExt}`, `${this.imgPath}animal_016${this.imgExt}`
+    ];
 
     constructor(
         private router: Router,
@@ -52,10 +65,7 @@ export class SettingsComponent implements OnInit, OnDestroy {
             firstname: ['', Validators.required],
             lastname: ['', Validators.required],
             phone: ['', Validators.required],
-            licence: '',
-            poids: '',
-            image: '',
-            bg_image: ''
+            image: ''
         });
         // Optional: subscribe to changes on the form :
         // this.settingsForm.valueChanges.pipe(this._scavenger.collect()).subscribe(values => this.updateUser(values));
@@ -94,7 +104,10 @@ export class SettingsComponent implements OnInit, OnDestroy {
     submitForm() {
         this.isSubmitting = true;
 
-        // update the model
+        /* Update the model */
+        if (this.avatars.indexOf(this.settingsForm.value.image) === -1) {
+            this.settingsForm.value.image = `${this.imgPath}animal_001${this.imgExt}`;
+        }
         this.updateUser(this.settingsForm.value);
 
         const user$: Observable<{ user: User }> = this.userService.update(this.user).pipe(takeUntilDestroyed(this.destroyRef));