|
|
@@ -11,12 +11,12 @@ import UIKit
|
|
|
/// Glucose target step view for setting target glucose range.
|
|
|
struct GlucoseTargetStepView: View {
|
|
|
@Bindable var state: Onboarding.StateModel
|
|
|
- @State private var showUnitPicker = false
|
|
|
@State private var showTimeSelector = false
|
|
|
@State private var selectedTargetIndex: Int?
|
|
|
@State private var showAlert = false
|
|
|
@State private var errorMessage = ""
|
|
|
@State private var refreshUI = UUID() // to update chart when slider value changes
|
|
|
+ @State private var therapyItems: [TherapySettingItem] = []
|
|
|
|
|
|
// Formatter for glucose values
|
|
|
private var numberFormatter: NumberFormatter {
|
|
|
@@ -40,125 +40,6 @@ struct GlucoseTargetStepView: View {
|
|
|
var body: some View {
|
|
|
ScrollView {
|
|
|
VStack(alignment: .leading, spacing: 20) {
|
|
|
- // Unit selector
|
|
|
- HStack {
|
|
|
- Text("Blood Glucose Units")
|
|
|
- .font(.headline)
|
|
|
-
|
|
|
- Spacer()
|
|
|
-
|
|
|
- Button(action: {
|
|
|
- showUnitPicker.toggle()
|
|
|
- }) {
|
|
|
- HStack {
|
|
|
- Text(state.units == .mgdL ? "mg/dL" : "mmol/L")
|
|
|
- Image(systemName: "chevron.down")
|
|
|
- }
|
|
|
- .padding(.horizontal, 12)
|
|
|
- .padding(.vertical, 8)
|
|
|
- .background(Color.blue.opacity(0.1))
|
|
|
- .cornerRadius(8)
|
|
|
- }
|
|
|
- .actionSheet(isPresented: $showUnitPicker) {
|
|
|
- let mgdlAction = ActionSheet.Button.default(Text("mg/dL")) {
|
|
|
- // Store current unit
|
|
|
- let oldUnit = state.units
|
|
|
- // Change to new unit
|
|
|
- state.units = .mgdL
|
|
|
- // Adjust values for unit change, only if unit actually changed
|
|
|
- if oldUnit != .mgdL {
|
|
|
- state.targetLow = max(70, state.targetLow * 18)
|
|
|
- state.targetHigh = max(120, state.targetHigh * 18)
|
|
|
- state.isf = max(30, state.isf * 18)
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- let mmolAction = ActionSheet.Button.default(Text("mmol/L")) {
|
|
|
- // Store current unit
|
|
|
- let oldUnit = state.units
|
|
|
- // Change to new unit
|
|
|
- state.units = .mmolL
|
|
|
- // Adjust values for unit change, only if unit actually changed
|
|
|
- if oldUnit != .mmolL {
|
|
|
- state.targetLow = max(3.9, state.targetLow / 18)
|
|
|
- state.targetHigh = max(6.7, state.targetHigh / 18)
|
|
|
- state.isf = max(1.7, state.isf / 18)
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- let cancelAction = ActionSheet.Button.cancel()
|
|
|
-
|
|
|
- return ActionSheet(
|
|
|
- title: Text("Select Blood Glucose Units"),
|
|
|
- buttons: [mgdlAction, mmolAction, cancelAction]
|
|
|
- )
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- Divider()
|
|
|
-
|
|
|
- // Target glucose range
|
|
|
- VStack(alignment: .leading, spacing: 12) {
|
|
|
- Text("Target Glucose Range")
|
|
|
- .font(.headline)
|
|
|
-
|
|
|
- Text("This range defines your ideal blood glucose values. Trio uses this to calculate insulin doses.")
|
|
|
- .font(.subheadline)
|
|
|
- .foregroundColor(.secondary)
|
|
|
-
|
|
|
- // Low target
|
|
|
- VStack(alignment: .leading) {
|
|
|
- Text("Low Target")
|
|
|
- .font(.subheadline)
|
|
|
-
|
|
|
- HStack {
|
|
|
- Slider(
|
|
|
- value: Binding(
|
|
|
- get: { Double(truncating: state.targetLow as NSNumber) },
|
|
|
- set: { state.targetLow = Decimal($0) }
|
|
|
- ),
|
|
|
- in: state.units == .mgdL ? 70 ... 120 : 3.9 ... 6.7,
|
|
|
- step: state.units == .mgdL ? 1 : 0.1
|
|
|
- )
|
|
|
- .accentColor(.green)
|
|
|
-
|
|
|
- Text(
|
|
|
- "\(numberFormatter.string(from: state.targetLow as NSNumber) ?? "--") \(state.units == .mgdL ? "mg/dL" : "mmol/L")"
|
|
|
- )
|
|
|
- .frame(width: 80, alignment: .trailing)
|
|
|
- }
|
|
|
- }
|
|
|
- .padding(.vertical, 4)
|
|
|
-
|
|
|
- // High target
|
|
|
- VStack(alignment: .leading) {
|
|
|
- Text("High Target")
|
|
|
- .font(.subheadline)
|
|
|
-
|
|
|
- HStack {
|
|
|
- Slider(
|
|
|
- value: Binding(
|
|
|
- get: { Double(truncating: state.targetHigh as NSNumber) },
|
|
|
- set: { state.targetHigh = Decimal($0) }
|
|
|
- ),
|
|
|
- in: state.units == .mgdL ?
|
|
|
- Double(truncating: state.targetLow as NSNumber) + 10 ... 200 :
|
|
|
- Double(truncating: state.targetLow as NSNumber) + 0.6 ... 11.1,
|
|
|
- step: state.units == .mgdL ? 1 : 0.1
|
|
|
- )
|
|
|
- .accentColor(.green)
|
|
|
-
|
|
|
- Text(
|
|
|
- "\(numberFormatter.string(from: state.targetHigh as NSNumber) ?? "--") \(state.units == .mgdL ? "mg/dL" : "mmol/L")"
|
|
|
- )
|
|
|
- .frame(width: 80, alignment: .trailing)
|
|
|
- }
|
|
|
- }
|
|
|
- .padding(.vertical, 4)
|
|
|
- }
|
|
|
-
|
|
|
- Divider()
|
|
|
-
|
|
|
// Chart visualization
|
|
|
if !state.targetItems.isEmpty {
|
|
|
VStack(alignment: .leading) {
|
|
|
@@ -176,210 +57,27 @@ struct GlucoseTargetStepView: View {
|
|
|
}
|
|
|
|
|
|
// Glucose target list
|
|
|
- VStack(alignment: .leading, spacing: 10) {
|
|
|
- HStack {
|
|
|
- Text("Glucose Targets")
|
|
|
- .font(.headline)
|
|
|
-
|
|
|
- Spacer()
|
|
|
-
|
|
|
- // Add new target button
|
|
|
- if state.targetItems.count < 24 {
|
|
|
- Button(action: {
|
|
|
- showTimeSelector = true
|
|
|
- }) {
|
|
|
- HStack {
|
|
|
- Image(systemName: "plus.circle.fill")
|
|
|
- Text("Add Target")
|
|
|
- }
|
|
|
- .foregroundColor(.blue)
|
|
|
- }
|
|
|
- .disabled(!canAddTarget)
|
|
|
- }
|
|
|
- }
|
|
|
- .padding(.horizontal)
|
|
|
-
|
|
|
- // List of targets
|
|
|
- VStack(spacing: 2) {
|
|
|
- ForEach(state.targetItems.indices, id: \.self) { index in
|
|
|
- let item = state.targetItems[index]
|
|
|
- HStack {
|
|
|
- // Time display
|
|
|
- Text(
|
|
|
- dateFormatter
|
|
|
- .string(from: Date(
|
|
|
- timeIntervalSince1970: state
|
|
|
- .targetTimeValues[item.timeIndex]
|
|
|
- ))
|
|
|
- )
|
|
|
- .frame(width: 80, alignment: .leading)
|
|
|
- .padding(.leading)
|
|
|
-
|
|
|
- // Low target slider
|
|
|
- Slider(
|
|
|
- value: Binding(
|
|
|
- get: {
|
|
|
- Double(
|
|
|
- truncating: state
|
|
|
- .targetRateValues[item.lowIndex] as NSNumber
|
|
|
- ) },
|
|
|
- set: { newValue in
|
|
|
- // Find closest match in rateValues array
|
|
|
- let newIndex = state.targetRateValues
|
|
|
- .firstIndex { abs(Double($0) - newValue) < 0.05 } ?? item.lowIndex
|
|
|
- state.targetItems[index].lowIndex = newIndex
|
|
|
-
|
|
|
- // Ensure high target is at least as high as low target
|
|
|
- if state.targetItems[index].highIndex < newIndex {
|
|
|
- state.targetItems[index].highIndex = newIndex
|
|
|
- }
|
|
|
-
|
|
|
- // Force refresh when slider changes
|
|
|
- refreshUI = UUID()
|
|
|
- }
|
|
|
- ),
|
|
|
- in: Double(truncating: state.targetRateValues.first! as NSNumber) ...
|
|
|
- Double(truncating: state.targetRateValues.last! as NSNumber),
|
|
|
- step: state.units == .mgdL ? 1 : 0.1
|
|
|
- )
|
|
|
- .accentColor(.blue)
|
|
|
- .padding(.horizontal, 5)
|
|
|
- .onChange(of: state.targetItems[index].lowIndex) { _, _ in
|
|
|
- let impact = UIImpactFeedbackGenerator(style: .light)
|
|
|
- impact.impactOccurred()
|
|
|
- }
|
|
|
-
|
|
|
- // Display the current value
|
|
|
- Text(
|
|
|
- "\(numberFormatter.string(from: state.targetRateValues[item.lowIndex] as NSNumber) ?? "--") \(state.units == .mgdL ? "mg/dL" : "mmol/L")"
|
|
|
- )
|
|
|
- .frame(width: 80, alignment: .trailing)
|
|
|
- .lineLimit(1)
|
|
|
- .minimumScaleFactor(0.8)
|
|
|
-
|
|
|
- // Delete button (not for the first entry at 00:00)
|
|
|
- if index > 0 {
|
|
|
- Button(action: {
|
|
|
- state.targetItems.remove(at: index)
|
|
|
- }) {
|
|
|
- Image(systemName: "trash")
|
|
|
- .foregroundColor(.red)
|
|
|
- .padding(.horizontal, 5)
|
|
|
- }
|
|
|
- } else {
|
|
|
- // Spacer to maintain alignment
|
|
|
- Spacer()
|
|
|
- .frame(width: 30)
|
|
|
- }
|
|
|
- }
|
|
|
- .padding(.vertical, 12)
|
|
|
- .background(index % 2 == 0 ? Color.blue.opacity(0.05) : Color.clear)
|
|
|
- .cornerRadius(8)
|
|
|
- }
|
|
|
- }
|
|
|
- .background(Color.blue.opacity(0.05))
|
|
|
- .cornerRadius(10)
|
|
|
- .padding(.horizontal)
|
|
|
- .onAppear {
|
|
|
- if state.targetItems.isEmpty {
|
|
|
- state.addTarget()
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- // Target range visualization
|
|
|
- VStack(alignment: .leading, spacing: 8) {
|
|
|
- Text("Your Target Range")
|
|
|
- .font(.headline)
|
|
|
-
|
|
|
- HStack(spacing: 0) {
|
|
|
- // Below range
|
|
|
- Rectangle()
|
|
|
- .fill(Color.red.opacity(0.3))
|
|
|
- .frame(width: 50, height: 30)
|
|
|
- .overlay(
|
|
|
- Text("Low")
|
|
|
- .font(.caption)
|
|
|
- .foregroundColor(.red)
|
|
|
- )
|
|
|
-
|
|
|
- // Target range
|
|
|
- Rectangle()
|
|
|
- .fill(Color.green.opacity(0.3))
|
|
|
- .frame(width: 100, height: 30)
|
|
|
- .overlay(
|
|
|
- Text("Target")
|
|
|
- .font(.caption)
|
|
|
- .foregroundColor(.green)
|
|
|
- )
|
|
|
-
|
|
|
- // Above range
|
|
|
- Rectangle()
|
|
|
- .fill(Color.yellow.opacity(0.3))
|
|
|
- .frame(width: 50, height: 30)
|
|
|
- .overlay(
|
|
|
- Text("High")
|
|
|
- .font(.caption)
|
|
|
- .foregroundColor(.orange)
|
|
|
- )
|
|
|
- }
|
|
|
- .cornerRadius(8)
|
|
|
-
|
|
|
- // Range values
|
|
|
- HStack(spacing: 0) {
|
|
|
- Text("\(numberFormatter.string(from: state.targetLow as NSNumber) ?? "--")")
|
|
|
- .font(.caption)
|
|
|
- .frame(width: 50, alignment: .center)
|
|
|
-
|
|
|
- Spacer()
|
|
|
- .frame(width: 100)
|
|
|
-
|
|
|
- Text("\(numberFormatter.string(from: state.targetHigh as NSNumber) ?? "--")")
|
|
|
- .font(.caption)
|
|
|
- .frame(width: 50, alignment: .center)
|
|
|
- }
|
|
|
-
|
|
|
- Text("These values reflect your personal target range and can be adjusted at any time in the Settings.")
|
|
|
- .font(.caption)
|
|
|
- .foregroundColor(.secondary)
|
|
|
- .padding(.top, 8)
|
|
|
+ VStack(alignment: .leading) {
|
|
|
+ Text("Glucose Targets")
|
|
|
+ .font(.title2)
|
|
|
+ .padding(.horizontal)
|
|
|
+
|
|
|
+ TimeValueEditorView(
|
|
|
+ items: $therapyItems,
|
|
|
+ unit: state.units.rawValue,
|
|
|
+ valueOptions: state.targetRateValues
|
|
|
+ )
|
|
|
}
|
|
|
}
|
|
|
- .padding()
|
|
|
- }
|
|
|
- .actionSheet(isPresented: $showTimeSelector) {
|
|
|
- var buttons: [ActionSheet.Button] = []
|
|
|
-
|
|
|
- // Find available time slots in 1-hour increments
|
|
|
- for hour in 0 ..< 24 {
|
|
|
- let hourInMinutes = hour * 60
|
|
|
- // Calculate timeIndex for this hour
|
|
|
- let timeIndex = state.targetTimeValues.firstIndex { abs($0 - Double(hourInMinutes * 60)) < 10 } ?? 0
|
|
|
-
|
|
|
- // Check if this hour is already in the profile
|
|
|
- if !state.targetItems.contains(where: { $0.timeIndex == timeIndex }) {
|
|
|
- buttons.append(.default(Text("\(String(format: "%02d:00", hour))")) {
|
|
|
- // Get the current low and high values from the last item
|
|
|
- let lowIndex = state.targetItems.last?.lowIndex ?? 0
|
|
|
- let highIndex = state.targetItems.last?.highIndex ?? lowIndex
|
|
|
-
|
|
|
- // Create new item with the specified time
|
|
|
- let newItem = TargetsEditor.Item(lowIndex: lowIndex, highIndex: highIndex, timeIndex: timeIndex)
|
|
|
-
|
|
|
- // Add the new item and sort the list by timeIndex
|
|
|
- state.targetItems.append(newItem)
|
|
|
- state.targetItems.sort(by: { $0.timeIndex < $1.timeIndex })
|
|
|
- })
|
|
|
- }
|
|
|
+ }.onAppear {
|
|
|
+ if state.targetItems.isEmpty {
|
|
|
+ state.addTarget()
|
|
|
}
|
|
|
-
|
|
|
- buttons.append(.cancel())
|
|
|
-
|
|
|
- return ActionSheet(
|
|
|
- title: Text("Select Start Time"),
|
|
|
- message: Text("Choose when this target should start"),
|
|
|
- buttons: buttons
|
|
|
- )
|
|
|
+ therapyItems = state.getTherapyItems(from: state.targetItems)
|
|
|
+ debug(.default, "THERAPY ITEMS: \(therapyItems)")
|
|
|
+ }.onChange(of: therapyItems) { _, newItems in
|
|
|
+ state.updateTargets(from: newItems)
|
|
|
+ refreshUI = UUID()
|
|
|
}
|
|
|
}
|
|
|
|
Deniz Cengiz