CurrentGlucoseView.swift 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230
  1. import SwiftUI
  2. struct CurrentGlucoseView: View {
  3. @Binding var recentGlucose: BloodGlucose?
  4. @Binding var timerDate: Date
  5. @Binding var delta: Int?
  6. @Binding var units: GlucoseUnits
  7. @Binding var alarm: GlucoseAlarm?
  8. @Binding var lowGlucose: Decimal
  9. @Binding var highGlucose: Decimal
  10. @State private var rotationDegrees: Double = 0.0
  11. @State private var angularGradient: AngularGradient = defaultGradient()
  12. @Environment(\.colorScheme) var colorScheme
  13. private var glucoseFormatter: NumberFormatter {
  14. let formatter = NumberFormatter()
  15. formatter.numberStyle = .decimal
  16. formatter.maximumFractionDigits = 0
  17. if units == .mmolL {
  18. formatter.minimumFractionDigits = 1
  19. formatter.maximumFractionDigits = 1
  20. }
  21. formatter.roundingMode = .halfUp
  22. return formatter
  23. }
  24. private var deltaFormatter: NumberFormatter {
  25. let formatter = NumberFormatter()
  26. formatter.numberStyle = .decimal
  27. formatter.maximumFractionDigits = 1
  28. formatter.positivePrefix = " +"
  29. formatter.negativePrefix = " -"
  30. return formatter
  31. }
  32. private var timaAgoFormatter: NumberFormatter {
  33. let formatter = NumberFormatter()
  34. formatter.numberStyle = .decimal
  35. formatter.maximumFractionDigits = 0
  36. formatter.negativePrefix = ""
  37. return formatter
  38. }
  39. private var dateFormatter: DateFormatter {
  40. let formatter = DateFormatter()
  41. formatter.timeStyle = .short
  42. return formatter
  43. }
  44. var body: some View {
  45. let triangleColor = Color(red: 0.729, green: 0.337, blue: 1)
  46. ZStack {
  47. TrendShape(gradient: angularGradient, color: triangleColor)
  48. .rotationEffect(.degrees(rotationDegrees))
  49. VStack(alignment: .center) {
  50. HStack {
  51. Text(
  52. (recentGlucose?.glucose ?? 100) == 400 ? "HIGH" : recentGlucose?.glucose
  53. .map {
  54. glucoseFormatter
  55. .string(from: Double(units == .mmolL ? $0.asMmolL : Decimal($0)) as NSNumber)! }
  56. ?? "--"
  57. )
  58. .font(.system(size: 40, weight: .bold))
  59. .foregroundColor(alarm == nil ? colourGlucoseText : .loopRed)
  60. }
  61. HStack {
  62. let minutesAgo = -1 * (recentGlucose?.dateString.timeIntervalSinceNow ?? 0) / 60
  63. let text = timaAgoFormatter.string(for: Double(minutesAgo)) ?? ""
  64. Text(
  65. minutesAgo <= 1 ? "< 1 " + NSLocalizedString("min", comment: "Short form for minutes") : (
  66. text + " " +
  67. NSLocalizedString("min", comment: "Short form for minutes") + " "
  68. )
  69. )
  70. .font(.caption2).foregroundColor(.secondary)
  71. Text(
  72. delta
  73. .map {
  74. deltaFormatter.string(from: Double(units == .mmolL ? $0.asMmolL : Decimal($0)) as NSNumber)!
  75. } ?? "--"
  76. )
  77. .font(.caption2).foregroundColor(.secondary)
  78. }.frame(alignment: .top)
  79. }
  80. }
  81. .onChange(of: recentGlucose?.direction) { newDirection in
  82. withAnimation {
  83. switch newDirection {
  84. case .doubleUp,
  85. .singleUp,
  86. .tripleUp:
  87. rotationDegrees = -90
  88. setupAngularGradient(startAngle: 135, endAngle: -45)
  89. case .fortyFiveUp:
  90. rotationDegrees = -45
  91. setupAngularGradient(startAngle: 180, endAngle: 0)
  92. case .flat:
  93. rotationDegrees = 0
  94. setupAngularGradient(startAngle: 225, endAngle: 45)
  95. case .fortyFiveDown:
  96. rotationDegrees = 45
  97. setupAngularGradient(startAngle: 270, endAngle: 90)
  98. case .doubleDown,
  99. .singleDown,
  100. .tripleDown:
  101. rotationDegrees = 90
  102. setupAngularGradient(startAngle: -45, endAngle: 135)
  103. case .none,
  104. .notComputable,
  105. .rateOutOfRange:
  106. rotationDegrees = 0
  107. setupAngularGradient(startAngle: 225, endAngle: 45)
  108. @unknown default:
  109. rotationDegrees = 0
  110. setupAngularGradient(startAngle: 225, endAngle: 45)
  111. }
  112. }
  113. }
  114. }
  115. private func setupAngularGradient(startAngle: Double, endAngle: Double) {
  116. angularGradient = AngularGradient(colors: [
  117. Color(red: 0.729, green: 0.337, blue: 1),
  118. Color(red: 0.263, green: 0.733, blue: 0.914),
  119. Color(red: 0.263, green: 0.733, blue: 0.914),
  120. Color(red: 0.263, green: 0.733, blue: 0.914),
  121. Color(red: 0.263, green: 0.733, blue: 0.914),
  122. Color(red: 0.729, green: 0.337, blue: 1)
  123. ], center: .center, startAngle: .degrees(startAngle), endAngle: .degrees(endAngle))
  124. }
  125. private static func defaultGradient(startAngle: Double = 180, endAngle: Double = 0) -> AngularGradient {
  126. AngularGradient(colors: [
  127. Color(red: 0.729, green: 0.337, blue: 1),
  128. Color(red: 0.263, green: 0.733, blue: 0.914),
  129. Color(red: 0.263, green: 0.733, blue: 0.914),
  130. Color(red: 0.263, green: 0.733, blue: 0.914),
  131. Color(red: 0.263, green: 0.733, blue: 0.914),
  132. Color(red: 0.729, green: 0.337, blue: 1)
  133. ], center: .center, startAngle: .degrees(startAngle), endAngle: .degrees(endAngle))
  134. }
  135. var colourGlucoseText: Color {
  136. let whichGlucose = recentGlucose?.glucose ?? 0
  137. let defaultColor: Color = colorScheme == .dark ? .white : .black
  138. guard lowGlucose < highGlucose else { return .primary }
  139. switch whichGlucose {
  140. case 0 ..< Int(lowGlucose):
  141. return .loopRed
  142. case Int(lowGlucose) ..< Int(highGlucose):
  143. return defaultColor
  144. case Int(highGlucose)...:
  145. return .loopYellow
  146. default:
  147. return defaultColor
  148. }
  149. }
  150. }
  151. struct Triangle: Shape {
  152. func path(in rect: CGRect) -> Path {
  153. var path = Path()
  154. let cornerRadius: CGFloat = 8
  155. path.move(to: CGPoint(x: rect.midX, y: rect.minY))
  156. path.addLine(to: CGPoint(x: rect.maxX, y: rect.maxY - cornerRadius))
  157. path.addQuadCurve(to: CGPoint(x: rect.minX, y: rect.maxY - cornerRadius), control: CGPoint(x: rect.midX, y: rect.maxY))
  158. path.closeSubpath()
  159. return path
  160. }
  161. }
  162. struct TrendShape: View {
  163. let gradient: AngularGradient
  164. let color: Color
  165. var body: some View {
  166. HStack(alignment: .center) {
  167. ZStack {
  168. CircleShape(gradient: gradient)
  169. TriangleShape(color: color)
  170. }
  171. }
  172. }
  173. }
  174. struct CircleShape: View {
  175. @Environment(\.colorScheme) var colorScheme
  176. let gradient: AngularGradient
  177. var body: some View {
  178. let colorBackground: Color = colorScheme == .dark ? .black.opacity(0.8) : .white
  179. Circle()
  180. .stroke(gradient, lineWidth: 10)
  181. .shadow(radius: 3)
  182. .background(Circle().fill(colorBackground))
  183. .frame(width: 110, height: 110)
  184. }
  185. }
  186. struct TriangleShape: View {
  187. let color: Color
  188. var body: some View {
  189. Triangle()
  190. .fill(color)
  191. .frame(width: 30, height: 30)
  192. .rotationEffect(.degrees(90))
  193. .offset(x: 65)
  194. }
  195. }