[Feat/#70] 목표설정시간 알림창 구현

FootprintIOS/FootprintIOS/Sources/Service/InfoService.swift

@@ -12,6 +12,7 @@ enum InfoEvent {
     case updateBirth(content: String)
     case updateWalk(content: String)
     case updateGoalWalk(content: String)
+    case showGoalWalkAlertView
 
     case getThisMonthGoal(GoalResponseDTO)
     case getNextMonthGoal(GoalResponseDTO)
@@ -28,6 +29,7 @@ protocol InfoServiceType {
     func updateBirth(to birth: String) -> Observable<String>
     func updateWalk(to walk: String) -> Observable<String>
     func updateGoalWalk(to goalWalk: String) -> Observable<String>
+    func showGoalWalkAlertView() -> Observable<Void>
 }
 
 class InfoService: NetworkService, InfoServiceType {
@@ -108,6 +110,11 @@ class InfoService: NetworkService, InfoServiceType {
         return .just(walk)
     }
 
+    func showGoalWalkAlertView() -> Observable<Void> {
+        event.onNext(.showGoalWalkAlertView)
+        return .just(Void())
+    }
+
     func updateGoalWalk(to goalWalk: String) -> Observable<String> {
         event.onNext(.updateGoalWalk(content: goalWalk))
         return .just(goalWalk)

FootprintIOS/FootprintIOS/Sources/View/Alert/CustomAlertView.swift

@@ -13,6 +13,7 @@ class CustomAlertView: BaseView {
     // MARK: - Properties
 
     let type: AlertType
+    let customViewType: AlertType.Custom?
 
     // MARK: - UI Components
 
@@ -26,10 +27,7 @@ class CustomAlertView: BaseView {
         $0.textColor = FootprintIOSAsset.Colors.blackM.color
     }
 
-    // FIXME: 나중에 재사용 가능성이 있다면 customView도 enum으로 관리
-    private let customView = UIView().then {
-        $0.backgroundColor = .systemYellow
-    }
+    lazy var selectGoalWalkTimeView = SelectGoalWalkTimeView.init()
 
     private let lineView = UIView().then {
         $0.backgroundColor = FootprintIOSAsset.Colors.white3.color
@@ -55,8 +53,9 @@ class CustomAlertView: BaseView {
 
     // MARK: - Initializer
 
-    init(type: AlertType) {
+    init(type: AlertType, customViewType: AlertType.Custom?) {
         self.type = type
+        self.customViewType = customViewType
 
         super.init(frame: .zero)
     }
@@ -79,15 +78,19 @@ class CustomAlertView: BaseView {
         super.setupHierarchy()
 
         addSubview(backgroundView)
-        backgroundView.addSubviews([titleLabel, customView, lineView, buttonStackView])
+        backgroundView.addSubviews([titleLabel, lineView, buttonStackView])
+
+        if customViewType == .selectGoalWalkTime {
+            backgroundView.addSubview(selectGoalWalkTimeView)
+        }
     }
 
     override func setupLayout() {
         super.setupLayout()
 
         backgroundView.snp.makeConstraints {
-            $0.width.equalTo(326)
-            $0.height.equalTo(259)
+            $0.width.equalTo(327)
+            $0.height.equalTo(230)
             $0.center.equalToSuperview()
         }
 
@@ -96,10 +99,12 @@ class CustomAlertView: BaseView {
             $0.centerX.equalTo(backgroundView)
         }
 
-        customView.snp.makeConstraints {
-            $0.top.equalTo(titleLabel.snp.bottom).offset(10)
-            $0.leading.trailing.equalTo(backgroundView)
-            $0.height.equalTo(150)
+        if customViewType == .selectGoalWalkTime {
+            selectGoalWalkTimeView.snp.makeConstraints {
+                $0.top.equalTo(titleLabel.snp.bottom).offset(10)
+                $0.leading.trailing.equalTo(backgroundView)
+                $0.height.equalTo(130)
+            }
         }
 
         buttonStackView.snp.makeConstraints {

FootprintIOS/FootprintIOS/Sources/View/Alert/CustomView/SelectGoalWalkTimeView.swift

@@ -0,0 +1,136 @@
+//
+//  SelectGoalWalkTimeView.swift
+//  Footprint-iOSTests
+//
+//  Created by 김영인 on 2023/02/05.
+//  Copyright © 2023 Footprint-iOS. All rights reserved.
+//
+
+import UIKit
+
+import RxSwift
+import RxRelay
+
+class SelectGoalWalkTimeView: BaseView {
+
+    enum Time: Int {
+        case hour
+        case minute
+    }
+
+    // MARK: - Properties
+
+    private var hours: [String] = []
+    private var minutes: [String] = []
+
+    var selectedHour = BehaviorRelay<String>(value: "0시간")
+    var selectedMinute = BehaviorRelay<String>(value: "10분")
+
+    // MARK: - UI Components
+
+    let pickerView = UIPickerView()
+
+    // MARK: - Methods
+
+    override func setupProperty() {
+        super.setupProperty()
+
+        setupPickerView()
+    }
+
+    override func setupDelegate() {
+        pickerView.delegate = self
+        pickerView.dataSource = self
+    }
+
+    override func setupHierarchy() {
+        addSubview(pickerView)
+    }
+
+    override func setupLayout() {
+        pickerView.snp.makeConstraints() {
+            $0.top.bottom.equalToSuperview()
+            $0.leading.trailing.equalToSuperview().inset(20)
+        }
+    }
+
+    override func layoutSubviews() {
+        super.layoutSubviews()
+
+        pickerView.selectRow(1, inComponent: 1, animated: true)
+    }
+
+    private func setupPickerView() {
+        for hour in Array(0...4) {
+            hours.append("\(hour)시간")
+        }
+
+        for minute in Array(0...5) {
+            minutes.append("\(minute * 10)분")
+        }
+    }
+}
+
+extension SelectGoalWalkTimeView: UIPickerViewDataSource {
+    func numberOfComponents(in pickerView: UIPickerView) -> Int {
+        return 2
+    }
+
+    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
+        switch component {
+        case Time.hour.rawValue:
+            return hours.count
+        case Time.minute.rawValue:
+            return minutes.count
+        default:
+            return 0
+        }
+    }
+}
+
+extension SelectGoalWalkTimeView: UIPickerViewDelegate {
+    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
+
+        switch component {
+        case Time.hour.rawValue:
+            selectedHour.accept(hours[row])
+        case Time.minute.rawValue:
+            selectedMinute.accept(minutes[row])
+        default:
+            break
+        }
+
+        if selectedHour.value == hours[0] {
+            pickerView.selectRow(1, inComponent: 1, animated: true)
+        }
+        if selectedHour.value == hours[4] {
+            pickerView.selectRow(0, inComponent: 1, animated: true)
+        }
+    }
+
+    func pickerView(_ pickerView: UIPickerView, rowHeightForComponent component: Int) -> CGFloat {
+        return 40
+    }
+
+    func pickerView(_ pickerView: UIPickerView, widthForComponent component: Int) -> CGFloat {
+        return 90
+    }
+
+    func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {
+
+        let label = UILabel()
+        label.font = .systemFont(ofSize: 18)
+        label.textAlignment = .center
+
+        switch component {
+        case Time.hour.rawValue:
+            label.text = hours[row]
+        case Time.minute.rawValue:
+            label.text = minutes[row]
+        default:
+            break
+        }
+
+        return label
+    }
+}

FootprintIOS/FootprintIOS/Sources/View/UserInfo/Goal/GoalView.swift

@@ -10,10 +10,6 @@ import UIKit
 
 class GoalView: BaseView {
 
-    // MARK: - Properties
-
-    var walkTimes: [Int] = [15, 30, 60, 90, 0]
-
     // MARK: - UI Components
 
     lazy var dayButtons: [UIButton] = []
@@ -120,11 +116,25 @@ class GoalView: BaseView {
     func getWalkIndex(type: UserInfoSelectBarType) -> Int {
         switch type {
         case .goalTime:
-            for (index, walkType) in InfoTexts.goalWalkTexts.enumerated() {
-                if walkType == goalWalkSelectView.selectLabel.text {
-                    return walkTimes[safe: index] ?? 0
-                }
+            let time = goalWalkSelectView.selectLabel.text ?? ""
+            var goalTime: Int
+
+            if !time.contains("시간") {
+                goalTime = time.split(separator: "분").map { Int($0) ?? 0 }.first ?? 0
+            } else if !time.contains("분") {
+                goalTime = (time.split(separator: "시간").map { Int($0) ?? 0 }.first ?? 0) * 60
+            } else {
+                let hourMinute = time.split(separator: " ")
+                let hour = (hourMinute[0].split(separator: "시간").map { Int($0) ?? 0 }.first ?? 0) * 60
+                let minute = hourMinute[1].split(separator: "분").map { Int($0) ?? 0 }.first ?? 0
+                goalTime = hour + minute
+            }
+
+            if time == "0분" {
+                goalTime = 10
             }
+
+            return goalTime
         case .time:
             for (index, walkType) in InfoTexts.walkTexts.enumerated() {
                 if walkType == walkSelectView.selectLabel.text {

FootprintIOS/FootprintIOS/Sources/ViewController/Alert/AlertViewController.swift

@@ -9,6 +9,7 @@
 import UIKit
 
 import ReactorKit
+import RxSwift
 import Then
 
 enum AlertType {
@@ -22,7 +23,11 @@ enum AlertType {
     case withdrawal
     case deleteAll(Int)
     case badge(String)
-    case custom
+    case custom(value: Custom)
+
+    enum Custom {
+        case selectGoalWalkTime
+    }
 
     var title: String {
         switch self {
@@ -46,7 +51,7 @@ enum AlertType {
             return "\(i)번째 산책'을 삭제하시겠어요?"
         case let .badge(badgeName):
             return "\(badgeName)\n뱃지를 획득했어요!"
-        case .custom:
+        case .custom(value: .selectGoalWalkTime):
             return "목표산책시간 직접설정"
         }
     }
@@ -89,24 +94,29 @@ class AlertViewController: NavigationBarViewController, View {
     // MARK: - Properties
 
     private let type: AlertType
+    private let customViewType: AlertType.Custom?
     typealias Reactor = AlertReactor
     var alertAction: (() -> Void)?
+    var selectTimeAction: ((String) -> Void)?
+
+    private lazy var selectedTime: String = ""
 
     // MARK: - UI Components
 
     private lazy var oneButtonAlertView = OneButtonAlertView.init(type: self.type)
     private lazy var twoButtonAlertView = TwoButtonAlertView.init(type: self.type)
     private lazy var badgeAlertView = BadgeAlertView.init(type: self.type)
-    private lazy var customAlertView = CustomAlertView.init(type: self.type)
+    private lazy var customAlertView = CustomAlertView.init(type: self.type, customViewType: self.customViewType)
 
     // MARK: - Initializer
 
-    init(type: AlertType, reator: Reactor) {
+    init(type: AlertType, customViewType: AlertType.Custom? = nil, reactor: Reactor) {
         self.type = type
+        self.customViewType = customViewType
 
         super.init(nibName: nil, bundle: nil)
 
-        self.reactor = reator
+        self.reactor = reactor
     }
 
     @available(*, unavailable)
@@ -190,15 +200,38 @@ class AlertViewController: NavigationBarViewController, View {
             })
             .disposed(by: disposeBag)
 
+        if customViewType == .selectGoalWalkTime {
+            Observable.combineLatest(
+                customAlertView.selectGoalWalkTimeView.selectedHour,
+                customAlertView.selectGoalWalkTimeView.selectedMinute
+            ).bind { [weak self] (hour, minute) in
+                if hour == "4시간" {
+                    self?.selectedTime = "4시간"
+                    return
+                }
+
+                let time = hour.contains("0") ? "\(minute)" :
+                (minute == "0분") ? "\(hour)" : "\(hour) \(minute)"
+
+                self?.selectedTime = time
+                if time == "0분" {
+                    self?.selectedTime = "10분"
+                }
+            }
+            .disposed(by: disposeBag)
+        }
+
         customAlertView.rightButton.rx.tap
             .withUnretained(self)
             .asDriver(onErrorDriveWith: .empty())
             .drive(onNext: { owner, _ in
-                owner.alertAction?()
+                if owner.customViewType == .selectGoalWalkTime {
+                    owner.selectTimeAction?(owner.selectedTime)
+                }
                 owner.dismiss(animated: true)
             })
             .disposed(by: disposeBag)
-        
+
         reactor.state
             .map(\.isDismiss)
             .bind { [weak self] _ in
@@ -209,11 +242,15 @@ class AlertViewController: NavigationBarViewController, View {
 }
 
 extension UIViewController {
-    func makeAlert(type: AlertType, alertAction: (() -> Void)? = nil) {
-        let alertVC = AlertViewController(type: type, reator: .init())
+    func makeAlert(type: AlertType,
+                   customViewType: AlertType.Custom? = nil,
+                   alertAction: (() -> Void)? = nil,
+                   selectTimeAction: ((String) -> Void)? = nil) {
+        let alertVC = AlertViewController(type: type, customViewType: customViewType, reactor: .init())
         alertVC.modalTransitionStyle = .crossDissolve
         alertVC.modalPresentationStyle = .overCurrentContext
         alertVC.alertAction = alertAction
+        alertVC.selectTimeAction = selectTimeAction
         self.present(alertVC, animated: true)
     }
 }