[ios_zip_validation] Validate zip

app/src/main/java/ch/dreipol/rezhycle/MainActivity.kt

@@ -64,6 +64,9 @@ class MainActivity : ReduxSampleActivity(), Navigator<AppState> {
     }
 
     override fun onBackPressed() {
+        if (!store.state.settingsViewState.zipSettingsViewState.enterZipViewState.canGoBack) {
+            return
+        }
         super.onBackPressed()
         rootDispatch(NavigationAction.BACK)
     }

app/src/main/java/ch/dreipol/rezhycle/fragments/settings/ZipSettingsFragment.kt

@@ -1,5 +1,6 @@
 package ch.dreipol.rezhycle.fragments.settings
 
+import android.graphics.PorterDuff
 import android.os.Bundle
 import android.view.View
 import ch.dreipol.dreimultiplatform.reduxkotlin.PresenterLifecycleObserver
@@ -30,6 +31,15 @@ class ZipSettingsFragment : BaseFragment<FragmentZipSettingsBinding, ZipSettings
 
     override fun render(zipSettingsViewState: ZipSettingsViewState) {
         bindHeader(zipSettingsViewState.headerViewState, viewBinding.header)
+        if (zipSettingsViewState.enterZipViewState.canGoBack) {
+            viewBinding.header.iconLeft.setColorFilter(resources.getColor(R.color.accent, null), PorterDuff.Mode.SRC_IN)
+            viewBinding.header.title.setTextColor(resources.getColor(R.color.primary_dark, null))
+        } else {
+            val disabledColor = resources.getColor(R.color.monochromes_grey_light, null)
+            viewBinding.header.iconLeft.setColorFilter(disabledColor, PorterDuff.Mode.SRC_IN)
+            viewBinding.header.title.setTextColor(disabledColor)
+        }
+
         viewBinding.enterZipView.update(zipSettingsViewState.enterZipViewState)
     }
 }

app/src/main/res/layout/view_enter_zip.xml

@@ -29,6 +29,7 @@
         android:imeOptions="actionDone"
         android:inputType="number"
         android:padding="11dp"
+        android:maxLength="4"
         android:textAlignment="center"
         android:textAppearance="@style/EditTextStyle"
         app:layout_constraintEnd_toEndOf="parent"

iOS/Multiplatform Redux Sample/Multiplatform Redux Sample/Settings/ZipSettingsViewController.swift

@@ -30,6 +30,7 @@ class ZipSettingsViewController: StackPresenterViewController<ZipSettingsView>,
     func render(zipSettingsViewState: ZipSettingsViewState) {
         zipViewState = zipSettingsViewState
         headerView.titleLabel.text = zipSettingsViewState.headerViewState.title.localized
+        headerView.canGoBack = zipSettingsViewState.enterZipViewState.canGoBack
         zipEnterControl.updateControl(
             title: zipSettingsViewState.enterZipViewState.enterZipLabel.localized,
             enterText: zipSettingsViewState.enterZipViewState.selectedZip?.stringValue,

iOS/Multiplatform Redux Sample/Multiplatform Redux Sample/Utils/HeaderView.swift

@@ -10,6 +10,12 @@ import ReduxSampleShared
 
 class HeaderView: HighlightableControl {
     let titleLabel = UILabel.h3()
+    var canGoBack: Bool = true {
+        didSet {
+            isHighlighted = !canGoBack
+            isEnabled = canGoBack
+        }
+    }
     private let image = UIImageView.autoLayout()
 
     init() {
@@ -41,6 +47,8 @@ class HeaderView: HighlightableControl {
     }
 
     @objc func didTabBack() {
-        _ = dispatch(NavigationAction.back)
+        if canGoBack {
+            _ = dispatch(NavigationAction.back)
+        }
     }
 }

iOS/Multiplatform Redux Sample/Multiplatform Redux Sample/Utils/ZipEnterControl.swift

@@ -7,15 +7,24 @@
 
 import UIKit
 import ReduxSampleShared
+import dreiKit
 
 let kZipCellIdentifier = "possibleZipCell"
 
+class ZipValidator: DefaultBehaviorTextFieldDelegate {
+    override func isValid(text: String, in textField: UITextField) -> Bool {
+        text.count <= 4 && text.allSatisfy(\.isNumber)
+    }
+}
+
 class ZipEnterControl: UIView {
     private let zipLabel = UILabel.h4()
     private let enterView = UITextField.autoLayout()
     private let zipCollectionView = UICollectionView(frame: .zero, collectionViewLayout: UICollectionViewFlowLayout())
     private var possibleZips: [KotlinInt] = []
 
+    private let entryValidator = ZipValidator()
+
     init(isLightTheme: Bool = false) {
         super.init(frame: .zero)
         translatesAutoresizingMaskIntoConstraints = false
@@ -65,6 +74,7 @@ class ZipEnterControl: UIView {
         enterView.centerXAnchor.constraint(equalTo: centerXAnchor).isActive = true
         enterView.topAnchor.constraint(equalTo: zipLabel.bottomAnchor, constant: kUnit3).isActive = true
         enterView.keyboardType = .numberPad
+        enterView.delegate = entryValidator
         enterView.addTarget(self, action: #selector(zipValueChanged), for: .editingChanged)
     }
 

shared/src/commonMain/kotlin/ch/dreipol/multiplatform/reduxsample/shared/redux/reducer/EnterZipViewReducer.kt

@@ -17,5 +17,6 @@ val enterZipViewReducer: Reducer<EnterZipViewState> = { state, action ->
 
 private fun copyAndValidate(enterZipState: EnterZipViewState, selectedZip: Int?, possibleZips: List<Int>): EnterZipViewState {
     val invalidZip = selectedZip != null && possibleZips.contains(selectedZip).not()
-    return enterZipState.copy(possibleZips = possibleZips, selectedZip = selectedZip, invalidZip = invalidZip)
+    val canGoBack = selectedZip != null && !invalidZip
+    return enterZipState.copy(possibleZips = possibleZips, selectedZip = selectedZip, invalidZip = invalidZip, canGoBack = canGoBack)
 }

shared/src/commonMain/kotlin/ch/dreipol/multiplatform/reduxsample/shared/ui/EnterZipViewState.kt

@@ -3,7 +3,8 @@ package ch.dreipol.multiplatform.reduxsample.shared.ui
 data class EnterZipViewState(
     val possibleZips: List<Int> = emptyList(),
     val selectedZip: Int? = null,
-    val invalidZip: Boolean = false
+    val invalidZip: Boolean = false,
+    val canGoBack: Boolean = true,
 ) {
     val enterZipLabel = "onboarding_enter_zip_label"
     val filterEmptyText = "zip_invalid"