160 lines
7.0 KiB
Swift
160 lines
7.0 KiB
Swift
//
|
|
// Copyright 2021-2024 New Vector Ltd.
|
|
//
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
// Please see LICENSE in the repository root for full details.
|
|
//
|
|
|
|
import SwiftUI
|
|
|
|
struct TimelinePollAnswerOptionButton: View {
|
|
// MARK: - Properties
|
|
|
|
// MARK: Private
|
|
|
|
@Environment(\.theme) private var theme: ThemeSwiftUI
|
|
|
|
let poll: TimelinePollDetails
|
|
let answerOption: TimelinePollAnswerOption
|
|
let action: (() -> Void)?
|
|
|
|
// MARK: Public
|
|
|
|
var body: some View {
|
|
Button {
|
|
action?()
|
|
} label: {
|
|
let rect = RoundedRectangle(cornerRadius: 4.0)
|
|
answerOptionLabel
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
.padding(.horizontal, 8.0)
|
|
.padding(.top, 12.0)
|
|
.padding(.bottom, 8.0)
|
|
.clipShape(rect)
|
|
.overlay(rect.stroke(borderAccentColor, lineWidth: 1.0))
|
|
.accentColor(progressViewAccentColor)
|
|
}
|
|
.accessibilityIdentifier("PollAnswerOption\(optionIndex)")
|
|
.disabled(action == nil)
|
|
}
|
|
|
|
var answerOptionLabel: some View {
|
|
VStack(alignment: .leading, spacing: 12.0) {
|
|
HStack(alignment: .top, spacing: 8.0) {
|
|
if !poll.closed {
|
|
Image(uiImage: answerOption.selected ? Asset.Images.pollCheckboxSelected.image : Asset.Images.pollCheckboxDefault.image)
|
|
}
|
|
|
|
Text(answerOption.text)
|
|
.font(theme.fonts.body)
|
|
.foregroundColor(theme.colors.primaryContent)
|
|
.accessibilityIdentifier("PollAnswerOption\(optionIndex)Label")
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
|
|
HStack(spacing: 6) {
|
|
if poll.closed, answerOption.winner {
|
|
Image(uiImage: Asset.Images.pollWinnerIcon.image)
|
|
}
|
|
|
|
if poll.shouldDiscloseResults {
|
|
Text(answerOption.count == 1 ? VectorL10n.pollTimelineOneVote : VectorL10n.pollTimelineVotesCount(Int(answerOption.count)))
|
|
.font(theme.fonts.footnote)
|
|
.foregroundColor(poll.closed && answerOption.winner ? theme.colors.accent : theme.colors.secondaryContent)
|
|
.accessibilityIdentifier("PollAnswerOption\(optionIndex)Count")
|
|
}
|
|
}
|
|
}
|
|
|
|
if poll.type == .disclosed || poll.closed {
|
|
ProgressView(value: Double(poll.shouldDiscloseResults ? answerOption.count : 0), total: Double(poll.totalAnswerCount))
|
|
.progressViewStyle(LinearProgressViewStyle.linear)
|
|
.scaleEffect(x: 1.0, y: 1.2, anchor: .center)
|
|
.accessibilityIdentifier("PollAnswerOption\(optionIndex)Progress")
|
|
}
|
|
}
|
|
}
|
|
|
|
var borderAccentColor: Color {
|
|
guard !poll.closed else {
|
|
return (answerOption.winner ? theme.colors.accent : theme.colors.quinaryContent)
|
|
}
|
|
|
|
return answerOption.selected ? theme.colors.accent : theme.colors.quinaryContent
|
|
}
|
|
|
|
var progressViewAccentColor: Color {
|
|
guard !poll.closed else {
|
|
return (answerOption.winner ? theme.colors.accent : theme.colors.quarterlyContent)
|
|
}
|
|
|
|
return answerOption.selected ? theme.colors.accent : theme.colors.quarterlyContent
|
|
}
|
|
|
|
var optionIndex: Int {
|
|
poll.answerOptions.firstIndex { $0.id == answerOption.id } ?? Int.max
|
|
}
|
|
}
|
|
|
|
struct TimelinePollAnswerOptionButton_Previews: PreviewProvider {
|
|
static let stateRenderer = MockTimelinePollScreenState.stateRenderer
|
|
|
|
static var previews: some View {
|
|
Group {
|
|
let pollTypes: [TimelinePollType] = [.disclosed, .undisclosed]
|
|
|
|
ForEach(pollTypes, id: \.self) { type in
|
|
VStack {
|
|
TimelinePollAnswerOptionButton(poll: buildPoll(closed: false, type: type),
|
|
answerOption: buildAnswerOption(selected: false),
|
|
action: { })
|
|
|
|
TimelinePollAnswerOptionButton(poll: buildPoll(closed: false, type: type),
|
|
answerOption: buildAnswerOption(selected: true),
|
|
action: { })
|
|
|
|
TimelinePollAnswerOptionButton(poll: buildPoll(closed: true, type: type),
|
|
answerOption: buildAnswerOption(selected: false, winner: false),
|
|
action: { })
|
|
|
|
TimelinePollAnswerOptionButton(poll: buildPoll(closed: true, type: type),
|
|
answerOption: buildAnswerOption(selected: false, winner: true),
|
|
action: { })
|
|
|
|
TimelinePollAnswerOptionButton(poll: buildPoll(closed: true, type: type),
|
|
answerOption: buildAnswerOption(selected: true, winner: false),
|
|
action: { })
|
|
|
|
TimelinePollAnswerOptionButton(poll: buildPoll(closed: true, type: type),
|
|
answerOption: buildAnswerOption(selected: true, winner: true),
|
|
action: { })
|
|
|
|
let longText = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
|
|
|
|
TimelinePollAnswerOptionButton(poll: buildPoll(closed: true, type: type),
|
|
answerOption: buildAnswerOption(text: longText, selected: true, winner: true),
|
|
action: { })
|
|
}
|
|
}
|
|
}
|
|
.padding()
|
|
}
|
|
|
|
static func buildPoll(closed: Bool, type: TimelinePollType) -> TimelinePollDetails {
|
|
TimelinePollDetails(id: UUID().uuidString,
|
|
question: "",
|
|
answerOptions: [],
|
|
closed: closed,
|
|
startDate: .init(),
|
|
totalAnswerCount: 100,
|
|
type: type,
|
|
eventType: .started,
|
|
maxAllowedSelections: 1,
|
|
hasBeenEdited: false,
|
|
hasDecryptionError: false)
|
|
}
|
|
|
|
static func buildAnswerOption(text: String = "Test", selected: Bool, winner: Bool = false) -> TimelinePollAnswerOption {
|
|
TimelinePollAnswerOption(id: "1", text: text, count: 5, winner: winner, selected: selected)
|
|
}
|
|
}
|