import SwiftDate import SwiftUI struct MainView: View { private enum Config { static let lag: TimeInterval = 30 } @EnvironmentObject var state: WatchStateModel @State var isCarbsActive = false @State var isTargetsActive = false @State var isBolusActive = false var body: some View { ZStack(alignment: .topLeading) { if state.timerDate.timeIntervalSince(state.lastUpdate) > 10 { HStack { withAnimation { BlinkingView(count: 5, size: 3) .frame(width: 14, height: 14) .padding(2) } Text("Updating...").font(.caption2).foregroundColor(.secondary) } } VStack { header Spacer() buttons } if state.isConfirmationViewActive { ConfirmationView(success: $state.confirmationSuccess) .background(Rectangle().fill(.black)) } if state.isConfirmationBolusViewActive { BolusConfirmationView() .environmentObject(state) .background(Rectangle().fill(.black)) } } .frame(maxHeight: .infinity) .padding() .onReceive(state.timer) { date in state.timerDate = date state.requestState() } .onAppear { state.requestState() } } var header: some View { VStack { HStack(alignment: .top) { VStack(alignment: .leading) { HStack { Text(state.glucose).font(.largeTitle) .scaledToFill() .minimumScaleFactor(0.5) .padding(.top, 4) Text(state.trend) .scaledToFill() .minimumScaleFactor(0.5) } Text(state.delta).font(.caption2) .scaledToFill() .minimumScaleFactor(0.5) .foregroundColor(.secondary) } Spacer() VStack(spacing: 0) { HStack { Circle().stroke(color, lineWidth: 6).frame(width: 30, height: 30).padding(10) } if state.lastLoopDate != nil { Text(timeString).font(.caption2) .scaledToFill() .minimumScaleFactor(0.5) .foregroundColor(.secondary) } else { Text("--").font(.caption2) } } } Spacer() HStack(alignment: .firstTextBaseline) { HStack { Text(iobFormatter.string(from: (state.iob ?? 0) as NSNumber)! + " U") .font(.caption2) .scaledToFill() .foregroundColor(.insulin) .minimumScaleFactor(0.5) }.minimumScaleFactor(0.5) Spacer() HStack { Text(iobFormatter.string(from: (state.cob ?? 0) as NSNumber)! + " g") .font(.caption2) .scaledToFill() .foregroundColor(.loopGreen) .minimumScaleFactor(0.5) } if let eventualBG = state.eventualBG.nonEmpty { Spacer() HStack { Text(eventualBG) .font(.caption2) .scaledToFill() .foregroundColor(.secondary) .minimumScaleFactor(0.5) } } } Spacer() }.padding() } var buttons: some View { HStack(alignment: .center) { NavigationLink(isActive: $state.isCarbsViewActive) { CarbsView() .environmentObject(state) } label: { Image("carbs", bundle: nil) .renderingMode(.template) .resizable() .frame(width: 24, height: 24) .foregroundColor(.loopGreen) } NavigationLink(isActive: $state.isTempTargetViewActive) { TempTargetsView() .environmentObject(state) } label: { VStack { Image("target", bundle: nil) .renderingMode(.template) .resizable() .frame(width: 24, height: 24) .foregroundColor(.loopYellow) if let until = state.tempTargets.compactMap(\.until).first, until > Date() { Text(until, style: .timer) .scaledToFill() .font(.system(size: 8)) } } } NavigationLink(isActive: $state.isBolusViewActive) { BolusView() .environmentObject(state) } label: { Image("bolus", bundle: nil) .renderingMode(.template) .resizable() .frame(width: 24, height: 24) .foregroundColor(.insulin) } } } private var iobFormatter: NumberFormatter { let formatter = NumberFormatter() formatter.maximumFractionDigits = 2 formatter.numberStyle = .decimal return formatter } private var timeString: String { let minAgo = Int((Date().timeIntervalSince(state.lastLoopDate ?? .distantPast) - Config.lag) / 60) + 1 if minAgo > 1440 { return "--" } return "\(minAgo) " + NSLocalizedString("min", comment: "Minutes ago since last loop") } private var color: Color { guard let lastLoopDate = state.lastLoopDate else { return .loopGray } let delta = Date().timeIntervalSince(lastLoopDate) - Config.lag if delta <= 5.minutes.timeInterval { return .loopGreen } else if delta <= 10.minutes.timeInterval { return .loopYellow } else { return .loopRed } } } struct ContentView_Previews: PreviewProvider { static var previews: some View { let state = WatchStateModel() state.glucose = "15,8" state.delta = "+888" state.iob = 100.38 state.cob = 112.123 state.eventualBG = "⇢ 8,888" state.lastLoopDate = Date().addingTimeInterval(-200) state .tempTargets = [TempTargetWatchPreset(name: "Test", id: "test", description: "", until: Date().addingTimeInterval(3600 * 3))] return Group { MainView() MainView().previewDevice("Apple Watch Series 5 - 40mm") MainView().previewDevice("Apple Watch Series 3 - 38mm") }.environmentObject(state) } }