From f4f04dd79b4bb539b5e61b0b3a644a6acbe526b4 Mon Sep 17 00:00:00 2001 From: rpapin <rpapin@grandlyon.com> Date: Thu, 3 Dec 2020 14:02:17 +0100 Subject: [PATCH] Add cardDone --- src/assets/png/seasons/beariconSuccess.png | Bin 0 -> 5664 bytes src/assets/png/seasons/bearx.png | Bin 0 -> 3397 bytes src/components/Season/SeasonCardDone.tsx | 76 ++++++++++++++++++++- src/components/Season/seasonCardDone.scss | 19 ++++++ src/models/boss.model.ts | 2 +- 5 files changed, 95 insertions(+), 2 deletions(-) create mode 100644 src/assets/png/seasons/beariconSuccess.png create mode 100644 src/assets/png/seasons/bearx.png diff --git a/src/assets/png/seasons/beariconSuccess.png b/src/assets/png/seasons/beariconSuccess.png new file mode 100644 index 0000000000000000000000000000000000000000..2b757e568f14e87fb926b115b964f62b409b63ab GIT binary patch literal 5664 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 literal 0 HcmV?d00001 diff --git a/src/assets/png/seasons/bearx.png b/src/assets/png/seasons/bearx.png new file mode 100644 index 0000000000000000000000000000000000000000..c280c526c100e447ad3336dde1f205d0e55070d4 GIT binary patch literal 3397 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 literal 0 HcmV?d00001 diff --git a/src/components/Season/SeasonCardDone.tsx b/src/components/Season/SeasonCardDone.tsx index 2786a5c3e..b315e2652 100644 --- a/src/components/Season/SeasonCardDone.tsx +++ b/src/components/Season/SeasonCardDone.tsx @@ -1,6 +1,10 @@ import React from 'react' import './seasonCardDone.scss' import { UserSeason } from 'models' +import iconSuccess from 'assets/png/seasons/beariconSuccess.png' +import iconAlmost from 'assets/png/seasons/bearx.png' +import { UserSeasonSuccess } from 'enum/userSeason.enum' +import { DateTime } from 'luxon' interface SeasonCardDoneProps { userSeason: UserSeason @@ -9,7 +13,77 @@ interface SeasonCardDoneProps { const SeasonCardDone: React.FC<SeasonCardDoneProps> = ({ userSeason, }: SeasonCardDoneProps) => { - return <></> + const getNumberDayProgress = (localUserSeason: UserSeason) => { + if ( + localUserSeason.startDate !== null && + localUserSeason.endingDate !== null + ) { + const startDate = DateTime.fromISO(localUserSeason.startDate) + const endDate = DateTime.fromISO(localUserSeason.endingDate) + + const delta = endDate.diff(startDate, 'days').toObject() + if (delta && delta.days !== undefined) { + delta.days = Math.round(delta.days + 1) + const label = delta.days == 1 ? ' jour' : ' jours' + return ' ' + delta.days + ' ' + label + } + } else return '' + } + const getUserSaving = (localUserSeason: UserSeason) => { + let label + if (localUserSeason.boss.threshold > localUserSeason.boss.userConsumption) + label = 'Economie de ' + else label = 'Dépense de ' + + return ( + label + + Math.round( + (Math.abs( + localUserSeason.boss.threshold - localUserSeason.boss.userConsumption + ) * + 100) / + 100 + ) + + '€' + ) + } + const getResultLabel = (localUserSeason: UserSeason) => { + switch (localUserSeason.success) { + case UserSeasonSuccess.WIN: + return 'Gagné' + case UserSeasonSuccess.ALMOST_WIN: + return 'Presque gagné' + case UserSeasonSuccess.LOST: + return 'Perdu' + } + } + const getIcon = (localUserSeason: UserSeason) => { + let icon + if (localUserSeason.success == UserSeasonSuccess.WIN) icon = iconSuccess + else icon = iconAlmost + return icon + } + return ( + <div className="cardContent"> + <div className="headerCard">SAISON</div> + <div className="seasonName text-20-bold">{userSeason.boss.title}</div> + <div className="iconResult"> + <img src={getIcon(userSeason)} className="imgResult" /> + </div> + <div className="labelResult">{getResultLabel(userSeason)}</div> + <div className="statsResult"> + <span className="text-18-bold">{userSeason.progress} étoiles</span> + <br /> + obtenues en + <span className="text-18-bold">{getNumberDayProgress(userSeason)}</span> + <br /> + <br /> + <span className="text-18-bold">{getUserSaving(userSeason)}</span> + <br /> + sur le défi final + </div> + </div> + ) } export default SeasonCardDone diff --git a/src/components/Season/seasonCardDone.scss b/src/components/Season/seasonCardDone.scss index e4300007a..e3d9c1603 100644 --- a/src/components/Season/seasonCardDone.scss +++ b/src/components/Season/seasonCardDone.scss @@ -1,2 +1,21 @@ @import '../../styles/base/typography'; +.cardContent { + border: 1px solid #E0E0E0; + filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.55)); + border-radius: 4px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.seasonName, .labelResult { + margin-bottom: 2rem; +} +.labelResult { + color: #E3B82A; + font-weight: bold; + font-size: 24px; + line-height: 120%; +} \ No newline at end of file diff --git a/src/models/boss.model.ts b/src/models/boss.model.ts index c780f3825..2d0fda0be 100644 --- a/src/models/boss.model.ts +++ b/src/models/boss.model.ts @@ -9,11 +9,11 @@ export interface BossEntity { } export interface Boss { id: string + userConsumption: number title: string description: string duration: Duration threshold: number state: UserBossState startDate: DateTime | null - userConsumption: number } -- GitLab