mirror of
https://github.com/vector-im/element-ios.git
synced 2024-09-30 16:22:39 +00:00
121 lines
5 KiB
Swift
121 lines
5 KiB
Swift
//
|
|
// Copyright 2022 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 UserSessionListItem: View {
|
|
@Environment(\.theme) private var theme: ThemeSwiftUI
|
|
|
|
let viewData: UserSessionListItemViewData
|
|
let showsLocationInfo: Bool
|
|
|
|
var isSeparatorHidden = false
|
|
var isEditModeEnabled = false
|
|
var onBackgroundTap: ((String) -> Void)?
|
|
var onBackgroundLongPress: ((String) -> Void)?
|
|
|
|
var body: some View {
|
|
Button { } label: {
|
|
ZStack {
|
|
if viewData.isSelected {
|
|
RoundedRectangle(cornerRadius: 8, style: .continuous)
|
|
.fill(theme.colors.system)
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
.padding(4)
|
|
}
|
|
HStack {
|
|
if isEditModeEnabled {
|
|
Image(viewData.isSelected ? Asset.Images.userSessionListItemSelected.name : Asset.Images.userSessionListItemNotSelected.name)
|
|
}
|
|
DeviceAvatarView(viewData: viewData.deviceAvatarViewData, isSelected: viewData.isSelected)
|
|
VStack(alignment: .leading, spacing: 0) {
|
|
Text(viewData.sessionName)
|
|
.font(theme.fonts.bodySB)
|
|
.foregroundColor(theme.colors.primaryContent)
|
|
.multilineTextAlignment(.leading)
|
|
.padding(.top, 16)
|
|
.padding(.bottom, 2)
|
|
.padding(.trailing, 16)
|
|
HStack {
|
|
if let sessionDetailsIcon = viewData.sessionDetailsIcon {
|
|
Image(sessionDetailsIcon)
|
|
.padding(.leading, 2)
|
|
}
|
|
VStack(alignment: .leading, spacing: 0) {
|
|
Text(viewData.sessionDetails)
|
|
|
|
if showsLocationInfo, let ipText = ipText {
|
|
Text(ipText)
|
|
}
|
|
}
|
|
.font(theme.fonts.caption1)
|
|
.foregroundColor(theme.colors.secondaryContent)
|
|
.multilineTextAlignment(.leading)
|
|
}
|
|
.padding(.bottom, 16)
|
|
.padding(.trailing, 16)
|
|
SeparatorLine()
|
|
.isHidden(isSeparatorHidden)
|
|
}
|
|
.padding(.leading, 7)
|
|
}
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
.padding(.leading, 16)
|
|
}
|
|
.onTapGesture {
|
|
onBackgroundTap?(viewData.sessionId)
|
|
}
|
|
.onLongPressGesture {
|
|
onBackgroundLongPress?(viewData.sessionId)
|
|
}
|
|
}
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
.accessibilityIdentifier("UserSessionListItem_\(viewData.sessionId)")
|
|
}
|
|
|
|
private var ipText: String? {
|
|
guard let lastSeenIp = viewData.lastSeenIP, !lastSeenIp.isEmpty else {
|
|
return nil
|
|
}
|
|
return viewData.lastSeenIPLocation.map { "\(lastSeenIp) (\($0))" } ?? lastSeenIp
|
|
}
|
|
}
|
|
|
|
struct UserSessionListPreview: View {
|
|
let userSessionsOverviewService: UserSessionsOverviewServiceProtocol = MockUserSessionsOverviewService()
|
|
var isEditModeEnabled = false
|
|
|
|
var body: some View {
|
|
VStack(alignment: .leading, spacing: 0) {
|
|
ForEach(userSessionsOverviewService.otherSessions) { userSessionInfo in
|
|
let viewData = UserSessionListItemViewDataFactory().create(from: userSessionInfo)
|
|
UserSessionListItem(viewData: viewData, showsLocationInfo: true, isEditModeEnabled: isEditModeEnabled, onBackgroundTap: { _ in
|
|
})
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
struct UserSessionListItem_Previews: PreviewProvider {
|
|
static var previews: some View {
|
|
Group {
|
|
UserSessionListPreview().theme(.light).preferredColorScheme(.light)
|
|
UserSessionListPreview().theme(.dark).preferredColorScheme(.dark)
|
|
UserSessionListPreview(isEditModeEnabled: true).theme(.light).preferredColorScheme(.light)
|
|
UserSessionListPreview(isEditModeEnabled: true).theme(.dark).preferredColorScheme(.dark)
|
|
}
|
|
}
|
|
}
|