🔀 :: [#315] 선생님 정보입력 페이지 UI

Plugin/DependencyPlugin/ProjectDescriptionHelpers/Dependency+Target.swift

@@ -9,6 +9,14 @@ public extension TargetDependency {
 }
 
 public extension TargetDependency.Feature {
+    static let InputTeacherInfoFeatureInterface = TargetDependency.project(
+        target: ModulePaths.Feature.InputTeacherInfoFeature.targetName(type: .interface),
+        path: .relativeToFeature(ModulePaths.Feature.InputTeacherInfoFeature.rawValue)
+    )
+    static let InputTeacherInfoFeature = TargetDependency.project(
+        target: ModulePaths.Feature.InputTeacherInfoFeature.targetName(type: .sources),
+        path: .relativeToFeature(ModulePaths.Feature.InputTeacherInfoFeature.rawValue)
+    )
     static let InputPrizeInfoFeatureInterface = TargetDependency.project(
         target: ModulePaths.Feature.InputPrizeInfoFeature.targetName(type: .interface),
         path: .relativeToFeature(ModulePaths.Feature.InputPrizeInfoFeature.rawValue)

Plugin/DependencyPlugin/ProjectDescriptionHelpers/ModulePaths.swift

@@ -10,6 +10,7 @@ public enum ModulePaths {
 
 public extension ModulePaths {
     enum Feature: String {
+        case InputTeacherInfoFeature
         case InputPrizeInfoFeature
         case MyPageFeature
         case InputProjectInfoFeature

Projects/App/Project.swift

@@ -46,6 +46,7 @@ let targets: [Target] = [
             .Feature.InputCertificateInfoFeature,
             .Feature.InputLanguageInfoFeature,
             .Feature.InputProjectInfoFeature,
+            .Feature.InputTeacherInfoFeature,
             .Feature.MainFeature,
             .Feature.SplashFeature,
             .Feature.TechStackAppendFeature,

Projects/App/Sources/Application/NeedleGenerated.swift

@@ -25,6 +25,7 @@ import InputProjectInfoFeature
 import InputProjectInfoFeatureInterface
 import InputSchoolLifeInfoFeature
 import InputSchoolLifeInfoFeatureInterface
+import InputTeacherInfoFeatureInterface
 import InputWorkInfoFeature
 import InputWorkInfoFeatureInterface
 import JwtStore

Projects/Feature/InputTeacherInfoFeature/Demo/Resources/LaunchScreen.storyboard

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="13122.16" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
+    <dependencies>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="13104.12"/>
+        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+    </dependencies>
+    <scenes>
+        <!--View Controller-->
+        <scene sceneID="EHf-IW-A2E">
+            <objects>
+                <viewController id="01J-lp-oVM" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <color key="backgroundColor" xcode11CocoaTouchSystemColor="systemBackgroundColor" cocoaTouchSystemColor="whiteColor"/>
+                        <viewLayoutGuide key="safeArea" id="6Tk-OE-BBY"/>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="53" y="375"/>
+        </scene>
+    </scenes>
+</document>

Projects/Feature/InputTeacherInfoFeature/Demo/Sources/AppDelegate.swift

@@ -0,0 +1,27 @@
+import BaseFeature
+import SwiftUI
+import InputTeacherInfoFeatureInterface
+@testable import InputTeacherInfoFeature
+
+final class DummyInputTeacherInfoDelegate: InputTeacherDelegate {
+    func completeToInputTeacherInformation() {}
+}
+
+@main
+struct InputTeacherInfoApp: App {
+    var body: some Scene {
+        WindowGroup {
+            let model = InputTeacherInfoModel()
+            let intent = InputTeacherInfoIntent(
+                model: model,
+                teacherDelegate: DummyInputTeacherInfoDelegate()
+            )
+            let container = MVIContainer(
+                intent: intent as InputTeacherInfoIntentProtocol,
+                model: model as InputTeacherInfoStateProtocol,
+                modelChangePublisher: model.objectWillChange
+            )
+            InputTeacherInfoView(container: container)
+        }
+    }
+}

Projects/Feature/InputTeacherInfoFeature/Interface/InputTeacherDelegate.swift

@@ -0,0 +1,3 @@
+public protocol InputTeacherDelegate: AnyObject {
+    func completeToInputTeacherInformation()
+}

Projects/Feature/InputTeacherInfoFeature/Interface/InputTeacherInfoBuildable.swift

@@ -0,0 +1,6 @@
+import SwiftUI
+
+public protocol InputTeacherInfoBuildable {
+    associatedtype ViewType: View
+    func makeView(delegate: InputTeacherDelegate) -> ViewType
+}

Projects/Feature/InputTeacherInfoFeature/Project.swift

@@ -0,0 +1,13 @@
+import ProjectDescription
+import ProjectDescriptionHelpers
+import DependencyPlugin
+
+let project = Project.makeModule(
+    name: ModulePaths.Feature.InputTeacherInfoFeature.rawValue,
+    product: .staticLibrary,
+    targets: [.interface, .unitTest, .demo],
+    internalDependencies: [
+        .Feature.BaseFeature,
+        .Feature.InputInformationBaseFeature
+    ]
+)

Projects/Feature/InputTeacherInfoFeature/Sources/DI/InputTeacherInfoComponent.swift

@@ -0,0 +1,20 @@
+import BaseFeature
+import InputTeacherInfoFeatureInterface
+import NeedleFoundation
+import SwiftUI
+
+public protocol InputTeacherInfoDependency: Dependency {}
+
+public final class InputTeacherInfoComponent: Component<InputTeacherInfoDependency>, InputTeacherInfoBuildable {
+
+    public func makeView(delegate: InputTeacherDelegate) -> some View {
+        let model = InputTeacherInfoModel()
+        let intent = InputTeacherInfoIntent(model: model, teacherDelegate: delegate)
+        let container = MVIContainer(
+            intent: intent as InputTeacherInfoIntentProtocol,
+            model: model as InputTeacherInfoStateProtocol,
+            modelChangePublisher: model.objectWillChange
+        )
+        return InputTeacherInfoView(container: container)
+    }
+}

Projects/Feature/InputTeacherInfoFeature/Sources/Intent/InputTeacherInfoIntent.swift

@@ -0,0 +1,43 @@
+import Foundation
+import InputTeacherInfoFeatureInterface
+
+final class InputTeacherInfoIntent: InputTeacherInfoIntentProtocol {
+    private weak var model: (any InputTeacherInfoActionProtocol)?
+    private weak var teacherDelegate: (any InputTeacherDelegate)?
+
+    init(
+        model: any InputTeacherInfoActionProtocol,
+        teacherDelegate: any InputTeacherDelegate
+    ) {
+        self.model = model
+        self.teacherDelegate = teacherDelegate
+    }
+
+    func completeButtonDidTap() {
+        teacherDelegate?.completeToInputTeacherInformation()
+    }
+
+    func jobTitleSheetIsRequired() {
+        model?.updateIsPresentedJobTitleSheet(isPresented: true)
+    }
+
+    func jobTitleSheetDismissed() {
+        model?.updateIsPresentedJobTitleSheet(isPresented: false)
+    }
+
+    func gradeSheetIsRequired() {
+        model?.updateIsPresentedGradeSheet(isPresented: true)
+    }
+
+    func gradeSheetDismissed() {
+        model?.updateIsPresentedGradeSheet(isPresented: false)
+    }
+
+    func classSheetIsRequired() {
+        model?.updateIsPresentedClassSheet(isPresented: true)
+    }
+
+    func classSheetDismissed() {
+        model?.updateIsPresentedClassSheet(isPresented: false)
+    }
+}

Projects/Feature/InputTeacherInfoFeature/Sources/Intent/InputTeacherInfoIntentProtocol.swift

@@ -0,0 +1,11 @@
+import Foundation
+
+protocol InputTeacherInfoIntentProtocol {
+    func completeButtonDidTap()
+    func jobTitleSheetIsRequired()
+    func jobTitleSheetDismissed()
+    func gradeSheetIsRequired()
+    func gradeSheetDismissed()
+    func classSheetIsRequired()
+    func classSheetDismissed()
+}

Projects/Feature/InputTeacherInfoFeature/Sources/Model/InputTeacherInfoModel.swift

@@ -0,0 +1,21 @@
+import Foundation
+
+final class InputTeacherInfoModel: ObservableObject, InputTeacherInfoStateProtocol {
+    @Published var isPresentedJobTitleSheet: Bool = false
+    @Published var isPresentedGradeSheet: Bool = false
+    @Published var isPresentedClassSheet: Bool = false
+}
+
+extension InputTeacherInfoModel: InputTeacherInfoActionProtocol {
+    func updateIsPresentedJobTitleSheet(isPresented: Bool) {
+        self.isPresentedJobTitleSheet = isPresented
+    }
+
+    func updateIsPresentedGradeSheet(isPresented: Bool) {
+        self.isPresentedGradeSheet = isPresented
+    }
+
+    func updateIsPresentedClassSheet(isPresented: Bool) {
+        self.isPresentedClassSheet = isPresented
+    }
+}

Projects/Feature/InputTeacherInfoFeature/Sources/Model/InputTeacherInfoModelProtocol.swift

@@ -0,0 +1,13 @@
+import Foundation
+
+protocol InputTeacherInfoStateProtocol {
+    var isPresentedJobTitleSheet: Bool { get }
+    var isPresentedGradeSheet: Bool { get }
+    var isPresentedClassSheet: Bool { get }
+}
+
+protocol InputTeacherInfoActionProtocol: AnyObject {
+    func updateIsPresentedJobTitleSheet(isPresented: Bool)
+    func updateIsPresentedGradeSheet(isPresented: Bool)
+    func updateIsPresentedClassSheet(isPresented: Bool)
+}

Projects/Feature/InputTeacherInfoFeature/Sources/Scene/InputTeacherInfoView.swift

@@ -0,0 +1,163 @@
+import BaseFeature
+import DesignSystem
+import InputInformationBaseFeature
+import SwiftUI
+
+struct InputTeacherInfoView: View {
+    @StateObject var container: MVIContainer<InputTeacherInfoIntentProtocol, InputTeacherInfoStateProtocol>
+    var intent: any InputTeacherInfoIntentProtocol { container.intent }
+    var state: any InputTeacherInfoStateProtocol { container.model }
+
+    var body: some View {
+        SMSNavigationTitleView(title: "정보입력") {
+            VStack(spacing: 0) {
+                HStack(spacing: 4) {
+                    Text("프로필")
+                        .foregroundColor(.sms(.system(.black)))
+
+                    Text("*")
+                        .foregroundColor(.sms(.sub(.s2)))
+
+                    Spacer()
+                }
+                .smsFont(.title1)
+                .padding(.top, 36)
+
+                VStack(spacing: 24) {
+                    inputTeacherInfoTextField(
+                        title: "직함",
+                        placeholder: "직함 선택",
+                        text: .constant("")
+                    )
+                    .onTapGesture {
+                        intent.jobTitleSheetIsRequired()
+                    }
+
+                    inputTeacherInfoTextField(
+                        title: "학년",
+                        placeholder: "담당 학년 선택",
+                        text: .constant("")
+                    )
+                    .onTapGesture {
+                        intent.gradeSheetIsRequired()
+                    }
+
+                    inputTeacherInfoTextField(
+                        title: "반",
+                        placeholder: "담당 반 선택",
+                        text: .constant("")
+                    )
+                    .onTapGesture {
+                        intent.classSheetIsRequired()
+                    }
+                }
+                .padding(.top, 32)
+
+                CTAButton(text: "완료")
+                    .padding(.top, 32)
+
+                Spacer()
+            }
+            .padding(.horizontal, 20)
+        }
+        .smsBottomSheet(
+            isShowing: Binding(
+                get: { state.isPresentedJobTitleSheet },
+                set: { _ in intent.jobTitleSheetDismissed() }
+            )
+        ) {
+            jobTitleListView()
+        }
+        .smsBottomSheet(
+            isShowing: Binding(
+                get: { state.isPresentedGradeSheet },
+                set: { _ in intent.gradeSheetDismissed() }
+            )
+        ) {
+            gradeListView()
+        }
+        .smsBottomSheet(
+            isShowing: Binding(
+                get: { state.isPresentedClassSheet},
+                set: { _ in intent.classSheetDismissed() }
+            )
+        ) {
+            classListView()
+        }
+    }
+
+    @ViewBuilder
+    func inputTeacherInfoTextField(
+        title: String,
+        placeholder: String,
+        text: Binding<String>
+    ) -> some View {
+        SMSTextField(
+            placeholder,
+            text: text
+        )
+        .disabled(true)
+        .overlay(alignment: .trailing) {
+            SMSIcon(.downChevron)
+                .padding(.trailing, 12)
+        }
+        .titleWrapper(title)
+    }
+
+    @ViewBuilder
+    func jobTitleListView() -> some View {
+        VStack(spacing: 16) {
+            ForEach(0..<5, id: \.self) { index in
+                HStack {
+                    Text("\(index)")
+                        .smsFont(.body1, color: .neutral(.n50))
+
+                    Spacer()
+
+                    Circle()
+                        .fill(Color.sms(.primary(.p2)))
+                        .frame(width: 24, height: 24)
+                }
+                .padding(.horizontal, 20)
+            }
+        }
+    }
+
+    @ViewBuilder
+    func gradeListView() -> some View {
+        VStack(spacing: 16) {
+            ForEach(1..<4, id: \.self) { index in
+                HStack {
+                    Text("\(index)학년")
+                        .smsFont(.body1, color: .neutral(.n50))
+
+                    Spacer()
+
+                    Circle()
+                        .fill(Color.sms(.primary(.p2)))
+                        .frame(width: 24, height: 24)
+                }
+                .padding(.horizontal, 20)
+            }
+        }
+    }
+
+    @ViewBuilder
+    func classListView() -> some View {
+        VStack(spacing: 16) {
+            ForEach(1..<5, id: \.self) { index in
+                HStack {
+                    Text("\(index)반")
+                        .smsFont(.body1, color: .neutral(.n50))
+
+                    Spacer()
+
+                    Circle()
+                        .fill(Color.sms(.primary(.p2)))
+                        .frame(width: 24, height: 24)
+                }
+                .padding(.horizontal, 20)
+            }
+        }
+    }
+}

Projects/Feature/InputTeacherInfoFeature/Sources/Source.swift

@@ -0,0 +1 @@
+// This is for Tuist