passepartout-apple/Passepartout/Library/Sources/AppUIMain/Views/App/InstalledProfileView.swift

327 lines
7.8 KiB
Swift
Raw Normal View History

2024-09-23 13:02:26 +00:00
//
// InstalledProfileView.swift
// Passepartout
//
// Created by Davide De Rosa on 9/3/24.
// Copyright (c) 2024 Davide De Rosa. All rights reserved.
//
// https://github.com/passepartoutvpn
//
// This file is part of Passepartout.
//
// Passepartout is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// Passepartout is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with Passepartout. If not, see <http://www.gnu.org/licenses/>.
//
import CommonLibrary
import CommonUtils
2024-09-23 13:02:26 +00:00
import PassepartoutKit
import SwiftUI
import UITesting
2024-09-23 13:02:26 +00:00
struct InstalledProfileView: View, Routable {
@EnvironmentObject
private var theme: Theme
2024-09-23 13:02:26 +00:00
let layout: ProfilesLayout
let profileManager: ProfileManager
let profile: Profile?
let tunnel: ExtendedTunnel
2024-09-23 13:02:26 +00:00
let interactiveManager: InteractiveManager
let errorHandler: ErrorHandler
@Binding
var nextProfileId: Profile.ID?
var flow: ProfileFlow?
2024-09-23 13:02:26 +00:00
var body: some View {
debugChanges()
return HStack(alignment: .center) {
cardView
.uiAccessibility(.App.installedProfile)
2024-09-23 13:02:26 +00:00
Spacer()
toggleButton
}
.modifier(HeaderModifier(layout: layout))
}
}
private extension InstalledProfileView {
var cardView: some View {
VStack(alignment: .leading, spacing: 20) {
2024-09-23 13:02:26 +00:00
HStack(alignment: .center) {
if profile != nil {
actionableNameView
Spacer(minLength: 10)
2024-09-23 13:02:26 +00:00
} else {
nameView()
2024-09-23 13:02:26 +00:00
}
}
Group {
if profile != nil {
statusView
} else {
Text(Strings.Views.App.InstalledProfile.None.status)
.foregroundStyle(.secondary)
}
}
.font(.body)
2024-09-23 13:02:26 +00:00
}
.modifier(CardModifier(layout: layout))
}
var actionableNameView: some View {
ThemeDisclosableMenu(content: menuContent, label: nameView)
2024-09-23 13:02:26 +00:00
}
func nameView() -> some View {
Text(profile?.name ?? Strings.Views.App.InstalledProfile.None.name)
2024-09-23 13:02:26 +00:00
.font(.title2)
.fontWeight(theme.relevantWeight)
.themeTruncating(.tail)
}
var statusView: some View {
HStack {
providerSelectorButton
StatusText(theme: theme, tunnel: tunnel)
}
2024-09-23 13:02:26 +00:00
}
var toggleButton: some View {
ToggleButton(
theme: theme,
2024-09-23 13:02:26 +00:00
tunnel: tunnel,
profile: profile,
nextProfileId: $nextProfileId,
interactiveManager: interactiveManager,
errorHandler: errorHandler,
flow: flow
)
.opaque(profile != nil)
2024-09-23 13:02:26 +00:00
}
func menuContent() -> some View {
2024-09-23 13:02:26 +00:00
ProfileContextMenu(
style: .installedProfile,
2024-09-23 13:02:26 +00:00
profileManager: profileManager,
tunnel: tunnel,
preview: .init(profile ?? .mock),
2024-09-23 13:02:26 +00:00
interactiveManager: interactiveManager,
errorHandler: errorHandler,
flow: flow
)
}
var providerSelectorButton: some View {
profile?
.selectedProvider
.map { _, selection in
Button {
flow?.onProviderEntityRequired(profile!)
} label: {
providerSelectorLabel(with: selection)
}
.buttonStyle(.plain)
}
}
func providerSelectorLabel(with provider: SerializedProvider) -> some View {
ProviderCountryFlag(provider: provider)
}
}
// MARK: - Subviews (observing)
private struct StatusText: View {
@ObservedObject
var theme: Theme
@ObservedObject
var tunnel: ExtendedTunnel
var body: some View {
debugChanges()
return ConnectionStatusText(tunnel: tunnel)
.foregroundStyle(tunnel.statusColor(theme))
}
}
private struct ToggleButton: View {
@ObservedObject
var theme: Theme
@ObservedObject
var tunnel: ExtendedTunnel
let profile: Profile?
@Binding
var nextProfileId: Profile.ID?
@ObservedObject
var interactiveManager: InteractiveManager
@ObservedObject
var errorHandler: ErrorHandler
let flow: ProfileFlow?
var body: some View {
TunnelToggleButton(
tunnel: tunnel,
profile: profile,
nextProfileId: $nextProfileId,
interactiveManager: interactiveManager,
errorHandler: errorHandler,
onProviderEntityRequired: {
flow?.onProviderEntityRequired($0)
},
onPurchaseRequired: {
flow?.onPurchaseRequired($0)
},
label: { _ in
ThemeImage(.tunnelToggle)
.scaleEffect(1.5, anchor: .trailing)
}
)
// XXX: #584, necessary to avoid cell selection
.buttonStyle(.plain)
.foregroundStyle(tunnel.statusColor(theme))
}
}
private struct ProviderCountryFlag: View {
let provider: SerializedProvider
var body: some View {
ThemeCountryFlag(
provider.entity?.header.countryCode,
placeholderTip: Strings.Errors.App.Passepartout.missingProviderEntity,
countryTip: {
$0.localizedAsRegionCode
2024-09-23 13:02:26 +00:00
}
)
}
}
private struct HeaderModifier: ViewModifier {
@EnvironmentObject
private var theme: Theme
let layout: ProfilesLayout
func body(content: Content) -> some View {
switch layout {
case .list:
content
.listRowInsets(.init())
#if os(iOS)
.padding(.horizontal)
#endif
case .grid:
content
.themeGridCell(isSelected: false)
}
}
}
private struct CardModifier: ViewModifier {
let layout: ProfilesLayout
func body(content: Content) -> some View {
switch layout {
case .list:
#if os(iOS)
content
.padding(.vertical)
#else
2024-09-23 13:02:26 +00:00
content
#endif
case .grid:
content
}
}
}
// MARK: - Previews
#Preview("List") {
Form {
HeaderView(layout: .list)
Section {
ContentView()
}
}
.themeForm()
.withMockEnvironment()
2024-09-23 13:02:26 +00:00
}
#Preview("Grid") {
ScrollView {
VStack {
HeaderView(layout: .grid)
.padding(.bottom)
ContentView()
.themeGridCell(isSelected: false)
}
.padding()
}
.withMockEnvironment()
2024-09-23 13:02:26 +00:00
}
private struct HeaderView: View {
let layout: ProfilesLayout
var body: some View {
InstalledProfileView(
layout: layout,
profileManager: .mock,
profile: .mock,
tunnel: .mock,
interactiveManager: InteractiveManager(),
errorHandler: .default(),
nextProfileId: .constant(nil)
)
}
}
private struct ContentView: View {
var body: some View {
ForEach(0..<3) { _ in
ProfileRowView(
style: .full,
profileManager: .mock,
tunnel: .mock,
preview: .init(.mock),
2024-09-23 13:02:26 +00:00
interactiveManager: InteractiveManager(),
errorHandler: .default(),
nextProfileId: .constant(nil),
withMarker: true
)
2024-09-23 13:02:26 +00:00
}
}
}