swift/Beam
swift/Beam
1
0
Fork 0
mirror of https://github.com/element-hq/element-x-ios.git synced 2025-03-11 13:59:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

work on text input for room creation

Browse Source
This commit is contained in:
Flavio Alescio 2023-04-20 17:28:36 +02:00 committed by Flescio
parent 06147cd99c
commit a4334ebb0d
3 changed files with 93 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ElementX/Sources/Screens/CreateRoom/CreateRoomModels.swift
View File

@ -22,9 +22,21 @@ enum CreateRoomViewModelAction {
struct CreateRoomViewState: BindableState {
var selectedUsers: [UserProfile]
var bindings = CreateRoomViewStateBindings()
var canCreateRoom: Bool {
!bindings.roomName.isEmpty
}
}
struct CreateRoomViewStateBindings {
var roomName = ""
var roomTopic = ""
}
enum CreateRoomViewAction {
case createRoom
case selectPrivateRoom
case selectPublicRoom
case deselectUser(UserProfile)
}

4
ElementX/Sources/Screens/CreateRoom/CreateRoomViewModel.swift
View File

@ -38,6 +38,10 @@ class CreateRoomViewModel: CreateRoomViewModelType, CreateRoomViewModelProtocol
actionsSubject.send(.createRoom)
case .deselectUser(let user):
state.selectedUsers.removeAll(where: { $0.userID == user.userID })
case .selectPrivateRoom:
break
case .selectPublicRoom:
break
}
}
}

90
ElementX/Sources/Screens/CreateRoom/View/CreateRoomScreen.swift
View File

@ -20,23 +20,60 @@ struct CreateRoomScreen: View {
@ObservedObject var context: CreateRoomViewModel.Context
var body: some View {
ScrollView {
mainContent
}
.scrollContentBackground(.hidden)
.background(Color.element.formBackground.ignoresSafeArea())
.navigationTitle(L10n.actionCreateARoom)
.navigationBarTitleDisplayMode(.inline)
.toolbar {
ToolbarItem(placement: .confirmationAction) {
createButton
mainContent
.scrollContentBackground(.hidden)
.background(Color.element.formBackground.ignoresSafeArea())
.navigationTitle(L10n.screenCreateRoomTitle)
.navigationBarTitleDisplayMode(.inline)
.toolbar {
ToolbarItem(placement: .confirmationAction) {
createButton
}
}
}
}
/// The main content of the view to be shown in a scroll view.
var mainContent: some View {
selectedUsersSection
VStack(alignment: .center, spacing: 24) {
Form {
roomSection
topicSection
}
selectedUsersSection
Spacer()
Form {
securitySection
}
}
}
private var roomSection: some View {
Section {
TextField(L10n.screenCreateRoomRoomNameLabel,
text: $context.roomName,
prompt: Text(L10n.screenCreateRoomRoomNamePlaceholder).compoundFormTextFieldPlaceholder(),
axis: .horizontal)
.textFieldStyle(.compoundForm)
} header: {
Text(L10n.screenCreateRoomRoomNameLabel)
.compoundFormSectionFooter()
}
.compoundFormSection()
}
private var topicSection: some View {
Section {
TextField(L10n.screenCreateRoomTopicLabel,
text: $context.roomTopic,
prompt: Text(L10n.screenCreateRoomTopicPlaceholder).compoundFormTextFieldPlaceholder(),
axis: .vertical)
.lineLimit(3, reservesSpace: false)
.textFieldStyle(.compoundForm)
} header: {
Text(L10n.screenCreateRoomTopicLabel)
.compoundFormSectionFooter()
}
.formSectionStyle()
}
@ScaledMetric private var cellWidth: CGFloat = 64
@ -54,10 +91,35 @@ struct CreateRoomScreen: View {
}
}
private var securitySection: some View {
Section {
Button(action: selectPrivate) {
Label(L10n.screenCreateRoomPrivateOptionTitle, systemImage: "lock.shield")
}
.buttonStyle(FormButtonStyle(accessory: .navigationLink))
Button(action: selectPrivate) {
Label(L10n.screenCreateRoomPublicOptionTitle, systemImage: "exclamationmark.shield")
}
.buttonStyle(FormButtonStyle(accessory: .navigationLink))
} header: {
Text("SECURITY")
}
.formSectionStyle()
}
private var createButton: some View {
Button { context.send(viewAction: .createRoom) } label: {
Text(L10n.actionCreate)
}
.disabled(!context.viewState.canCreateRoom)
}
private func selectPrivate() {
context.send(viewAction: .selectPrivateRoom)
}
private func selectPublic() {
context.send(viewAction: .selectPublicRoom)
}
private func deselect(_ user: UserProfile) {
@ -71,6 +133,8 @@ struct CreateRoom_Previews: PreviewProvider {
static let viewModel = CreateRoomViewModel(selectedUsers: [.mockAlice, .mockBob, .mockCharlie])
static var previews: some View {
CreateRoomScreen(context: viewModel.context)
NavigationView {
CreateRoomScreen(context: viewModel.context)
}
}
}