mirror of
https://github.com/Novaloop-AG/element-x-ios.git
synced 2026-11-03 06:55:59 +00:00
Add max selections support for polls (#5726)
This commit is contained in:
committed by
GitHub
parent
173a927bf8
commit
30e4e6339d
@@ -77,7 +77,18 @@ enum PollFormMode: Hashable {
|
||||
|
||||
struct PollFormScreenViewStateBindings: Equatable {
|
||||
var question = ""
|
||||
var options: [Option] = [.init(), .init()]
|
||||
var options: [Option] = [.init(), .init()] {
|
||||
didSet {
|
||||
maxSelections = clampedMaxSelections
|
||||
}
|
||||
}
|
||||
|
||||
var maxSelections = 1 {
|
||||
didSet {
|
||||
maxSelections = clampedMaxSelections
|
||||
}
|
||||
}
|
||||
|
||||
var isUndisclosed = false
|
||||
|
||||
struct Option: Identifiable, Equatable {
|
||||
@@ -86,13 +97,20 @@ struct PollFormScreenViewStateBindings: Equatable {
|
||||
}
|
||||
|
||||
var hasValidContent: Bool {
|
||||
!question.isEmpty && options.count >= 2 && options.allSatisfy { !$0.text.isEmpty }
|
||||
!question.isEmpty && options.count >= 2 && options.allSatisfy { !$0.text.isEmpty } && maxSelections >= 1 && maxSelections <= options.count
|
||||
}
|
||||
|
||||
var alertInfo: AlertInfo<UUID>?
|
||||
|
||||
static func == (lhs: PollFormScreenViewStateBindings, rhs: PollFormScreenViewStateBindings) -> Bool {
|
||||
lhs.question == rhs.question && lhs.options.map(\.text) == rhs.options.map(\.text) && lhs.isUndisclosed == rhs.isUndisclosed
|
||||
lhs.question == rhs.question &&
|
||||
lhs.options.map(\.text) == rhs.options.map(\.text) &&
|
||||
lhs.maxSelections == rhs.maxSelections &&
|
||||
lhs.isUndisclosed == rhs.isUndisclosed
|
||||
}
|
||||
|
||||
private var clampedMaxSelections: Int {
|
||||
min(max(maxSelections, 1), max(options.count, 1))
|
||||
}
|
||||
}
|
||||
|
||||
@@ -100,6 +118,7 @@ extension PollFormScreenViewStateBindings {
|
||||
init(poll: Poll) {
|
||||
self.init(question: poll.question,
|
||||
options: poll.options.map { .init(text: $0.text) },
|
||||
maxSelections: min(max(poll.maxSelections, 1), max(poll.options.count, 1)),
|
||||
isUndisclosed: poll.kind == .undisclosed)
|
||||
}
|
||||
}
|
||||
@@ -110,4 +129,6 @@ enum PollFormScreenViewAction {
|
||||
case delete
|
||||
case deleteOption(index: Int)
|
||||
case addOption
|
||||
case decrementMaxSelections
|
||||
case incrementMaxSelections
|
||||
}
|
||||
|
||||
@@ -40,14 +40,15 @@ class PollFormScreenViewModel: PollFormScreenViewModelType, PollFormScreenViewMo
|
||||
case .submit:
|
||||
let question = state.bindings.question
|
||||
let options = state.bindings.options.map(\.text)
|
||||
let maxSelections = state.bindings.maxSelections
|
||||
let pollKind = state.bindings.isUndisclosed ? Poll.Kind.undisclosed : .disclosed
|
||||
|
||||
Task {
|
||||
switch state.mode {
|
||||
case .new:
|
||||
await createPoll(question: question, options: options, pollKind: pollKind)
|
||||
await createPoll(question: question, options: options, maxSelections: maxSelections, pollKind: pollKind)
|
||||
case .edit(let eventID, _):
|
||||
await editPoll(pollStartID: eventID, question: question, options: options, pollKind: pollKind)
|
||||
await editPoll(pollStartID: eventID, question: question, options: options, maxSelections: maxSelections, pollKind: pollKind)
|
||||
}
|
||||
}
|
||||
case .delete:
|
||||
@@ -80,13 +81,17 @@ class PollFormScreenViewModel: PollFormScreenViewModelType, PollFormScreenViewMo
|
||||
return
|
||||
}
|
||||
state.bindings.options.append(.init())
|
||||
case .decrementMaxSelections:
|
||||
state.bindings.maxSelections -= 1
|
||||
case .incrementMaxSelections:
|
||||
state.bindings.maxSelections += 1
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: - Private
|
||||
|
||||
private func createPoll(question: String, options: [String], pollKind: Poll.Kind) async {
|
||||
guard case .success = await timelineController.createPoll(question: question, answers: options, pollKind: pollKind) else {
|
||||
private func createPoll(question: String, options: [String], maxSelections: Int, pollKind: Poll.Kind) async {
|
||||
guard case .success = await timelineController.createPoll(question: question, answers: options, maxSelections: maxSelections, pollKind: pollKind) else {
|
||||
userIndicatorController.submitIndicator(UserIndicator(title: L10n.errorUnknown))
|
||||
return
|
||||
}
|
||||
@@ -102,8 +107,8 @@ class PollFormScreenViewModel: PollFormScreenViewModelType, PollFormScreenViewMo
|
||||
analytics.trackPollCreated(isUndisclosed: pollKind == .undisclosed, numberOfAnswers: options.count)
|
||||
}
|
||||
|
||||
private func editPoll(pollStartID: String, question: String, options: [String], pollKind: Poll.Kind) async {
|
||||
switch await timelineController.editPoll(original: pollStartID, question: question, answers: options, pollKind: pollKind) {
|
||||
private func editPoll(pollStartID: String, question: String, options: [String], maxSelections: Int, pollKind: Poll.Kind) async {
|
||||
switch await timelineController.editPoll(original: pollStartID, question: question, answers: options, maxSelections: maxSelections, pollKind: pollKind) {
|
||||
case .success:
|
||||
actionsSubject.send(.close)
|
||||
case .failure:
|
||||
|
||||
@@ -22,7 +22,7 @@ struct PollFormScreen: View {
|
||||
Form {
|
||||
questionSection
|
||||
optionsSection
|
||||
showResultsSection
|
||||
settingsSection
|
||||
deletePollSection
|
||||
}
|
||||
.trackAnalyticsIfNeeded(context: context)
|
||||
@@ -106,8 +106,16 @@ struct PollFormScreen: View {
|
||||
focus = nextOptionIndex.map { .option(index: $0) }
|
||||
}
|
||||
|
||||
private var showResultsSection: some View {
|
||||
private var settingsSection: some View {
|
||||
Section {
|
||||
PollFormMaxSelectionsRow(maxSelections: context.maxSelections,
|
||||
maxNumberOfSelections: context.options.count) {
|
||||
context.send(viewAction: .decrementMaxSelections)
|
||||
} incrementAction: {
|
||||
context.send(viewAction: .incrementMaxSelections)
|
||||
}
|
||||
.accessibilityIdentifier(A11yIdentifiers.pollFormScreen.maxSelections)
|
||||
|
||||
ListRow(label: .plain(title: L10n.screenCreatePollAnonymousDesc),
|
||||
kind: .toggle($context.isUndisclosed))
|
||||
.accessibilityIdentifier(A11yIdentifiers.pollFormScreen.pollKind)
|
||||
@@ -160,6 +168,55 @@ private extension View {
|
||||
}
|
||||
}
|
||||
|
||||
private struct PollFormMaxSelectionsRow: View {
|
||||
let maxSelections: Int
|
||||
let maxNumberOfSelections: Int
|
||||
let decrementAction: () -> Void
|
||||
let incrementAction: () -> Void
|
||||
|
||||
var body: some View {
|
||||
ListRow(kind: .custom {
|
||||
HStack(spacing: 16) {
|
||||
Text(UntranslatedL10n.screenCreatePollVotesAllowedPerPerson)
|
||||
.font(.compound.bodyLG)
|
||||
.foregroundStyle(.compound.textPrimary)
|
||||
.lineLimit(2)
|
||||
.frame(maxWidth: .infinity, alignment: .leading)
|
||||
|
||||
HStack(spacing: 8) {
|
||||
Button(action: decrementAction) {
|
||||
Image(systemSymbol: .minus)
|
||||
.frame(width: 20, height: 20)
|
||||
}
|
||||
.disabled(maxSelections <= 1)
|
||||
.buttonStyle(.compound(.tertiary, size: .toolbarIcon))
|
||||
.accessibilityLabel(UntranslatedL10n.a11yScreenCreatePollVotesAllowedDecrease)
|
||||
.accessibilityIdentifier(A11yIdentifiers.pollFormScreen.maxSelectionsDecrement)
|
||||
|
||||
Text("\(maxSelections)")
|
||||
.font(.compound.bodyLGSemibold)
|
||||
.foregroundStyle(.compound.textPrimary)
|
||||
.monospacedDigit()
|
||||
.frame(minWidth: 28)
|
||||
.accessibilityLabel(Text(maxSelections.formatted()))
|
||||
|
||||
Button(action: incrementAction) {
|
||||
Image(systemSymbol: .plus)
|
||||
.frame(width: 20, height: 20)
|
||||
}
|
||||
.disabled(maxSelections >= maxNumberOfSelections)
|
||||
.buttonStyle(.compound(.tertiary, size: .toolbarIcon))
|
||||
.accessibilityLabel(UntranslatedL10n.a11yScreenCreatePollVotesAllowedIncrease)
|
||||
.accessibilityIdentifier(A11yIdentifiers.pollFormScreen.maxSelectionsIncrement)
|
||||
}
|
||||
.layoutPriority(1)
|
||||
}
|
||||
.padding(.horizontal, ListRowPadding.horizontal)
|
||||
.padding(.vertical, ListRowPadding.vertical)
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
private struct PollFormOptionRow: View {
|
||||
@Environment(\.editMode) var editMode
|
||||
@Binding var text: String
|
||||
|
||||
@@ -42,7 +42,7 @@ enum RoomPollsHistoryScreenViewAction {
|
||||
case filter(RoomPollsHistoryFilter)
|
||||
case end(pollStartID: String)
|
||||
case edit(pollStartID: String, poll: Poll)
|
||||
case sendPollResponse(pollStartID: String, optionID: String)
|
||||
case sendPollResponse(pollStartID: String, answerIDs: [String])
|
||||
case loadMore
|
||||
}
|
||||
|
||||
|
||||
+4
-4
@@ -58,8 +58,8 @@ class RoomPollsHistoryScreenViewModel: RoomPollsHistoryScreenViewModelType, Room
|
||||
updatePollsList(filter: filter)
|
||||
case .loadMore:
|
||||
paginateBackwards()
|
||||
case .sendPollResponse(let pollStartID, let optionID):
|
||||
sendPollResponse(pollStartID: pollStartID, optionID: optionID)
|
||||
case .sendPollResponse(let pollStartID, let answerIDs):
|
||||
sendPollResponse(pollStartID: pollStartID, answerIDs: answerIDs)
|
||||
}
|
||||
}
|
||||
|
||||
@@ -117,10 +117,10 @@ class RoomPollsHistoryScreenViewModel: RoomPollsHistoryScreenViewModelType, Room
|
||||
}
|
||||
}
|
||||
|
||||
private func sendPollResponse(pollStartID: String, optionID: String) {
|
||||
private func sendPollResponse(pollStartID: String, answerIDs: [String]) {
|
||||
Task {
|
||||
do {
|
||||
try await pollInteractionHandler.sendPollResponse(pollStartID: pollStartID, optionID: optionID).get()
|
||||
try await pollInteractionHandler.sendPollResponse(pollStartID: pollStartID, answerIDs: answerIDs).get()
|
||||
} catch {
|
||||
MXLog.error("Failed to send poll response. \(error)")
|
||||
displayError(message: L10n.errorUnknown)
|
||||
|
||||
@@ -62,9 +62,9 @@ struct RoomPollsHistoryScreen: View {
|
||||
PollView(poll: pollTimelineItem.item.poll,
|
||||
state: .full(isEditable: pollTimelineItem.item.isEditable), sender: pollTimelineItem.item.sender) { action in
|
||||
switch action {
|
||||
case .selectOption(let optionID):
|
||||
case .sendResponse(let answerIDs):
|
||||
guard let pollStartID = pollTimelineItem.item.id.eventID else { return }
|
||||
context.send(viewAction: .sendPollResponse(pollStartID: pollStartID, optionID: optionID))
|
||||
context.send(viewAction: .sendPollResponse(pollStartID: pollStartID, answerIDs: answerIDs))
|
||||
case .edit:
|
||||
guard let pollStartID = pollTimelineItem.item.id.eventID else { return }
|
||||
context.send(viewAction: .edit(pollStartID: pollStartID, poll: pollTimelineItem.item.poll))
|
||||
|
||||
@@ -248,9 +248,9 @@ class TimelineInteractionHandler {
|
||||
|
||||
// MARK: Polls
|
||||
|
||||
func sendPollResponse(pollStartID: String, optionID: String) {
|
||||
func sendPollResponse(pollStartID: String, answerIDs: [String]) {
|
||||
Task {
|
||||
let sendPollResponseResult = await pollInteractionHandler.sendPollResponse(pollStartID: pollStartID, optionID: optionID)
|
||||
let sendPollResponseResult = await pollInteractionHandler.sendPollResponse(pollStartID: pollStartID, answerIDs: answerIDs)
|
||||
|
||||
switch sendPollResponseResult {
|
||||
case .success:
|
||||
|
||||
@@ -36,7 +36,7 @@ enum TimelineViewModelAction {
|
||||
}
|
||||
|
||||
enum TimelineViewPollAction {
|
||||
case selectOption(pollStartID: String, optionID: String)
|
||||
case sendResponse(pollStartID: String, answerIDs: [String])
|
||||
case end(pollStartID: String)
|
||||
case edit(pollStartID: String, poll: Poll)
|
||||
}
|
||||
|
||||
@@ -376,8 +376,8 @@ class TimelineViewModel: TimelineViewModelType, TimelineViewModelProtocol {
|
||||
|
||||
private func handlePollAction(_ action: TimelineViewPollAction) {
|
||||
switch action {
|
||||
case let .selectOption(pollStartID, optionID):
|
||||
timelineInteractionHandler.sendPollResponse(pollStartID: pollStartID, optionID: optionID)
|
||||
case let .sendResponse(pollStartID, answerIDs):
|
||||
timelineInteractionHandler.sendPollResponse(pollStartID: pollStartID, answerIDs: answerIDs)
|
||||
case let .end(pollStartID):
|
||||
displayAlert(.pollEndConfirmation(pollStartID))
|
||||
case .edit(let eventID, let poll):
|
||||
|
||||
@@ -10,7 +10,7 @@ import Compound
|
||||
import SwiftUI
|
||||
|
||||
enum PollViewAction {
|
||||
case selectOption(optionID: String)
|
||||
case sendResponse(answerIDs: [String])
|
||||
case edit
|
||||
case end
|
||||
}
|
||||
@@ -100,13 +100,13 @@ struct PollView: View {
|
||||
}
|
||||
|
||||
private func isRemovePreviousSelectionHintEnabled(option: Poll.Option) -> Bool {
|
||||
!poll.hasEnded && poll.hasMaxSelections && !option.isSelected
|
||||
!poll.hasEnded && poll.maxSelections == 1 && poll.hasMaxSelections && !option.isSelected
|
||||
}
|
||||
|
||||
private func pollOption(option: Poll.Option) -> some View {
|
||||
Button {
|
||||
guard !option.isSelected else { return }
|
||||
actionHandler(.selectOption(optionID: option.id))
|
||||
guard let answerIDs = poll.answerIDsAfterSelecting(optionID: option.id) else { return }
|
||||
actionHandler(.sendResponse(answerIDs: answerIDs))
|
||||
feedbackGenerator.impactOccurred()
|
||||
} label: {
|
||||
PollOptionView(pollOption: option,
|
||||
@@ -114,7 +114,25 @@ struct PollView: View {
|
||||
isFinalResult: poll.hasEnded)
|
||||
.foregroundColor(progressBarColor(for: option))
|
||||
}
|
||||
.disabled(poll.hasEnded)
|
||||
.disabled(isOptionDisabled(option))
|
||||
}
|
||||
|
||||
private func isOptionDisabled(_ option: Poll.Option) -> Bool {
|
||||
if poll.hasEnded {
|
||||
return true
|
||||
}
|
||||
|
||||
// Single-choice polls replace the current answer; multi-choice polls keep
|
||||
// at least one answer while enforcing the max.
|
||||
if poll.maxSelections == 1 {
|
||||
return option.isSelected
|
||||
}
|
||||
|
||||
if option.isSelected {
|
||||
return poll.options.filter(\.isSelected).count == 1
|
||||
}
|
||||
|
||||
return poll.hasMaxSelections
|
||||
}
|
||||
|
||||
@ViewBuilder
|
||||
|
||||
@@ -26,9 +26,9 @@ struct PollRoomTimelineView: View {
|
||||
state: state,
|
||||
sender: timelineItem.sender) { action in
|
||||
switch action {
|
||||
case .selectOption(let optionID):
|
||||
guard let eventID, let option = poll.options.first(where: { $0.id == optionID }), !option.isSelected else { return }
|
||||
context.send(viewAction: .handlePollAction(.selectOption(pollStartID: eventID, optionID: option.id)))
|
||||
case .sendResponse(let answerIDs):
|
||||
guard let eventID else { return }
|
||||
context.send(viewAction: .handlePollAction(.sendResponse(pollStartID: eventID, answerIDs: answerIDs)))
|
||||
case .edit:
|
||||
guard let eventID else { return }
|
||||
context.send(viewAction: .handlePollAction(.edit(pollStartID: eventID, poll: poll)))
|
||||
|
||||
Reference in New Issue
Block a user