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

Added functions to send and see proof before valid participation from random challenge

Browse Source
This commit is contained in:
sanchezvem
2026-04-12 19:06:52 +01:00
parent 4d5380b40c
commit 6ab77fe800
59 changed files with 1067 additions and 1650 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/home/home.component.html
+3 -3
View File
@@ -17,16 +17,16 @@
<ion-content style="--background: #f7f6f2;">
<div class="mt-4">
<app-title-part textInfo="Défi bonus du jour"></app-title-part>
<app-challenge-card action="Regarder" tag="+1 pts" color=""></app-challenge-card>
<app-challenge-card [data]="randomChallenge()" action="Regarder" tag="+1 pts" color=""></app-challenge-card>
</div>
<div class="mt-4">
<app-title-part textInfo="Vote en attente"></app-title-part>
<app-challenge-card action="Voir" tag="Vote" color=""></app-challenge-card>
<app-challenge-card [data]="randomChallenge()" action="Voir" tag="Vote" color=""></app-challenge-card>
</div>
<div class="mt-4">
<app-title-part textInfo="Défis en cours"></app-title-part>
<app-challenge-card action="Participer" tag="Défis" color=""></app-challenge-card>
<app-challenge-card [data]="randomChallenge()" action="Participer" tag="Défis" color=""></app-challenge-card>
</div>
</ion-content>
src/app/pages/home/home.component.ts
+52 -8
View File
@@ -1,9 +1,12 @@
import {Component} from '@angular/core';
import {IonicModule} from "@ionic/angular";
import {addIcons} from "ionicons";
import {walkOutline, addOutline} from "ionicons/icons";
import {TitlePartComponent} from "../../components/title-part/title-part.component";
import {ChallengeCardComponent} from "../../components/challenge-card/challenge-card.component";
import {Component, inject, OnInit, signal} from '@angular/core';
import {IonicModule, ToastController} from "@ionic/angular";
import { addIcons } from "ionicons";
import { walkOutline, addOutline } from "ionicons/icons";
import { TitlePartComponent } from "../../components/title-part/title-part.component";
import { ChallengeCardComponent } from "../../components/challenge-card/challenge-card.component";
import * as signalR from '@microsoft/signalr';
import {GetRandomChallengeDto, RandomchallengesService} from "../../services/api";
import {firstValueFrom} from "rxjs";
addIcons({
'profile': walkOutline,
@@ -20,5 +23,46 @@ addIcons({
ChallengeCardComponent
]
})
export class HomeComponent {
}
export class HomeComponent implements OnInit {
// private connection: signalR.HubConnection;
//
// ngOnInit(): void {
// this.connection = new signalR.HubConnectionBuilder()
// .withUrl('http://localhost:5235/timeHub', {
// withCredentials: true
// })
// .build();
//
// this.connection.on('ReceiveTime', (time) => {
// console.log('Server time:', time);
// });
//
// this.connection.start()
// .then(() => {
// console.log('Connected to SignalR');
// this.connection.invoke('SendTime');
// })
// .catch(err => console.error('Connection error:', err));
// }
private randomChallengeService = inject(RandomchallengesService)
private toastCtrl = inject(ToastController);
randomChallenge = signal<GetRandomChallengeDto>({});
async ngOnInit() {
try {
const randomChallenge = await firstValueFrom(this.randomChallengeService.generateRandomChallengeEndpoint());
this.randomChallenge.set(randomChallenge);
}
catch {
const toast = await this.toastCtrl.create({
message: 'Impossible de générer un défi aléatoire',
duration: 2000,
color: 'danger'
});
await toast.present();
}
}
}