From 63f476157fbc6985cd3d14c02f7f23f0f2a5d7e3 Mon Sep 17 00:00:00 2001 From: Javier Cicchelli Date: Wed, 12 Apr 2023 18:35:20 +0200 Subject: [PATCH] Implemented the LocationViewCell cell. --- .../View Components/ErrorMessageView.swift | 72 +++--- .../View Components/LoadingSpinnerView.swift | 19 +- .../View Components/LocationViewCell.swift | 221 ++++++++++++++++++ DeepLinking.xcodeproj/project.pbxproj | 4 + 4 files changed, 270 insertions(+), 46 deletions(-) create mode 100644 Apps/Locations/Sources/View Components/LocationViewCell.swift diff --git a/Apps/Locations/Sources/View Components/ErrorMessageView.swift b/Apps/Locations/Sources/View Components/ErrorMessageView.swift index d161f77..c250ffd 100644 --- a/Apps/Locations/Sources/View Components/ErrorMessageView.swift +++ b/Apps/Locations/Sources/View Components/ErrorMessageView.swift @@ -33,46 +33,46 @@ class ErrorMessageView: UIView { }() private lazy var title = { - let title = UILabel() + let label = UILabel() - title.font = .preferredFont(forTextStyle: .largeTitle) - title.numberOfLines = 0 - title.lineBreakMode = .byWordWrapping - title.text = "Some error title goes in here..." - title.textAlignment = .center - title.translatesAutoresizingMaskIntoConstraints = false + label.font = .preferredFont(forTextStyle: .largeTitle) + label.numberOfLines = 0 + label.lineBreakMode = .byWordWrapping + label.text = "Some error title goes in here..." + label.textAlignment = .center + label.translatesAutoresizingMaskIntoConstraints = false - return title + return label }() private lazy var message = { - let message = UILabel() + let label = UILabel() - message.font = .preferredFont(forTextStyle: .body) - message.lineBreakMode = .byWordWrapping - message.numberOfLines = 0 - message.text = "Some long, descriptive, explanatory error message goes in here..." - message.textAlignment = .center - message.textColor = .secondaryLabel - message.translatesAutoresizingMaskIntoConstraints = false + label.font = .preferredFont(forTextStyle: .body) + label.lineBreakMode = .byWordWrapping + label.numberOfLines = 0 + label.text = "Some long, descriptive, explanatory error message goes in here..." + label.textAlignment = .center + label.textColor = .secondaryLabel + label.translatesAutoresizingMaskIntoConstraints = false - return message + return label }() private lazy var retry = { - let retry = UIButton() + let button = UIButton() - retry.backgroundColor = .red - retry.translatesAutoresizingMaskIntoConstraints = false - retry.layer.borderColor = UIColor.red.cgColor - retry.layer.borderWidth = 1 - retry.layer.cornerRadius = 5 - retry.titleLabel?.font = .preferredFont(forTextStyle: .headline) + button.backgroundColor = .red + button.translatesAutoresizingMaskIntoConstraints = false + button.layer.borderColor = UIColor.red.cgColor + button.layer.borderWidth = 1 + button.layer.cornerRadius = 5 + button.titleLabel?.font = .preferredFont(forTextStyle: .headline) - retry.addTarget(self, action: #selector(retryPressed), for: .touchUpInside) - retry.setTitle("Try again", for: .normal) + button.addTarget(self, action: #selector(retryPressed), for: .touchUpInside) + button.setTitle("Try again", for: .normal) - return retry + return button }() // MARK: Initialisers @@ -96,24 +96,24 @@ private extension ErrorMessageView { // MARK: Functions func setupView() { - stack.addArrangedSubview(title) - stack.addArrangedSubview(message) - stack.addArrangedSubview(retry) - stack.setCustomSpacing(160, after: message) - backgroundColor = .clear translatesAutoresizingMaskIntoConstraints = false addSubview(stack) + stack.addArrangedSubview(title) + stack.addArrangedSubview(message) + stack.addArrangedSubview(retry) + stack.setCustomSpacing(160, after: message) + NSLayoutConstraint.activate([ - retry.heightAnchor.constraint(equalToConstant: 44), - retry.leadingAnchor.constraint(equalTo: stack.leadingAnchor), - retry.trailingAnchor.constraint(equalTo: stack.trailingAnchor), bottomAnchor.constraint(equalTo: stack.bottomAnchor), leadingAnchor.constraint(equalTo: stack.leadingAnchor), topAnchor.constraint(equalTo: stack.topAnchor), - trailingAnchor.constraint(equalTo: stack.trailingAnchor) + trailingAnchor.constraint(equalTo: stack.trailingAnchor), + retry.heightAnchor.constraint(equalToConstant: 44), + retry.leadingAnchor.constraint(equalTo: stack.leadingAnchor), + retry.trailingAnchor.constraint(equalTo: stack.trailingAnchor), ]) } diff --git a/Apps/Locations/Sources/View Components/LoadingSpinnerView.swift b/Apps/Locations/Sources/View Components/LoadingSpinnerView.swift index 461613b..b5d3f4b 100644 --- a/Apps/Locations/Sources/View Components/LoadingSpinnerView.swift +++ b/Apps/Locations/Sources/View Components/LoadingSpinnerView.swift @@ -25,19 +25,18 @@ class LoadingSpinnerView: UIView { }() private lazy var spinner = { - let spinner = UIActivityIndicatorView(style: .large) + let activity = UIActivityIndicatorView(style: .large) - spinner.translatesAutoresizingMaskIntoConstraints = false + activity.translatesAutoresizingMaskIntoConstraints = false - spinner.startAnimating() + activity.startAnimating() - return spinner + return activity }() - private lazy var label = { + private lazy var title = { let label = UILabel() - - + label.font = .preferredFont(forTextStyle: .headline) label.numberOfLines = 0 label.lineBreakMode = .byWordWrapping @@ -69,14 +68,14 @@ private extension LoadingSpinnerView { // MARK: Functions func setupView() { - stack.addArrangedSubview(spinner) - stack.addArrangedSubview(label) - backgroundColor = .clear translatesAutoresizingMaskIntoConstraints = false addSubview(stack) + stack.addArrangedSubview(spinner) + stack.addArrangedSubview(title) + NSLayoutConstraint.activate([ topAnchor.constraint(equalTo: stack.topAnchor), leadingAnchor.constraint(equalTo: stack.leadingAnchor), diff --git a/Apps/Locations/Sources/View Components/LocationViewCell.swift b/Apps/Locations/Sources/View Components/LocationViewCell.swift new file mode 100644 index 0000000..39a700c --- /dev/null +++ b/Apps/Locations/Sources/View Components/LocationViewCell.swift @@ -0,0 +1,221 @@ +// +// LocationViewCell.swift +// Locations +// +// Created by Javier Cicchelli on 12/04/2023. +// Copyright © 2023 Röck+Cöde. All rights reserved. +// + +import UIKit + +class LocationViewCell: UITableViewCell { + + static let identifier = "LocationViewCell" + + // MARK: Outlets + + private lazy var icon = { + let view = UIImageView() + + view.contentMode = .top + view.tintColor = .red + + return view + }() + + private lazy var latitudeTitle = { + let label = UILabel() + + label.font = .preferredFont(forTextStyle: .subheadline) + label.numberOfLines = 1 + label.text = "• Latitude" + label.textAlignment = .natural + label.textColor = .secondaryLabel + label.translatesAutoresizingMaskIntoConstraints = false + + return label + }() + + private lazy var latitudeValue = { + let label = UILabel() + + label.font = .preferredFont(forTextStyle: .subheadline) + label.numberOfLines = 1 + label.textAlignment = .natural + label.textColor = .secondaryLabel + label.translatesAutoresizingMaskIntoConstraints = false + + return label + }() + + private lazy var longitudeTitle = { + let label = UILabel() + + label.font = .preferredFont(forTextStyle: .subheadline) + label.numberOfLines = 1 + label.text = "• Longitude" + label.textAlignment = .natural + label.textColor = .secondaryLabel + label.translatesAutoresizingMaskIntoConstraints = false + + return label + }() + + private lazy var longitudeValue = { + let label = UILabel() + + label.font = .preferredFont(forTextStyle: .subheadline) + label.numberOfLines = 1 + label.textAlignment = .natural + label.textColor = .secondaryLabel + label.translatesAutoresizingMaskIntoConstraints = false + + return label + }() + + private lazy var name = { + let label = UILabel() + + label.font = .preferredFont(forTextStyle: .headline) + label.numberOfLines = 0 + label.lineBreakMode = .byWordWrapping + label.text = "Untitled" + label.textAlignment = .natural + label.translatesAutoresizingMaskIntoConstraints = false + + return label + }() + + private lazy var stack = { + let stack = UIStackView() + + stack.alignment = .center + stack.axis = .horizontal + stack.distribution = .fill + stack.spacing = 12 + stack.translatesAutoresizingMaskIntoConstraints = false + + return stack + }() + + private lazy var stackData = { + let stack = UIStackView() + + stack.alignment = .leading + stack.axis = .vertical + stack.distribution = .fill + stack.spacing = 8 + stack.translatesAutoresizingMaskIntoConstraints = false + + return stack + }() + + private lazy var stackCoordinates = { + let stack = UIStackView() + + stack.alignment = .leading + stack.axis = .vertical + stack.distribution = .fill + stack.spacing = 2 + stack.translatesAutoresizingMaskIntoConstraints = false + + return stack + }() + + private lazy var stackLatitude = { + let stack = UIStackView() + + stack.alignment = .leading + stack.axis = .horizontal + stack.distribution = .fill + stack.spacing = 4 + stack.translatesAutoresizingMaskIntoConstraints = false + + return stack + }() + + private lazy var stackLongitude = { + let stack = UIStackView() + + stack.alignment = .leading + stack.axis = .horizontal + stack.distribution = .fill + stack.spacing = 4 + stack.translatesAutoresizingMaskIntoConstraints = false + + return stack + }() + + // MARK: Initialisers + + override init( + style: UITableViewCell.CellStyle, + reuseIdentifier: String? + ) { + super.init( + style: style, + reuseIdentifier: reuseIdentifier + ) + + setupCell() + } + + required init?(coder: NSCoder) { + fatalError("init(coder:) has not been implemented") + } + + // MARK: Functions + + func update( + iconName: String, + name: String?, + latitude: Float, + longitude: Float + ) { + self.icon.image = .init(systemName: iconName) + self.name.text = name ?? "Untitled" + self.latitudeValue.text = "\(latitude)" + self.longitudeValue.text = "\(longitude)" + } + +} + +// MARK: - Helpers + +private extension LocationViewCell { + + // MARK: Functions + + func setupCell() { + accessoryType = .disclosureIndicator + backgroundColor = .clear + + addSubview(stack) + + stack.addArrangedSubview(icon) + stack.addArrangedSubview(stackData) + + stackData.addArrangedSubview(name) + stackData.addArrangedSubview(stackCoordinates) + + stackCoordinates.addArrangedSubview(stackLatitude) + stackCoordinates.addArrangedSubview(stackLongitude) + + stackLatitude.addArrangedSubview(latitudeTitle) + stackLatitude.addArrangedSubview(latitudeValue) + + stackLongitude.addArrangedSubview(longitudeTitle) + stackLongitude.addArrangedSubview(longitudeValue) + + NSLayoutConstraint.activate([ + bottomAnchor.constraint(equalTo: stack.bottomAnchor, constant: 8), + leadingAnchor.constraint(equalTo: stack.leadingAnchor, constant: -20), + topAnchor.constraint(equalTo: stack.topAnchor, constant: -8), + trailingAnchor.constraint(equalTo: stack.trailingAnchor), + icon.bottomAnchor.constraint(equalTo: stack.bottomAnchor), + icon.topAnchor.constraint(equalTo: stack.topAnchor), + icon.widthAnchor.constraint(equalToConstant: 24), + ]) + } + +} diff --git a/DeepLinking.xcodeproj/project.pbxproj b/DeepLinking.xcodeproj/project.pbxproj index f6a330a..6d192f6 100644 --- a/DeepLinking.xcodeproj/project.pbxproj +++ b/DeepLinking.xcodeproj/project.pbxproj @@ -13,6 +13,7 @@ 02031EE829E68D9B003C108C /* LoadingSpinnerView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 02031EE729E68D9B003C108C /* LoadingSpinnerView.swift */; }; 02031EEA29E6B495003C108C /* ErrorMessageView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 02031EE929E6B495003C108C /* ErrorMessageView.swift */; }; 4656CBC229E6D33C00600EE6 /* LoadRemoteLocationsUseCase.swift in Sources */ = {isa = PBXBuildFile; fileRef = 4656CBC129E6D33C00600EE6 /* LoadRemoteLocationsUseCase.swift */; }; + 4656CBC829E6F2E400600EE6 /* LocationViewCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = 4656CBC729E6F2E400600EE6 /* LocationViewCell.swift */; }; 46C3B7C629E5BF1500F8F57C /* LocationsListCoordinator.swift in Sources */ = {isa = PBXBuildFile; fileRef = 46C3B7C529E5BF1500F8F57C /* LocationsListCoordinator.swift */; }; 46C3B7CB29E5CD3200F8F57C /* LocationsListViewModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 46C3B7CA29E5CD3200F8F57C /* LocationsListViewModel.swift */; }; 46C3B7CF29E5D00E00F8F57C /* LocationsAddViewModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 46C3B7CE29E5D00E00F8F57C /* LocationsAddViewModel.swift */; }; @@ -130,6 +131,7 @@ 02031EE729E68D9B003C108C /* LoadingSpinnerView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = LoadingSpinnerView.swift; sourceTree = ""; }; 02031EE929E6B495003C108C /* ErrorMessageView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ErrorMessageView.swift; sourceTree = ""; }; 4656CBC129E6D33C00600EE6 /* LoadRemoteLocationsUseCase.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = LoadRemoteLocationsUseCase.swift; sourceTree = ""; }; + 4656CBC729E6F2E400600EE6 /* LocationViewCell.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = LocationViewCell.swift; sourceTree = ""; }; 46C3B7C529E5BF1500F8F57C /* LocationsListCoordinator.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = LocationsListCoordinator.swift; sourceTree = ""; }; 46C3B7CA29E5CD3200F8F57C /* LocationsListViewModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = LocationsListViewModel.swift; sourceTree = ""; }; 46C3B7CE29E5D00E00F8F57C /* LocationsAddViewModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = LocationsAddViewModel.swift; sourceTree = ""; }; @@ -185,6 +187,7 @@ children = ( 02031EE729E68D9B003C108C /* LoadingSpinnerView.swift */, 02031EE929E6B495003C108C /* ErrorMessageView.swift */, + 4656CBC729E6F2E400600EE6 /* LocationViewCell.swift */, ); path = "View Components"; sourceTree = ""; @@ -539,6 +542,7 @@ 02031EC629E5FEE4003C108C /* BaseViewController.swift in Sources */, 46EB331B29E1CE04001D5EAF /* AppDelegate.swift in Sources */, 02031EBF29E5F949003C108C /* LocationsAddViewModeling.swift in Sources */, + 4656CBC829E6F2E400600EE6 /* LocationViewCell.swift in Sources */, 46C3B7DE29E5ED2E00F8F57C /* LocationsAddCoordinator.swift in Sources */, 02031EEA29E6B495003C108C /* ErrorMessageView.swift in Sources */, 46C3B7DC29E5ED2300F8F57C /* LocationsAddCoordination.swift in Sources */,