mirror of
https://github.com/NinjaCheetah/RIT-Dining.git
synced 2025-12-02 01:21:35 -05:00
There is now a filter button by the search bar in the menu view for locations! This opens a menu that allows you to filter by diets and to filter out any allergens that you need to avoid. These options are all written to UserDefaults, allowing you to set your options once and have them persist across menus and sessions. Also started on some refactors, these will be furthered in a later commit.
237 lines
10 KiB
Swift
237 lines
10 KiB
Swift
//
|
|
// MenuView.swift
|
|
// RIT Dining
|
|
//
|
|
// Created by Campbell on 11/3/25.
|
|
//
|
|
|
|
import SwiftUI
|
|
|
|
struct MenuView: View {
|
|
@State var accountId: Int
|
|
@State var locationId: Int
|
|
@State private var menuItems: [FDMenuItem] = []
|
|
@State private var searchText: String = ""
|
|
@State private var isLoading: Bool = true
|
|
@State private var loadFailed: Bool = false
|
|
@State private var rotationDegrees: Double = 0
|
|
@State private var selectedMealPeriod: Int = 0
|
|
@State private var openPeriods: [Int] = []
|
|
@State private var dietaryRestrictionsModel = MenuDietaryRestrictionsModel()
|
|
@State private var showingDietaryRestrictionsSheet: Bool = false
|
|
|
|
private var animation: Animation {
|
|
.linear
|
|
.speed(0.1)
|
|
.repeatForever(autoreverses: false)
|
|
}
|
|
|
|
func getOpenPeriods() async {
|
|
// Only run this if we haven't already gotten the open periods. This is somewhat of a bandaid solution to the issue of
|
|
// fetching this information more than once, but hey it works!
|
|
if openPeriods.isEmpty {
|
|
switch await getFDMealPlannerOpenings(locationId: locationId) {
|
|
case .success(let openingResults):
|
|
openPeriods = openingResults.data.map { Int($0.id) }
|
|
selectedMealPeriod = openPeriods[0]
|
|
// Since this only runs once when the view first loads, we can safely use this to call the method to get the data
|
|
// the first time. This also ensures that it doesn't happen until we have the opening periods collected.
|
|
await getMenuForPeriod(mealPeriodId: selectedMealPeriod)
|
|
case .failure(let error):
|
|
print(error)
|
|
loadFailed = true
|
|
}
|
|
}
|
|
}
|
|
|
|
func getMenuForPeriod(mealPeriodId: Int) async {
|
|
switch await getFDMealPlannerMenu(locationId: locationId, accountId: accountId, mealPeriodId: mealPeriodId) {
|
|
case .success(let menus):
|
|
menuItems = parseFDMealPlannerMenu(menu: menus)
|
|
isLoading = false
|
|
case .failure(let error):
|
|
print(error)
|
|
loadFailed = true
|
|
}
|
|
}
|
|
|
|
func getPriceString(price: Double) -> String {
|
|
if price == 0.0 {
|
|
return "Price Unavailable"
|
|
} else {
|
|
return "$\(String(format: "%.2f", price))"
|
|
}
|
|
}
|
|
|
|
private var filteredMenuItems: [FDMenuItem] {
|
|
var newItems = menuItems
|
|
// Filter out dietary restrictions, starting with pork/beef since those are tagged.
|
|
if !dietaryRestrictionsModel.filteredDietaryMarkers.isEmpty {
|
|
newItems = newItems.filter { item in
|
|
for marker in dietaryRestrictionsModel.filteredDietaryMarkers {
|
|
if item.dietaryMarkers.contains(marker) {
|
|
return false
|
|
}
|
|
}
|
|
return true
|
|
}
|
|
}
|
|
// Filter out allergens.
|
|
newItems = newItems.filter { item in
|
|
if !item.allergens.isEmpty {
|
|
for allergen in item.allergens {
|
|
if let checkingAllergen = Allergen(rawValue: allergen.lowercased()) {
|
|
if dietaryRestrictionsModel.dietaryRestrictions.contains(checkingAllergen) {
|
|
return false
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return true
|
|
}
|
|
// Filter down to vegetarian/vegan only if enabled.
|
|
if dietaryRestrictionsModel.isVegetarian || dietaryRestrictionsModel.isVegan {
|
|
newItems = newItems.filter { item in
|
|
if dietaryRestrictionsModel.isVegetarian && (item.dietaryMarkers.contains("Vegetarian") || item.dietaryMarkers.contains("Vegan")) {
|
|
return true
|
|
} else if dietaryRestrictionsModel.isVegan && (item.dietaryMarkers.contains("Vegan")) {
|
|
return true
|
|
}
|
|
return false
|
|
}
|
|
}
|
|
// Filter down to search contents.
|
|
newItems = newItems.filter { item in
|
|
let searchedLocations = searchText.isEmpty || item.name.localizedCaseInsensitiveContains(searchText)
|
|
return searchedLocations
|
|
}
|
|
newItems.sort { firstItem, secondItem in
|
|
return firstItem.name.localizedCaseInsensitiveCompare(secondItem.name) == .orderedAscending
|
|
}
|
|
return newItems
|
|
}
|
|
|
|
var body: some View {
|
|
if isLoading {
|
|
VStack {
|
|
if loadFailed {
|
|
Image(systemName: "wifi.exclamationmark.circle")
|
|
.resizable()
|
|
.frame(width: 75, height: 75)
|
|
.foregroundStyle(.accent)
|
|
Text("An error occurred while fetching the menu. Please check your network connection and try again.")
|
|
.foregroundStyle(.secondary)
|
|
.multilineTextAlignment(.center)
|
|
} else {
|
|
Image(systemName: "fork.knife.circle")
|
|
.resizable()
|
|
.frame(width: 75, height: 75)
|
|
.foregroundStyle(.accent)
|
|
.rotationEffect(.degrees(rotationDegrees))
|
|
.onAppear {
|
|
withAnimation(animation) {
|
|
rotationDegrees = 360.0
|
|
}
|
|
}
|
|
Text("One moment...")
|
|
.foregroundStyle(.secondary)
|
|
}
|
|
}
|
|
.task {
|
|
await getOpenPeriods()
|
|
}
|
|
.padding()
|
|
} else {
|
|
VStack {
|
|
if !menuItems.isEmpty {
|
|
List {
|
|
Section {
|
|
ForEach(filteredMenuItems) { item in
|
|
NavigationLink(destination: MenuItemView(menuItem: item)) {
|
|
VStack(alignment: .leading) {
|
|
HStack {
|
|
Text(item.name)
|
|
ForEach(item.dietaryMarkers, id: \.self) { dietaryMarker in
|
|
Text(dietaryMarker)
|
|
.foregroundStyle(Color.white)
|
|
.font(.caption)
|
|
.padding(5)
|
|
.background(
|
|
RoundedRectangle(cornerRadius: 16)
|
|
.fill({
|
|
switch dietaryMarker {
|
|
case "Vegan", "Vegetarian":
|
|
return Color.green
|
|
default:
|
|
return Color.orange
|
|
}
|
|
}())
|
|
)
|
|
}
|
|
}
|
|
Text("\(item.calories) Cal • \(getPriceString(price: item.price))")
|
|
.foregroundStyle(.secondary)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.navigationTitle("Menu")
|
|
.navigationBarTitleDisplayMode(.large)
|
|
.searchable(text: $searchText, prompt: "Search")
|
|
} else {
|
|
Image(systemName: "clock.badge.exclamationmark")
|
|
.resizable()
|
|
.scaledToFit()
|
|
.frame(width: 75, height: 75)
|
|
.foregroundStyle(.accent)
|
|
Text("No menu is available for the selected meal period today. Try selecting a different meal period.")
|
|
.foregroundStyle(.secondary)
|
|
.multilineTextAlignment(.center)
|
|
}
|
|
}
|
|
.toolbar {
|
|
ToolbarItem(placement: .primaryAction) {
|
|
Menu {
|
|
Picker("Meal Period", selection: $selectedMealPeriod) {
|
|
ForEach(openPeriods, id: \.self) { period in
|
|
Text(fdmpMealPeriodsMap[period]!).tag(period)
|
|
}
|
|
}
|
|
} label: {
|
|
Image(systemName: "clock")
|
|
}
|
|
}
|
|
ToolbarItemGroup(placement: .bottomBar) {
|
|
Button(action: {
|
|
showingDietaryRestrictionsSheet = true
|
|
}) {
|
|
Image(systemName: "line.3.horizontal.decrease")
|
|
}
|
|
if #unavailable(iOS 26.0) {
|
|
Spacer()
|
|
}
|
|
}
|
|
if #available(iOS 26.0, *) {
|
|
ToolbarSpacer(.flexible, placement: .bottomBar)
|
|
DefaultToolbarItem(kind: .search, placement: .bottomBar)
|
|
}
|
|
}
|
|
.onChange(of: selectedMealPeriod) {
|
|
rotationDegrees = 0
|
|
isLoading = true
|
|
Task {
|
|
await getMenuForPeriod(mealPeriodId: selectedMealPeriod)
|
|
}
|
|
}
|
|
.sheet(isPresented: $showingDietaryRestrictionsSheet) {
|
|
MenuDietaryRestrictionsSheet(dietaryRestrictionsModel: $dietaryRestrictionsModel)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#Preview {
|
|
MenuView(accountId: 1, locationId: 1)
|
|
}
|