You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
111 lines
4.3 KiB
111 lines
4.3 KiB
//
|
|
// BetCard.swift
|
|
// AllIn
|
|
//
|
|
// Created by Lucas on 24/09/2023.
|
|
//
|
|
|
|
import SwiftUI
|
|
import Model
|
|
|
|
struct BetCard: View {
|
|
|
|
var bet: Bet
|
|
@State var showDetails: Bool = false
|
|
|
|
var body: some View {
|
|
VStack(spacing: 0){
|
|
VStack(alignment: .leading,spacing: 2){
|
|
HStack{
|
|
Spacer()
|
|
Text("proposé par " + bet.author.username.capitalized).font(.system(size: 10)).foregroundColor(AllInColors.grey800Color)
|
|
|
|
}
|
|
Text(bet.theme).font(.system(size: 15)).foregroundColor(AllInColors.grey800Color)
|
|
Text(bet.phrase).font(.system(size: 20)).fontWeight(.bold)
|
|
HStack{
|
|
Text("Commence le").font(.system(size: 15)).foregroundColor(AllInColors.grey800Color)
|
|
TextCapsule(date: bet.endRegisterDate)
|
|
Spacer()
|
|
|
|
}
|
|
}
|
|
.frame(width: .infinity)
|
|
.padding(.all,15)
|
|
.background(AllInColors.componentBackgroundColor).cornerRadius(20, corners: [.topLeft,.topRight]).padding(.bottom,0)
|
|
|
|
VStack(alignment: .leading,spacing: 2){
|
|
HStack{
|
|
Spacer()
|
|
UsersPreview()
|
|
Text(String(bet.registered.count) + " joueurs en attente").font(.system(size: 15)).foregroundColor(AllInColors.grey800Color).fontWeight(.medium)
|
|
|
|
Spacer()
|
|
|
|
}.padding(0)
|
|
Button {
|
|
|
|
} label: {
|
|
Text("Participer")
|
|
.font(.system(size: 30))
|
|
.fontWeight(.bold)
|
|
.frame(maxWidth: .infinity).padding(10)
|
|
.multilineTextAlignment(.center)
|
|
.overlay {
|
|
AllInColors.primaryGradient.frame(width: 170)
|
|
.mask(
|
|
Text("Participer")
|
|
.font(.system(size: 30))
|
|
.fontWeight(.bold)
|
|
.frame(maxWidth: .infinity).padding(10)
|
|
)
|
|
}
|
|
}
|
|
.accentColor(AllInColors.componentBackgroundColor)
|
|
.buttonStyle(.borderedProminent).cornerRadius(4.0)
|
|
.overlay(
|
|
RoundedRectangle(cornerRadius: 12).stroke(AllInColors.delimiterGrey, lineWidth: 1)
|
|
).padding([.top],5)
|
|
|
|
VStack(alignment: .leading,spacing: 2){
|
|
HStack{
|
|
Spacer()
|
|
UsersPreview()
|
|
Text(" 4 joueurs en attente").font(.system(size: 15)).foregroundColor(AllInColors.grey800Color).fontWeight(.medium)
|
|
|
|
Spacer()
|
|
|
|
}.padding(0)
|
|
ParticipateButton().padding(.top, 5)
|
|
|
|
}
|
|
.frame(width: .infinity)
|
|
.padding(.all,8)
|
|
.background(AllInColors.underComponentBackgroundColor)
|
|
.cornerRadius(20, corners: [.bottomLeft,.bottomRight])
|
|
.border(width: 1, edges: [.top], color: AllInColors.delimiterGrey)
|
|
}
|
|
}.onTapGesture {
|
|
showDetails.toggle()
|
|
}.fullScreenCover(isPresented: $showDetails) {
|
|
DetailsView(isModalPresented: $showDetails)
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
struct BetCard_Previews: PreviewProvider {
|
|
static var previews: some View {
|
|
BetCard(bet: BinaryBet(theme: "Football - Finale de la Ligue des Champions",
|
|
phrase: "Le gagnant de la finale sera l'équipe avec le plus de tirs au but.",
|
|
endRegisterDate: Date().addingTimeInterval(86400),
|
|
endBetDate: Date().addingTimeInterval(172800),
|
|
totalStakes: 100,
|
|
isPublic: true,
|
|
invited: [],
|
|
author: User(username: "Imri", email: "emre.kartal@etu.uca.fr", nbCoins: 75, friends: []),
|
|
registered: []))
|
|
.preferredColorScheme(.dark)
|
|
}
|
|
}
|