117 lines
3.8 KiB
Swift
117 lines
3.8 KiB
Swift
//
|
||
// ReportServerRulesView.swift
|
||
// Mastodon
|
||
//
|
||
// Created by MainasuK on 2022-5-10.
|
||
//
|
||
|
||
import UIKit
|
||
import SwiftUI
|
||
import MastodonLocalization
|
||
import MastodonSDK
|
||
import MastodonAsset
|
||
|
||
struct ReportServerRulesView: View {
|
||
|
||
@ObservedObject var viewModel: ReportServerRulesViewModel
|
||
|
||
// TODO: i18n
|
||
var body: some View {
|
||
ScrollView(.vertical) {
|
||
HStack {
|
||
VStack(alignment: .leading, spacing: 8) {
|
||
Text("Step 2 of 4")
|
||
.foregroundColor(Color(Asset.Colors.Label.secondary.color))
|
||
.font(Font(UIFontMetrics(forTextStyle: .largeTitle).scaledFont(for: .systemFont(ofSize: 17, weight: .regular)) as CTFont))
|
||
Text(viewModel.headline)
|
||
.foregroundColor(Color(Asset.Colors.Label.primary.color))
|
||
.font(Font(UIFontMetrics(forTextStyle: .largeTitle).scaledFont(for: .systemFont(ofSize: 28, weight: .bold)) as CTFont))
|
||
Text("Select all that apply")
|
||
.foregroundColor(Color(Asset.Colors.Label.secondary.color))
|
||
.font(Font(UIFontMetrics(forTextStyle: .largeTitle).scaledFont(for: .systemFont(ofSize: 17, weight: .regular)) as CTFont))
|
||
}
|
||
Spacer()
|
||
}
|
||
.padding()
|
||
|
||
VStack(spacing: 32) {
|
||
ForEach(viewModel.serverRules, id: \.self) { rule in
|
||
ReportServerRulesRowView(
|
||
title: rule.text,
|
||
isSelect: rule == viewModel.selectRule
|
||
)
|
||
.background(
|
||
Color(viewModel.backgroundColor)
|
||
)
|
||
.onTapGesture {
|
||
viewModel.selectRule = rule
|
||
viewModel.isDislike = false
|
||
}
|
||
}
|
||
ReportServerRulesRowView(
|
||
title: "I just don’t like it",
|
||
isSelect: viewModel.isDislike
|
||
)
|
||
.background(
|
||
Color(viewModel.backgroundColor)
|
||
)
|
||
.onTapGesture {
|
||
viewModel.selectRule = nil
|
||
viewModel.isDislike = true
|
||
}
|
||
}
|
||
.padding()
|
||
.transition(.opacity)
|
||
.animation(.easeInOut)
|
||
|
||
Spacer()
|
||
.frame(minHeight: viewModel.bottomPaddingHeight)
|
||
}
|
||
.background(
|
||
Color(viewModel.backgroundColor)
|
||
)
|
||
}
|
||
|
||
}
|
||
|
||
struct ReportServerRulesRowView: View {
|
||
|
||
var title: String
|
||
var isSelect: Bool
|
||
|
||
var body: some View {
|
||
HStack(spacing: 14) {
|
||
Image(systemName: isSelect ? "checkmark.circle.fill" : "circle")
|
||
.resizable()
|
||
.frame(width: 28, height: 28, alignment: .center)
|
||
VStack(alignment: .leading, spacing: 4) {
|
||
Text(title)
|
||
.foregroundColor(Color(Asset.Colors.Label.primary.color))
|
||
.font(.headline)
|
||
}
|
||
Spacer()
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
#if DEBUG
|
||
struct ReportServerRulesView_Previews: PreviewProvider {
|
||
static var previews: some View {
|
||
Group {
|
||
NavigationView {
|
||
ReportServerRulesView(viewModel: ReportServerRulesViewModel(context: .shared))
|
||
.navigationBarTitle(Text(""))
|
||
.navigationBarTitleDisplayMode(.inline)
|
||
}
|
||
NavigationView {
|
||
ReportServerRulesView(viewModel: ReportServerRulesViewModel(context: .shared))
|
||
.navigationBarTitle(Text(""))
|
||
.navigationBarTitleDisplayMode(.inline)
|
||
}
|
||
.preferredColorScheme(.dark)
|
||
}
|
||
}
|
||
}
|
||
#endif
|