iOS: [Schedule] Initial schedule list

Author: brianchang928

iosApp/OPass/Schedule/ScheduleModel.swift

@@ -9,9 +9,16 @@
 //
 
 import Shared
+import SwiftUI
 import SwiftDate
 import OrderedCollections
 
+enum ScheduleViewState {
+    case ready(ScheduleData)
+    case failed(Error)
+    case loading
+}
+
 struct ScheduleData {
     let sessions: [(DateInRegion, [(DateInRegion, ArraySlice<Session>)])]
     let speakers: OrderedDictionary<String, Speaker>
@@ -20,8 +27,18 @@ struct ScheduleData {
     let tags: OrderedDictionary<String, LocalizedObject>
 }
 
-enum ScheduleViewState {
-    case ready(ScheduleData)
-    case failed(Error)
-    case loading
+struct ScheduleFilter: Hashable {
+    var speaker: Set<String> = []
+    var type: Set<String> = []
+    var room: Set<String> = []
+    var tag: Set<String> = []
+    var liked = false
+    var count = 0
+}
+
+struct OffsetKey: PreferenceKey {
+    static var defaultValue: CGFloat = .zero
+    static func reduce(value: inout CGFloat, nextValue: () -> CGFloat) {
+        value = nextValue()
+    }
 }

iosApp/OPass/Schedule/ScheduleViewModel.swift

@@ -10,6 +10,7 @@
 
 import Shared
 import SwiftUI
+import SwiftDate
 import Algorithms
 import OrderedCollections
 
@@ -18,11 +19,14 @@ class ScheduleViewModel {
     @ObservationIgnored 
     @AppStorage("EventID") private var eventID = ""
 
-    private(set) var schedule: ScheduleData?
+    private(set) var data: ScheduleData?
     private(set) var error: Error?
 
+    var filters = ScheduleFilter()
+    var selectedDay: Int? = 0
+    
     var viewState: ScheduleViewState {
-        if let schedule { return .ready(schedule) }
+        if let data { return .ready(data) }
         if let error { return .failed(error) }
         return .loading
     }
@@ -75,12 +79,29 @@ class ScheduleViewModel {
         let rooms = OrderedDictionary(schedule.rooms.map({ ($0.id, $0) }), uniquingKeysWith: { $1 })
         let tags = OrderedDictionary(schedule.tags.map({ ($0.id, $0) }), uniquingKeysWith: { $1 })
 
-        return self.schedule = .init(
+        self.selectedDay = sessions.firstIndex { $0.0.isToday } ?? 0
+        
+        return self.data = .init(
             sessions: sessions,
             speakers: speakers,
             types: types,
             rooms: rooms,
             tags: tags
         )
     }
+    
+    func filterSessions(_ sessions: [(DateInRegion, [(DateInRegion, ArraySlice<Session>)])]) -> [(DateInRegion, [(DateInRegion, ArraySlice<Session>)])] {
+        if filters.count == 0 { return sessions }
+        let s =  sessions.map { day in
+            let daySessions = day.1.compactMap { section in
+                let filteredSessions = section.1.filter { session in
+                    if !filters.speaker.isEmpty, filters.speaker.isDisjoint(with: session.speakers) { return false }
+                    return true
+                }
+                return filteredSessions.isEmpty ? nil : (section.0, ArraySlice(filteredSessions))
+            }
+            return (day.0, daySessions)
+        }
+        return s
+    }
 }

iosApp/OPass/Schedule/View/ScheduleView.swift

@@ -10,16 +10,21 @@
 
 import Shared
 import SwiftUI
+import SwiftDate
 
 struct ScheduleView: View {
     @State private var viewModel = ScheduleViewModel()
 
+    @State var tabProgress: CGFloat = 0
+    
     var body: some View {
         VStack {
             switch viewModel.viewState {
             case .ready(let schedule):
-                VStack {
-                    Text("Loaded")
+                if schedule.sessions.count == 1 {
+                    sessionList(schedule.sessions[0].1)
+                } else {
+                    scheduleList(schedule.sessions)
                 }
             case .failed(let error):
                 ContentUnavailableView(
@@ -35,4 +40,67 @@ struct ScheduleView: View {
         .analyticsScreen(name: "ScheduleView")
         .environment(viewModel)
     }
+    
+    private func scheduleList(_ schedule: [(DateInRegion, [(DateInRegion, ArraySlice<Session>)])]) -> some View {
+        GeometryReader {
+            let size = $0.size
+            ScrollView(.horizontal) {
+                LazyHStack(spacing: 0) {
+                    ForEach(schedule, id:\.0) {
+                        sessionList($0.1)
+                    }
+                }
+                .scrollTargetLayout()
+                .overlay {
+                    GeometryReader {
+                        Color.clear
+                            .preference(
+                                key: OffsetKey.self,
+                                value: $0.frame(in: .scrollView(axis: .horizontal)).minX
+                            )
+                            .onPreferenceChange(OffsetKey.self) { value in
+                                tabProgress = max(min((-value / (size.width * CGFloat(schedule.count - 1))), 1), 0)
+                            }
+                    }
+                }
+            }
+            .scrollPosition(id: $viewModel.selectedDay)
+            .scrollTargetBehavior(.paging)
+            .scrollIndicators(.never)
+            .ignoresSafeArea(.all, edges: .bottom)
+//            .background(.listBackground)
+        }
+    }
+    
+    private func sessionList(_ sessions: [(DateInRegion, ArraySlice<Session>)]) -> some View {
+            ScrollView(.vertical) {
+                LazyVStack {
+                    ForEach(sessions, id: \.0) { (_, sectionSessions) in
+                        LazyVStack(alignment: .leading, spacing: 0) {
+                            ForEach(sectionSessions, id: \.id) {
+                                Text($0.title)
+                            }
+                        }
+                    }
+                }
+                .padding()
+
+            }
+            .containerRelativeFrame(.horizontal)
+            .scrollIndicators(.automatic)
+//            .overlay {
+//                if sessions.isEmpty {
+//                    ContentUnavailableView {
+//                        Label("No Sessions Found", systemImage: "text.badge.xmark")
+//                    } description: {
+//                        Text("Use fewer filters or reset all filters.")
+//                    } actions: {
+//                        Button("Reset Filters") {
+//                            self.filters = .init()
+//                        }
+//                        .bold()
+//                    }
+//                }
+//            }
+        }
 }

iosApp/Supporting Files/Localizable.xcstrings

@@ -94,9 +94,6 @@
     },
     "Hello, World!" : {
 
-    },
-    "Loaded" : {
-
     },
     "Loading" : {
       "localizations" : {