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

Changed touchStart by click

Browse Source
This commit is contained in:
sanchezvem
2026-04-15 15:11:28 +01:00
parent 169abddce7
commit ad4a530fb3
8 changed files with 58 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/challenge-card/challenge-card.component.html
+3 -3
View File
@@ -23,7 +23,7 @@
fill="clear"
class="m-0 p-0 min-h-0 text-[11px] font-black bg-black text-white rounded-3xl"
style="--padding-top: 4px; --padding-bottom: 4px;"
(touchstart)="setOpen(true)">
(click)="setOpen(true)">
{{ action() }}
</ion-button>
</div>
@@ -36,7 +36,7 @@
<ion-toolbar>
<ion-title>Défi Quotidien</ion-title>
<ion-buttons slot="start" style="--ion-color-primary: #0054E9;">
<ion-back-button default-href="" (touchstart)="setOpen(false)"></ion-back-button>
<ion-back-button default-href="" (click)="setOpen(false)"></ion-back-button>
</ion-buttons>
</ion-toolbar>
</ion-header>
@@ -62,7 +62,7 @@
<app-proof-form #proofForm></app-proof-form>
</div>
<ion-button expand="block" (touchstart)="sendProof(data().id)">Soumettre ma preuve</ion-button>
<ion-button expand="block" (click)="sendProof(data().id)">Soumettre ma preuve</ion-button>
</ion-content>
</ng-template>
src/app/components/friend-request/friend-request.component.html
+4 -4
View File
@@ -9,11 +9,11 @@
src="https://ionicframework.com/docs/img/demos/avatar.svg"/>
</ion-avatar>
<ion-label class="text-xs font-mono">{{ request.username }}</ion-label>
<ion-button fill="clear" (touchstart)="acceptRequest(request)">
<ion-button fill="clear" (click)="acceptRequest(request)">
<ion-icon slot="icon-only" name="check" class="text-green-600 m-0"></ion-icon>
</ion-button>
<app-pipe></app-pipe>
<ion-button fill="clear" (touchstart)="rejectRequest(request.userId)">
<ion-button fill="clear" (click)="rejectRequest(request.userId)">
<ion-icon slot="icon-only" name="close" class="text-red-600 m-0"></ion-icon>
</ion-button>
</ion-item>
@@ -24,11 +24,11 @@
src="https://ionicframework.com/docs/img/demos/avatar.svg"/>
</ion-avatar>
<ion-label class="text-xs font-mono">{{ request.username }}</ion-label>
<ion-button fill="clear" (touchstart)="acceptRequest(request)">
<ion-button fill="clear" (click)="acceptRequest(request)">
<ion-icon slot="icon-only" name="check" class="text-green-600 m-0"></ion-icon>
</ion-button>
<app-pipe></app-pipe>
<ion-button fill="clear" (touchstart)="rejectRequest(request.userId)">
<ion-button fill="clear" (click)="rejectRequest(request.userId)">
<ion-icon slot="icon-only" name="close" class="text-red-600 m-0"></ion-icon>
</ion-button>
</ion-item>
src/app/components/friends/friends-list.component.html
+5 -5
View File
@@ -9,10 +9,10 @@
src="https://ionicframework.com/docs/img/demos/avatar.svg"/>
</ion-avatar>
<ion-label class="text-xs font-mono font-bold"
(touchstart)="setOpen(true, friend.friendId)">{{ friend.username }}
(click)="setOpen(true, friend.friendId)">{{ friend.username }}
</ion-label>
<ion-label class="text-xs font-mono text-gray-400">{{ friend.score }} <em>pts</em></ion-label>
<ion-button fill="clear" (touchstart)="deleteFriend(friend.friendId)">
<ion-button fill="clear" (click)="deleteFriend(friend.friendId)">
<ion-icon slot="icon-only" name="close" class="text-red-600"></ion-icon>
</ion-button>
</ion-item>
@@ -23,10 +23,10 @@
src="https://ionicframework.com/docs/img/demos/avatar.svg"/>
</ion-avatar>
<ion-label class="text-xs font-mono font-bold"
(touchstart)="setOpen(true, friend.friendId)">{{ friend.username }}
(click)="setOpen(true, friend.friendId)">{{ friend.username }}
</ion-label>
<ion-label class="text-xs font-mono text-gray-400">{{ friend.score }} <em>pts</em></ion-label>
<ion-button fill="clear" (touchstart)="deleteFriend(friend.friendId)">
<ion-button fill="clear" (click)="deleteFriend(friend.friendId)">
<ion-icon slot="icon-only" name="close" class="text-red-600"></ion-icon>
</ion-button>
</ion-item>
@@ -48,7 +48,7 @@
<ion-toolbar>
<ion-title>Profil</ion-title>
<ion-buttons slot="start" style="--ion-color-primary: #0054E9;">
<ion-back-button default-href="" (touchstart)="setOpen(false, null)"></ion-back-button>
<ion-back-button default-href="" (click)="setOpen(false, null)"></ion-back-button>
</ion-buttons>
</ion-toolbar>
</ion-header>
src/app/components/search-friend/search-friend.component.html
+2 -2
View File
@@ -23,7 +23,7 @@
<ion-label class="text-xs font-mono text-gray-400">{{ result.getUserStatsDto.score }}
<em>pts</em>
</ion-label>
<ion-button fill="clear" (touchstart)="addFriend(result.id)">
<ion-button fill="clear" (click)="addFriend(result.id)">
<ion-icon slot="icon-only" name="send" class="text-green-700 text-2xl"></ion-icon>
</ion-button>
</ion-item>
@@ -37,7 +37,7 @@
<ion-label class="text-xs font-mono text-gray-400">{{ result.getUserStatsDto.score }}
<em>pts</em>
</ion-label>
<ion-button fill="clear" (touchstart)="addFriend(result.id)">
<ion-button fill="clear" (click)="addFriend(result.id)">
<ion-icon slot="icon-only" name="send" class="text-green-700 text-2xl"></ion-icon>
</ion-button>
</ion-item>
src/app/components/settings-options/settings-options.component.html
+20 -18
View File
@@ -2,35 +2,37 @@
<ion-list>
@for (n of options; track n) {
@if (n == options.length) {
<ion-item lines="none">
<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>
} @else {
<ion-item lines="full">
@switch (n) {
@case (1) {
@switch (n) {
@case (1) {
<ion-item lines="full" class="transition-all duration-200 active:[--background:#DBD8D7]">
<p class="text-sm text-gray-600">Ma galerie</p>
<ion-icon slot="end" class="text-xl text-gray-400" name="chevron"></ion-icon>
}
@case (2) {
<p class="text-sm text-gray-600">Modifier le pseudo</p>
</ion-item>
}
@case (2) {
<ion-item lines="full" class="transition-all duration-200 active:[--background:#DBD8D7]">
<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>
}
@case (3) {
<p class="text-sm text-gray-600">Modifier l'email</p>
</ion-item>
}
@case (3) {
<ion-item lines="full" class="transition-all duration-200 active:[--background:#DBD8D7]">
<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>
}
@case (4) {
<p class="text-sm text-gray-600">Modifier le mot de passe</p>
<ion-icon slot="end" class="text-xl text-gray-400" name="chevron"></ion-icon>
}
@case (5) {
</ion-item>
}
@case (4) {
<ion-item lines="full" class="transition-all duration-200 active:[--background:#DBD8D7]">
<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>
}
</ion-item>
}
}
}
</ion-list>
src/app/components/settings-options/settings-options.component.ts
+20 -3
View File
@@ -1,7 +1,8 @@
import {Component} from '@angular/core';
import {IonicModule} from "@ionic/angular";
import {Component, inject} from '@angular/core';
import {IonicModule, LoadingController, NavController} from "@ionic/angular";
import {logOutOutline, chevronForwardOutline} from "ionicons/icons";
import {addIcons} from "ionicons";
import {AuthManageService} from "../../services/auth-manage";
addIcons({
'logout': logOutOutline,
@@ -17,6 +18,22 @@ addIcons({
]
})
export class SettingsOptionsComponent {
private authManageService = inject(AuthManageService);
private loadCtrl = inject(LoadingController);
private navCtrl = inject(NavController);
options = [1, 2, 3, 4, 5, 6];
options = [1, 2, 3, 4, 5];
async logOut(){
const loading = await this.loadCtrl.create({
message: 'Déconnexion en cours...',
spinner: 'lines-sharp-small'
});
await loading.present();
this.authManageService.logout();
await this.navCtrl.navigateRoot('/');
await loading.dismiss();
}
}