mirror of
https://github.com/vector-im/element-ios.git
synced 2024-09-30 08:12:40 +00:00
133 lines
6 KiB
Swift
133 lines
6 KiB
Swift
//
|
|
// Copyright 2021 New Vector Ltd
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
//
|
|
|
|
import SwiftUI
|
|
|
|
struct PollEditForm: View {
|
|
// MARK: - Properties
|
|
|
|
// MARK: Private
|
|
|
|
@Environment(\.theme) private var theme: ThemeSwiftUI
|
|
|
|
// MARK: Public
|
|
|
|
@ObservedObject var viewModel: PollEditFormViewModel.Context
|
|
|
|
var body: some View {
|
|
NavigationView {
|
|
GeometryReader { proxy in
|
|
ScrollView {
|
|
VStack(alignment: .leading, spacing: 32.0) {
|
|
PollEditFormTypePicker(selectedType: $viewModel.type)
|
|
|
|
VStack(alignment: .leading, spacing: 16.0) {
|
|
Text(VectorL10n.pollEditFormPollQuestionOrTopic)
|
|
.font(theme.fonts.title3SB)
|
|
.foregroundColor(theme.colors.primaryContent)
|
|
|
|
VStack(alignment: .leading, spacing: 8.0) {
|
|
Text(VectorL10n.pollEditFormQuestionOrTopic)
|
|
.font(theme.fonts.subheadline)
|
|
.foregroundColor(theme.colors.primaryContent)
|
|
|
|
MultilineTextField(VectorL10n.pollEditFormInputPlaceholder, text: $viewModel.question.text)
|
|
}
|
|
}
|
|
|
|
VStack(alignment: .leading, spacing: 16.0) {
|
|
Text(VectorL10n.pollEditFormCreateOptions)
|
|
.font(theme.fonts.title3SB)
|
|
.foregroundColor(theme.colors.primaryContent)
|
|
|
|
ForEach(0..<viewModel.answerOptions.count, id: \.self) { index in
|
|
SafeBindingCollectionEnumerator($viewModel.answerOptions, index: index) { binding in
|
|
PollEditFormAnswerOptionView(text: binding.text, index: index) {
|
|
withAnimation(.easeInOut(duration: 0.2)) {
|
|
viewModel.send(viewAction: .deleteAnswerOption(viewModel.answerOptions[index]))
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Button(VectorL10n.pollEditFormAddOption) {
|
|
withAnimation(.easeInOut(duration: 0.2)) {
|
|
viewModel.send(viewAction: .addAnswerOption)
|
|
}
|
|
}
|
|
.disabled(!viewModel.viewState.addAnswerOptionButtonEnabled)
|
|
|
|
Spacer()
|
|
|
|
if viewModel.viewState.mode == .creation {
|
|
Button(VectorL10n.pollEditFormCreatePoll) {
|
|
viewModel.send(viewAction: .create)
|
|
}
|
|
.buttonStyle(PrimaryActionButtonStyle())
|
|
.disabled(!viewModel.viewState.confirmationButtonEnabled)
|
|
}
|
|
}
|
|
.padding(.vertical, 24.0)
|
|
.padding(.horizontal, 16.0)
|
|
.activityIndicator(show: viewModel.viewState.showLoadingIndicator)
|
|
.alert(item: $viewModel.alertInfo) { info in
|
|
Alert(title: Text(info.title),
|
|
message: Text(info.subtitle),
|
|
dismissButton: .default(Text(VectorL10n.ok)))
|
|
}
|
|
.frame(minHeight: proxy.size.height) // Make the VStack fill the ScrollView's parent
|
|
.toolbar {
|
|
ToolbarItem(placement: .navigationBarLeading) {
|
|
Button(VectorL10n.cancel, action: {
|
|
viewModel.send(viewAction: .cancel)
|
|
})
|
|
}
|
|
ToolbarItem(placement: .principal) {
|
|
Text(VectorL10n.pollEditFormCreatePoll)
|
|
.font(.headline)
|
|
.foregroundColor(theme.colors.primaryContent)
|
|
}
|
|
|
|
ToolbarItem(placement: .navigationBarTrailing) {
|
|
if viewModel.viewState.mode == .editing {
|
|
Button(VectorL10n.save, action: {
|
|
viewModel.send(viewAction: .update)
|
|
})
|
|
.disabled(!viewModel.viewState.confirmationButtonEnabled)
|
|
}
|
|
}
|
|
}
|
|
.navigationBarTitleDisplayMode(.inline)
|
|
.introspectNavigationController { navigationController in
|
|
ThemeService.shared().theme.applyStyle(onNavigationBar: navigationController.navigationBar)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.accentColor(theme.colors.accent)
|
|
.navigationViewStyle(StackNavigationViewStyle())
|
|
}
|
|
}
|
|
|
|
// MARK: - Previews
|
|
|
|
struct PollEditForm_Previews: PreviewProvider {
|
|
static let stateRenderer = MockPollEditFormScreenState.stateRenderer
|
|
static var previews: some View {
|
|
stateRenderer.screenGroup()
|
|
}
|
|
}
|