sanchezvem/BeReadyFrontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added signals to manage settings

Browse Source
This commit is contained in:
sanchezvem
2026-04-15 17:13:43 +01:00
parent ebdb76bf7e
commit 402825d2c0
2 changed files with 28 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/settings-options/settings-options.component.html
+8 -4
View File
@@ -2,7 +2,8 @@
<ion-list>
@for (n of options; track n) {
@if (n == options.length) {
<ion-item lines="none" class="transition-all duration-200 active:[--background:#DBD8D7]" (click)="logOut()">
<ion-item lines="none" class="transition-all duration-200 active:[--background:#DBD8D7]"
(click)="logOut()">
<p class="text-sm text-red-800">Se déconnecter</p>
<ion-icon slot="end" class="text-xl text-red-800" name="logout"></ion-icon>
</ion-item>
@@ -15,19 +16,22 @@
</ion-item>
}
@case (2) {
<ion-item lines="full" class="transition-all duration-200 active:[--background:#DBD8D7]">
<ion-item lines="full" class="transition-all duration-200 active:[--background:#DBD8D7]"
(click)="updateProfileState(true)">
<p class="text-sm text-gray-600">Modifier mes informations</p>
<ion-icon slot="end" class="text-xl text-gray-400" name="chevron"></ion-icon>
</ion-item>
}
@case (3) {
<ion-item lines="full" class="transition-all duration-200 active:[--background:#DBD8D7]">
<ion-item lines="full" class="transition-all duration-200 active:[--background:#DBD8D7]"
(click)="updatePasswordState(true)">
<p class="text-sm text-gray-600">Modifier mon mot de passe</p>
<ion-icon slot="end" class="text-xl text-gray-400" name="chevron"></ion-icon>
</ion-item>
}
@case (4) {
<ion-item lines="full" class="transition-all duration-200 active:[--background:#DBD8D7]">
<ion-item lines="full" class="transition-all duration-200 active:[--background:#DBD8D7]"
(click)="updateDesignationState(true)">
<p class="text-sm text-gray-600">Changer de désignation</p>
<ion-icon slot="end" class="text-xl text-gray-400" name="chevron"></ion-icon>
</ion-item>
src/app/components/settings-options/settings-options.component.ts
+20 -3
View File
@@ -1,12 +1,13 @@
import {Component, inject} from '@angular/core';
import {Component, inject, signal} from '@angular/core';
import {IonicModule, LoadingController, NavController} from "@ionic/angular";
import {logOutOutline, chevronForwardOutline} from "ionicons/icons";
import {logOutOutline, chevronForwardOutline, chevronBack} from "ionicons/icons";
import {addIcons} from "ionicons";
import {AuthManageService} from "../../services/auth-manage";
addIcons({
'logout': logOutOutline,
'chevron': chevronForwardOutline
'chevron': chevronForwardOutline,
'chevron-back': chevronBack
});
@Component({
@@ -24,6 +25,22 @@ export class SettingsOptionsComponent {
options = [1, 2, 3, 4, 5];
profileState = signal<boolean>(false);
passwordState = signal<boolean>(false);
designationState = signal<boolean>(false);
updateProfileState(state: boolean) {
this.profileState.set(state);
}
updatePasswordState(state: boolean) {
this.passwordState.set(state);
}
updateDesignationState(state: boolean) {
this.designationState.set(state);
}
async logOut(){
const loading = await this.loadCtrl.create({
message: 'Déconnexion en cours...',