Razmig Sarkissian
2 months ago
parent
604d24c326
commit
1601f72ad2
@ -0,0 +1,36 @@ |
|||||||
|
// |
||||||
|
// WeekdayselectionView.swift |
||||||
|
// PadelClub |
||||||
|
// |
||||||
|
// Created by Razmig Sarkissian on 24/09/2025. |
||||||
|
// |
||||||
|
|
||||||
|
import SwiftUI |
||||||
|
import PadelClubData |
||||||
|
import LeStorage |
||||||
|
|
||||||
|
struct WeekdayselectionView: View { |
||||||
|
@Binding var weekdays: Set<Int> |
||||||
|
|
||||||
|
var body: some View { |
||||||
|
NavigationLink { |
||||||
|
List((1...7), selection: $weekdays) { type in |
||||||
|
Text(Date.weekdays[type - 1]).tag(type as Int) |
||||||
|
} |
||||||
|
.navigationTitle("Jour de la semaine") |
||||||
|
.environment(\.editMode, Binding.constant(EditMode.active)) |
||||||
|
} label: { |
||||||
|
HStack { |
||||||
|
Text("Jour de la semaine") |
||||||
|
Spacer() |
||||||
|
if weekdays.isEmpty || weekdays.count == 7 { |
||||||
|
Text("N'importe") |
||||||
|
.foregroundStyle(.secondary) |
||||||
|
} else { |
||||||
|
Text(weekdays.sorted().map({ Date.weekdays[$0 - 1] }).joined(separator: ", ")) |
||||||
|
.foregroundStyle(.secondary) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,235 @@ |
|||||||
|
import SwiftUI |
||||||
|
|
||||||
|
struct OnboardingView: View { |
||||||
|
@Environment(NavigationViewModel.self) private var navigation: NavigationViewModel |
||||||
|
@State private var selection = 0 |
||||||
|
@Environment(\.openURL) var openURL |
||||||
|
@Environment(\.dismiss) private var dismiss |
||||||
|
@AppStorage("didSeeOnboarding") private var didSeeOnboarding: Bool = false |
||||||
|
|
||||||
|
var steps: [OnboardingStep] { |
||||||
|
[ |
||||||
|
// Écran 1 – Bienvenue |
||||||
|
.single( |
||||||
|
title: "Bienvenue sur Padel Club", |
||||||
|
description: "L’outil idéal des juges-arbitres et organisateurs pour gérer leurs tournois de A à Z.", |
||||||
|
image: .padelClubLogoFondclairTransparent, |
||||||
|
imageSystem: nil, |
||||||
|
buttonTitle: "Suivant", |
||||||
|
action: { selection += 1 } |
||||||
|
), |
||||||
|
|
||||||
|
// Écran 2 – Juges arbitres |
||||||
|
.single( |
||||||
|
title: "Pour les Juges-Arbitres", |
||||||
|
description: "Planification, convocations, tirages, résultats… Tout ce qu’il faut pour organiser un tournoi de padel.", |
||||||
|
image: nil, |
||||||
|
imageSystem: "calendar.badge.clock", |
||||||
|
buttonTitle: "Suivant", |
||||||
|
action: { selection += 1 } |
||||||
|
), |
||||||
|
|
||||||
|
// Écran 3 – Joueurs (Multi boutons) |
||||||
|
.multi( |
||||||
|
title: "Vous êtes joueur ?", |
||||||
|
description: "Cette app a été pensée faite pour les organisateurs.\nPour suivre vos tournois et convocations, rendez-vous sur https://padelclub.app", |
||||||
|
image: nil, |
||||||
|
imageSystem: "person.fill.questionmark", |
||||||
|
tools: [ |
||||||
|
("Aller sur le site joueur", { |
||||||
|
if let url = URL(string: "https://padelclub.app") { |
||||||
|
openURL(url) |
||||||
|
} |
||||||
|
}) |
||||||
|
], |
||||||
|
finalButtonTitle: "Continuer", |
||||||
|
finalAction: { |
||||||
|
selection += 1 |
||||||
|
} |
||||||
|
), |
||||||
|
|
||||||
|
// Écran 4 – Outils utiles aux joueurs |
||||||
|
.multi( |
||||||
|
title: "Quelques outils utiles", |
||||||
|
description: "Même si pensée pour les organisateurs, vous trouverez aussi quelques fonctions pratiques en tant que joueur.", |
||||||
|
image: nil, |
||||||
|
imageSystem: "wrench.and.screwdriver", |
||||||
|
tools: [ |
||||||
|
("Chercher un tournoi Ten'Up", { |
||||||
|
dismiss() |
||||||
|
navigation.agendaDestination = .around |
||||||
|
}), |
||||||
|
("Calculateur de points", { |
||||||
|
dismiss() |
||||||
|
navigation.selectedTab = .toolbox |
||||||
|
}), |
||||||
|
("Consulter les règles du jeu", { |
||||||
|
dismiss() |
||||||
|
navigation.selectedTab = .toolbox |
||||||
|
}), |
||||||
|
("Créer vos animations amicales", { |
||||||
|
dismiss() |
||||||
|
navigation.agendaDestination = .activity |
||||||
|
}) |
||||||
|
], |
||||||
|
finalButtonTitle: "J'ai compris", |
||||||
|
finalAction: { |
||||||
|
UserDefaults.standard.set(true, forKey: "didSeeOnboarding") |
||||||
|
dismiss() |
||||||
|
} |
||||||
|
) |
||||||
|
] |
||||||
|
} |
||||||
|
|
||||||
|
var body: some View { |
||||||
|
NavigationStack { |
||||||
|
TabView(selection: $selection) { |
||||||
|
ForEach(Array(steps.enumerated()), id: \.offset) { index, step in |
||||||
|
switch step { |
||||||
|
case let .single(title, description, image, imageSystem, buttonTitle, action): |
||||||
|
OnboardingPage( |
||||||
|
title: title, |
||||||
|
description: description, |
||||||
|
image: image, |
||||||
|
imageSystem: imageSystem, |
||||||
|
buttonTitle: buttonTitle, |
||||||
|
action: action |
||||||
|
) |
||||||
|
.tag(index) |
||||||
|
|
||||||
|
case let .multi(title, description, image, imageSystem, tools, finalButtonTitle, finalAction): |
||||||
|
OnboardingMultiButtonPage( |
||||||
|
title: title, |
||||||
|
description: description, |
||||||
|
image: image, |
||||||
|
imageSystem: imageSystem, |
||||||
|
tools: tools, |
||||||
|
finalButtonTitle: finalButtonTitle, |
||||||
|
finalAction: finalAction |
||||||
|
) |
||||||
|
.tag(index) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.tabViewStyle(PageTabViewStyle(indexDisplayMode: .always)) |
||||||
|
.indexViewStyle(.page(backgroundDisplayMode: .always)) // <- ensures background |
||||||
|
.tint(.black) // <- sets the indicator color |
||||||
|
.toolbar { |
||||||
|
ToolbarItem(placement: .topBarTrailing) { |
||||||
|
Button { |
||||||
|
didSeeOnboarding = true |
||||||
|
dismiss() |
||||||
|
} label: { |
||||||
|
Text("Plus tard") |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.tint(.master) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// MARK: - Enum de configuration |
||||||
|
enum OnboardingStep { |
||||||
|
case single(title: String, description: String, image: ImageResource?, imageSystem: String?, buttonTitle: String, action: () -> Void) |
||||||
|
case multi(title: String, description: String, image: ImageResource?, imageSystem: String?, tools: [(String, () -> Void)], finalButtonTitle: String?, finalAction: () -> Void) |
||||||
|
} |
||||||
|
|
||||||
|
// MARK: - Vue de base commune |
||||||
|
struct OnboardingBasePage<Content: View>: View { |
||||||
|
var title: String |
||||||
|
var description: String |
||||||
|
var image: ImageResource? |
||||||
|
var imageSystem: String? |
||||||
|
@ViewBuilder var content: () -> Content |
||||||
|
|
||||||
|
var body: some View { |
||||||
|
VStack(spacing: 20) { |
||||||
|
Spacer() |
||||||
|
|
||||||
|
if let imageSystem { |
||||||
|
Image(systemName: imageSystem) |
||||||
|
.resizable() |
||||||
|
.scaledToFit() |
||||||
|
.frame(width: 100, height: 100) |
||||||
|
} else if let image { |
||||||
|
Image(image) |
||||||
|
.resizable() |
||||||
|
.scaledToFit() |
||||||
|
.frame(width: 100, height: 100) |
||||||
|
} |
||||||
|
|
||||||
|
Text(title) |
||||||
|
.font(.title) |
||||||
|
.fontWeight(.bold) |
||||||
|
.multilineTextAlignment(.center) |
||||||
|
|
||||||
|
Text(description) |
||||||
|
.font(.body) |
||||||
|
.multilineTextAlignment(.center) |
||||||
|
.padding(.horizontal, 30) |
||||||
|
.lineLimit(nil) |
||||||
|
.fixedSize(horizontal: false, vertical: true) |
||||||
|
|
||||||
|
Spacer() |
||||||
|
|
||||||
|
content() |
||||||
|
|
||||||
|
Spacer(minLength: 40) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// MARK: - Page avec un bouton |
||||||
|
struct OnboardingPage: View { |
||||||
|
var title: String |
||||||
|
var description: String |
||||||
|
var image: ImageResource? |
||||||
|
var imageSystem: String? |
||||||
|
var buttonTitle: String |
||||||
|
var action: () -> Void |
||||||
|
|
||||||
|
var body: some View { |
||||||
|
OnboardingBasePage(title: title, description: description, image: image, imageSystem: imageSystem) { |
||||||
|
RowButtonView(buttonTitle) { |
||||||
|
action() |
||||||
|
} |
||||||
|
.padding() |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// MARK: - Page avec plusieurs boutons |
||||||
|
struct OnboardingMultiButtonPage: View { |
||||||
|
var title: String |
||||||
|
var description: String |
||||||
|
var image: ImageResource? |
||||||
|
var imageSystem: String? |
||||||
|
var tools: [(String, () -> Void)] |
||||||
|
var finalButtonTitle: String? |
||||||
|
var finalAction: () -> Void |
||||||
|
|
||||||
|
var body: some View { |
||||||
|
OnboardingBasePage(title: title, description: description, image: image, imageSystem: imageSystem) { |
||||||
|
VStack(spacing: 12) { |
||||||
|
ForEach(Array(tools.enumerated()), id: \.offset) { _, tool in |
||||||
|
FooterButtonView(tool.0) { |
||||||
|
tool.1() |
||||||
|
} |
||||||
|
.tint(.master) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
if let finalButtonTitle = finalButtonTitle { |
||||||
|
RowButtonView(finalButtonTitle) { |
||||||
|
finalAction() |
||||||
|
} |
||||||
|
.padding() |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#Preview { |
||||||
|
OnboardingView() |
||||||
|
} |
||||||
Loading…
Reference in new issue