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/components/challenge-card/challenge-card.component.html
+51 -7
View File
@@ -1,25 +1,69 @@
<div class="bg-white m-4 rounded-2xl border border-amber-200 shadow-sm p-4 space-y-3">
<div class="grid grid-cols-5 items-center">
<h3 class="col-span-4 text-base font-semibold text-gray-900 m-0">
Title
{{ data().label }}
</h3>
<span class="col-span-1 text-right text-xs font-extrabold text-yellow-900 bg-amber-50 px-2 py-1 rounded-lg">
{{ tag() }}
</span>
</div>
<p class="text-[11px] text-gray-500 leading-relaxed">Description</p>
<p class="text-[11px] text-gray-500 leading-relaxed">{{ data().libelle }}</p>
<div class="grid grid-cols-5 items-center">
<span class="col-span-4 text-[11px] text-gray-500">
Info supplémentaire
</span>
<span class="col-span-4 text-[11px] text-gray-500">
Aucun malus pour ce défi
</span>
<div class="col-span-1 flex justify-end">
<ion-button
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;">
style="--padding-top: 4px; --padding-bottom: 4px;"
(touchstart)="setOpen(true, data().id)">
{{ action() }}
</ion-button>
</div>
</div>
</div>
</div>
<ion-modal [isOpen]="isModalOpen">
<ng-template>
<ion-header>
<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, null)"></ion-back-button>
</ion-buttons>
</ion-toolbar>
</ion-header>
<ion-content class="ion-padding m-1" style="--background: #f7f6f2;">
<div class="mt-4 bg-white rounded-2xl shadow-sm p-4 space-y-3">
<div class="grid grid-cols-5 items-center">
<h3 class="col-span-4 text-base font-semibold text-gray-900 m-0">
{{ data().label }}
</h3>
<span class="col-span-1 text-right text-xs font-extrabold text-yellow-900 bg-amber-50 px-2 py-1 rounded-lg">
{{ tag() }}
</span>
</div>
<p class="text-[11px] text-gray-500 leading-relaxed">{{ data().libelle }}</p>
</div>
<app-tooltip title="Aucun malus si non réalisé"
content="entièrement facultatif et solo. Points réduits comparé à un défi classique."></app-tooltip>
<div class="mb-6">
<app-proof-form #proofForm></app-proof-form>
</div>
<ion-button expand="block" (touchstart)="sendProof(data().id)">Soumettre ma preuve</ion-button>
</ion-content>
</ng-template>
</ion-modal>